“JavaScript客戶端驗證及網頁特效”課程教學方法探討

傅偉玉

“JavaScript客戶端驗證及網頁特效”課程教學方法探討

傅偉玉

隨著網絡技術的不斷發展，網頁由原來的靜態網頁逐步向動態網頁發展，為了使網頁更加完美，JavaScript已普遍應用于網頁的設計中。目前，JavaScript是網頁設計的核心技術之一，也是網頁設計教學的一個重要模塊。結合教學實踐，對JavaScript教學中采用的各種教學方法進行了分析和探討。

JavaScript；網頁設計；教學方法

JavaScript是一種基于對象和事件驅動的腳本語言，具有簡單性、安全性、動態性和跨平臺性的特點。[1]JavaScript可以用來給網頁增加交互性，是網頁設計的核心技術之一，也是學習網頁設計的一個重要的模塊。針對高職學生的特點，基于工作過程、工學結合的教學模式，筆者認為，這門課主要采用“理論實踐一體化”的教學方法，以任務為載體，以學生為中心，充分利用現代化教學手段，如采用項目展示與演示、教學做一體化、現場實踐、大屏幕多媒體聯機演示、網絡教學等各種先進的教學手段，提高教學質量和效果，以正確引導學生，提高學生的學習興趣、激發學生的創新意識，培養創新精神、促使其自主學習。

一、案例導入，引起學生關注

案例教學法是一種以案例為基礎的教學法。通過案例演示，提出問題；通過分析案例，引導學生用理論知識和專業技能解決問題，培養學生獨立思考、完成任務的能力。JavaScript作為一種編程語言。如果采用課堂板書講解語法知識，學生往往會覺得枯燥。若在教學中采用多媒體教學系統，案例演示講解的方式，將網頁中常見的JavaScript動態效果進行展示，可以激發學生的探究心理，引起學生的關注。

案例教學的最大特點是它的真實性。由于教學內容是具體的實例，并且采用形象、直觀、生動的形式，給人以真實感，易于學習和理解。如在講解網頁特效時，教師可以演示“鼠標的文字跟蹤”效果，當用戶將鼠標在頁面上移動時，會出現一串跟著鼠標移動的文字，演示效果如圖l所示。這種效果在網頁中應用的很多，可以有效的激發學生的學習興趣，提高學習的積極性。

圖1 鼠標的文字跟蹤效果

二、啟發引導，促進自主學習

啟發式教學是指教師在教學過程中根據教學任務和學習的客觀規律，運用各種教學手段，采用啟發誘導的方法傳授知識、培養能力，使學生積極主動地學習，以促進身心發展。啟發式教學的實質在于正確處理教與學的相互關系，它反映了教學的客觀規律。啟發式教學不僅是教學方法，更是一種教學思想，是教學原則和教學觀。隨著現代科學技術的進步和教學經驗的積累,啟發式教學得到不斷豐富和發展。

在啟發式教學過程中，教師扮演的不是灌輸者，而是激勵者的角色，教師要注重學生智力開發，促進學生自主學習，提倡、引導和鼓勵學生積極思考問題。在教學過程中學生是學習的主體，只有發揮學生的主動性、積極性，學生才能獲得有效的認知。引導學生樂于實踐、積極思考、自覺訓練，在教師的教和學生的學之間形成良性互動，實現教、學、做”于一體的良好效果。

在課堂教學中，要注重理論教學與實驗實訓相結合，例如“鼠標的文字跟蹤”效果案例講授中，教師可以講解其關鍵代碼：

教師在講解這個案例的語法知識后，可以引導學生進一步思考。比如怎樣實現“跟隨鼠標的時鐘”（如圖2所示）和“跟著鼠標的煙花”（如圖3所示）效果等等，讓學生去發現問題和解決問題。這種教學方式可以讓學生充分的獨立思考，觸類旁通，舉一反三，及時消化所學內容。

圖2 跟隨鼠標的時鐘效果

三、任務驅動，激發學習動力

“任務驅動”教學是在學習的過程中，學生在教師的幫助下，緊緊圍繞一個共同的任務活動中心，在強烈的問題動機驅動下，通過對學習資源的積極主動應用，進行自主探索和互動協作學習，并在完成指定任務的同時，引導學生產生一種學習實踐活動。[2]

圖3 跟隨鼠標的煙花效果

把所要學習的新知識隱含在一個或幾個任務之中，每個任務中都包含著新、舊知識，學生接受任務后首先思考如何去完成任務，在完成任務的過程中將會遇到一些不能解決的問題，這也是他們想要學習的知識點，此時，老師再將新知識傳授給他們，這就調動了學生主動求知的欲望。通過任務驅動可以充份調動學生的學習積極性，培養學生的學習興趣，轉變學生的觀念從“要我學”到“我要學”。[3]

在這門課的教學過程中，學生掌握基本的理論知識后，教師可以提出具體的任務，讓學生利用已學知識，獨自分析問題，并思索解決問題的方法，最后驗收學生完成的任務，并對學生的作品給以適當的點評。這樣學生才能把所學知識面融會貫通，真正掌握JavaScript動態網頁特效的制作方法。同時，也調動了學生的學習積極性，激發了學生的學習興趣，全面提高學生的綜合運用能力。例如在講授如何處理圖片類、文字類特效時，教師應重點講解數組的概念，以及常用到的事件處理程序，如On Click、On Load和On Mouseover等事件的概念和用法。在學生掌握這些基本的理論知識后，教師可以提出任務，如讓學生完成“沿滾動條移動的廣告”效果、“彈出、關閉廣告層”效果和“狀態欄文字飛出效果”效果等。這些都是網頁上常用的效果，有具體的實際意義，學生都非常感興趣。

四、分組協作，增強合作意識

分組學習是高效課堂最基本的學習形式，學生自主、合作、探究的學習方式都是通過學習小組來開展的，課堂生命力的煥發，學生的“動”，課堂的“活”，效果的“好”，都可以在分組教學中得以充分體現，所以小組學習在高效課堂教學模式的推進上尤為重要。

在教學過程中以小組活動為核心，要求學生互助合作，共同進步。通常我們將班級劃分成5～6人一個小組，其中1人為學習組長。每一個小組成員不僅要掌握所學知識，還要關心和幫助組內其他成員獲得成功或進步。通過合作學習，學生能夠學會如何將自己融于群體之中，同時，為了學到知識，必須做到與小組成員相互幫助，取長補短，融洽相處，這是他們將來適應社會所必備的條件。

五、角色扮演，模擬項目開發

角色扮演教學法是以學生為中心、教學互動的一種提高學生參與積極性的教學方法。通常我們采用以下兩種做法：（1）以軟件開發項目組的形式分配角色，學習小組中的每位學生扮演項目開發組中的各個成員，例如項目組長、程序員和測試人員角色等；（2）在互評環節扮演不同角色，由不同的學生分別扮演軟件用戶和程序員的角色，軟件用戶站在用戶的角度來評價程序員所完成的功能是否滿足用戶的需求。角色扮演使學生真正成為學習的主人，使學生得到全面發展。

六、改變考核方式，突出實際動手能力

考試是考核學生學習成果的一種基本方式，試卷考核是我們一直使用的傳統方法。目前，在高職教育強調實訓環節和技能培養的前提下，完全使用試卷考核不利于學生實際能力的培養，也不能反映學生的操作能力和水平。因此，要突出學生實際動手能力的培養，我們在考核方式上進行了一定的改革。改革后的考試采用多維度全方位的綜合考核與評價體系（如圖4所示），這樣可以全面考核學生對該課程知識的掌握情況和程序設計能力。

圖4 綜合考核與評價

“JavaScript客戶端驗證及網頁特效”這門課實踐性較強，能較好的體現學生的操作能力，便于學生獨立完成課題作品。筆者在課程開始就把這門課程要達到的目標告訴學生，使學生的目標明確，要求學生在期末的時候每個人獨立完成一個作品。通過對學生作品的評價來完成本課程，作品的成績作為考核的一項。這樣，學生目標明確，就可以有針對性的學習，并且特別重視實際操作技能的掌握，不再把精力花在背概念和啃書本上。

JavaScript是一門實踐性很強的課程。在教學過程中，要根據實際情況選擇與運用不同的教學方法和教學手段。由于不斷變換教學形式，學生的大腦興奮不斷轉移，注意力能夠得到及時調節，有利于學生精神始終維持最佳狀態。教師要引導學生運用所學知識去分析問題和解決問題，使學生從知識、技能、思維三位一體全面發展，使學生在理論與實踐結合過程中學習基本知識，在動手實踐中提高實際操作能力，提高學生的學習能力和創造能力，充分開發每個學生的潛能。

[1]施伯樂.網頁開發語言JavaScript實踐教程[M].上海：上海交通大學出版社,2004.

[2]喬湘平.激發學習動機的心理對策[J].中國職業技術教育，2005（22）.

[3]袁曄.案例教學法在計算機教學中的應用[J].中國職業技術教育，2007（22）．

傅偉玉，女，江蘇財經職業技術學院講師，碩士，主要研究方向為計算機應用與軟件技術。

G712

A 文獻標識碼：1674-7747（2012）21-0058-03

[責任編輯 曉潭]