中職JavaScript網頁腳本語言教學

李希邱

摘 要：本文根據中職JavaScript網頁腳本語言教學實際情況，結合個人的教學實踐，從克服學生編寫網頁腳本語言代碼的恐懼心理、激發學生編寫網頁腳本代碼的興趣、培養學生良好的學習習慣、充分調動學生的學習積極性等幾個方面論述了中職JavaScript網頁腳本語言的課堂教學方法。

關鍵詞：中職；JavaScript網頁腳本語言；教學方法

由于網頁腳本不僅可以減小網頁的規模和提高網頁瀏覽速度，而且可以豐富網頁的表現，所以在網面設計中，網頁腳本被大量使用，因此在網頁設計教學中，網頁腳本語言教學尤顯重要。但是中職學校學生在剛接觸網頁腳本代碼時，卻普遍表現出恐懼情緒，對使用網頁腳本語言編寫代碼不感興趣，平時學習不注重學習方法等，造成網頁腳本語言教學效果欠佳。針對這一現象，筆者在教學實踐中不斷摸索，總結了以下幾個提高網頁腳本語言教學效果的方法。

一、克服學生編寫網頁腳本代碼的恐懼心理

在編寫網頁腳本代碼過程中，往往需要應用到一些英語知識，中職生大多英語基礎比較差，當他們看到一些例題的代碼里面包含英語單詞、符號時，往往會產生一種恐懼心理，所以，教師首先要克服學生編寫網頁腳本代碼的恐懼心理，幫其找回學習自信心。

平時筆者會通過各種途徑引導學生學習常用專業英語單詞，豐富專業英語的詞匯量，如利用早讀課組織學生朗讀、抄寫、默記英語單詞；又如利用網頁編輯工具DreamWeaver CS5自動提示代碼功能，在編輯網頁代碼狀態下輸入幾個字符之后，IDE 工具就會智能地給出一系列可選的函數或者變量提示你輸入，這樣學生就算一時忘記了某個英語單詞，也能夠從中找到需要的英語單詞，大大方便了學生編寫網頁腳本代碼；上課時，在講解編寫網頁腳本代碼的過程中，遇到一些陌生的英語單詞，筆者會在相應的語句行后利用注釋進行中文解釋，這樣會提高學生對網頁腳本代碼的理解。

經過一段時間的訓練，學生掌握了英語單詞的學習方法，并積累了一定量的英語單詞，在一定程度上會提高編寫代碼的效率，克服了對網頁腳本代碼的恐懼心理，網頁腳本語言教學的效果也提高了。

二、激發學生編寫網頁腳本代碼的興趣

著名教育家贊可夫說過：“對所學知識內容的興趣可能成為學習動機。”從教育心理學的角度來說，興趣是一個人傾向于認識、研究獲得某種知識的心理特征，是可以推動人們求知的一種內在力量。因此，激發學生學習網頁腳本代碼的興趣，學生就會持續地專心致志地鉆研它，從而提高學習效果。在教學中，筆者主要從以下幾個方面激發學生學習網頁腳本代碼的興趣：

一是在學習編寫網頁腳本代碼之前，演示一些國內著名的網站給學生觀看，比如淘寶網、當當網、新浪網等，從總體上讓學生對網站有一個初步的認識，使他們以后編寫網頁腳本代碼時有一個參考目標，激發他們編寫網頁腳本代碼的求知欲。

二是通過介紹中國名人傳記，如楊志遠、馬云等的創業史，鼓勵學生在學習上樹立一個目標，學好專業知識，實現自己的理想，從而激發學生編寫網頁腳本代碼的目標。

三是在平時教學過程中，注重基礎知識的練習，根據學生興趣和愛好，選取學生比較喜歡也能夠實現教學目標的練習題，比如，用鼠標移到網頁某個對象時，對象的大小或者顏色發生變化；離開對象之后，大小和顏色恢復到原來的狀態。這一有趣情況，激發了學生學習的興趣，學生很快根據教學內容編寫出腳本代碼；又如，根據當前時間在網頁上顯示不同的問候語，學生運用IF語句和日期時間函數也能夠編寫出腳本代碼，這樣學生每次練習都能夠獲得成功的體驗，從而激發了學生學習網頁腳本代碼的興趣和信心。

三、培養學生良好的學習習慣

“授人以魚不如授人以漁”，在教學中，筆者根據教學內容和學生實際情況，重視學生學習方法的指導，培養學生良好的學習習慣，提高了學生編寫網頁腳本代碼的學習效率。

一是培養學生良好的編寫網頁腳本代碼的習慣。有的學生初次編寫腳本代碼，代碼亂七八糟，連自己也沒法看懂。所以筆者在教學過程中，注重培養學生編寫代碼的表達和書寫習慣，引導學生注意代碼的可讀性，例如，代碼的縮進編排、變量的命名規則要始終保持一致，在代碼適當地方要做注釋，以便以后檢查和修改，單行語句不要過長等。平時上機操作過程中，對編寫代碼不規范的學生，及時指導督促他們糾正錯誤，使他們養成良好的編寫網頁腳本代碼的習慣。

二是培養學生搜索資料的習慣。大部分學生平時上網目標是上QQ聊天或者玩游戲，如果能夠引導學生利用適當時間上網學習搜索資料，解決學習上的疑難問題，這樣不但能分散學生QQ聊天或者玩游戲的注意力，而且能使學生學會利用網絡搜索資料進行學習，提高學生利用網絡資源的能力。

三是培養學生閱讀的習慣。為了提高學生編寫網頁腳本代碼的能力，豐富解決編程問題的經驗，筆者引導學生多看多思考別人編寫的網頁腳本代碼，從中理解他人的解題思路和設計思想；另外，還引導學生多閱讀計算機報刊雜志、書籍、網絡論壇上的好文章，增長見識，為以后編寫網頁腳本代碼打下良好基礎。

四、調動學生合作探究的積極性

在課堂上，教師可通過有針對性的問題，引導學生積極探討算法，調動他們合作探究的積極性。比如，學習了JavaScript腳本語言的For語句、do-while語句和While語句之后，為了使學生明白這三種循環語句的應用，筆者提出問題：應用一種循環語句編程實現求1+2+3+……+n>10000的最小正整數n，要求寫出算法和腳本代碼。首先，讓學生在小組中討論，每小組6人，每位小組長分工分任務，并且負責整理、調試腳本代碼；接著，每個小組挑選一位成員上臺先說說問題的算法，再演示腳本代碼。在演示代碼過程中，對存在錯誤的代碼，教師在課堂上引導學生一起討論，共同解決問題。演示代碼之后，教師引導學生對這三種循環語句的特點及應用進行歸納總結。這樣的討論能激發學生參與合作的激情，學生在課堂中發揮了主體地位，在輕松的討論氛圍中更加深刻地理解教學內容，牢固地掌握所學知識。

另外，在課堂教學過程中，教師應盡量現場解答學生的疑難問題，對于課后不能及時解決的問題，教師可利用網絡答疑的方式，如QQ、師生網上交流系統等進行網上輔導，與學生實現實時交互，充分調動學生課后探究的積極性，提高教學效果。

總之，網頁腳本語言教學中，學生學習編寫JavaScript網頁腳本代碼往往不是一蹴而就，而是需要教師平時多渠道引導學生，調動學生學習興趣，拓寬學生知識，使學生領悟編寫網頁腳本代碼的方法、思維和技巧，提高學生實際動手能力和探索、合作、創新能力，這樣網頁腳本語言教學才會取得良好的教學效果。

（作者單位：江門市蓬江區杜阮華僑中學）

參考文獻：

[1]九州書源. Dreamweaver CS5網頁制作[M]. 北京：清華大學出版社，2011.

[2]北京阿博泰克北大青鳥信息技術有限公司.制作JavaScript腳本特效[M]. 北京：電子工業出版社，2012.

[3]何旭明. 學習興趣的喚起：教師的教育教學對學生學習興趣的影響研究[M]. 北京：教育科學出版社，2011.

責任編輯 陳春陽