中職JavaScript網(wǎng)頁腳本語言教學(xué)

李希邱

摘 要：本文根據(jù)中職JavaScript網(wǎng)頁腳本語言教學(xué)實(shí)際情況，結(jié)合個人的教學(xué)實(shí)踐，從克服學(xué)生編寫網(wǎng)頁腳本語言代碼的恐懼心理、激發(fā)學(xué)生編寫網(wǎng)頁腳本代碼的興趣、培養(yǎng)學(xué)生良好的學(xué)習(xí)習(xí)慣、充分調(diào)動學(xué)生的學(xué)習(xí)積極性等幾個方面論述了中職JavaScript網(wǎng)頁腳本語言的課堂教學(xué)方法。

關(guān)鍵詞：中職；JavaScript網(wǎng)頁腳本語言；教學(xué)方法

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

一、克服學(xué)生編寫網(wǎng)頁腳本代碼的恐懼心理

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

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

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

二、激發(fā)學(xué)生編寫網(wǎng)頁腳本代碼的興趣

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

一是在學(xué)習(xí)編寫網(wǎng)頁腳本代碼之前，演示一些國內(nèi)著名的網(wǎng)站給學(xué)生觀看，比如淘寶網(wǎng)、當(dāng)當(dāng)網(wǎng)、新浪網(wǎng)等，從總體上讓學(xué)生對網(wǎng)站有一個初步的認(rèn)識，使他們以后編寫網(wǎng)頁腳本代碼時有一個參考目標(biāo)，激發(fā)他們編寫網(wǎng)頁腳本代碼的求知欲。

二是通過介紹中國名人傳記，如楊志遠(yuǎn)、馬云等的創(chuàng)業(yè)史，鼓勵學(xué)生在學(xué)習(xí)上樹立一個目標(biāo)，學(xué)好專業(yè)知識，實(shí)現(xiàn)自己的理想，從而激發(fā)學(xué)生編寫網(wǎng)頁腳本代碼的目標(biāo)。

三是在平時教學(xué)過程中，注重基礎(chǔ)知識的練習(xí)，根據(jù)學(xué)生興趣和愛好，選取學(xué)生比較喜歡也能夠?qū)崿F(xiàn)教學(xué)目標(biāo)的練習(xí)題，比如，用鼠標(biāo)移到網(wǎng)頁某個對象時，對象的大小或者顏色發(fā)生變化；離開對象之后，大小和顏色恢復(fù)到原來的狀態(tài)。這一有趣情況，激發(fā)了學(xué)生學(xué)習(xí)的興趣，學(xué)生很快根據(jù)教學(xué)內(nèi)容編寫出腳本代碼；又如，根據(jù)當(dāng)前時間在網(wǎng)頁上顯示不同的問候語，學(xué)生運(yùn)用IF語句和日期時間函數(shù)也能夠編寫出腳本代碼，這樣學(xué)生每次練習(xí)都能夠獲得成功的體驗(yàn)，從而激發(fā)了學(xué)生學(xué)習(xí)網(wǎng)頁腳本代碼的興趣和信心。

三、培養(yǎng)學(xué)生良好的學(xué)習(xí)習(xí)慣

“授人以魚不如授人以漁”，在教學(xué)中，筆者根據(jù)教學(xué)內(nèi)容和學(xué)生實(shí)際情況，重視學(xué)生學(xué)習(xí)方法的指導(dǎo)，培養(yǎng)學(xué)生良好的學(xué)習(xí)習(xí)慣，提高了學(xué)生編寫網(wǎng)頁腳本代碼的學(xué)習(xí)效率。

一是培養(yǎng)學(xué)生良好的編寫網(wǎng)頁腳本代碼的習(xí)慣。有的學(xué)生初次編寫腳本代碼，代碼亂七八糟，連自己也沒法看懂。所以筆者在教學(xué)過程中，注重培養(yǎng)學(xué)生編寫代碼的表達(dá)和書寫習(xí)慣，引導(dǎo)學(xué)生注意代碼的可讀性，例如，代碼的縮進(jìn)編排、變量的命名規(guī)則要始終保持一致，在代碼適當(dāng)?shù)胤揭鲎⑨專员阋院髾z查和修改，單行語句不要過長等。平時上機(jī)操作過程中，對編寫代碼不規(guī)范的學(xué)生，及時指導(dǎo)督促他們糾正錯誤，使他們養(yǎng)成良好的編寫網(wǎng)頁腳本代碼的習(xí)慣。

二是培養(yǎng)學(xué)生搜索資料的習(xí)慣。大部分學(xué)生平時上網(wǎng)目標(biāo)是上QQ聊天或者玩游戲，如果能夠引導(dǎo)學(xué)生利用適當(dāng)時間上網(wǎng)學(xué)習(xí)搜索資料，解決學(xué)習(xí)上的疑難問題，這樣不但能分散學(xué)生QQ聊天或者玩游戲的注意力，而且能使學(xué)生學(xué)會利用網(wǎng)絡(luò)搜索資料進(jìn)行學(xué)習(xí)，提高學(xué)生利用網(wǎng)絡(luò)資源的能力。

三是培養(yǎng)學(xué)生閱讀的習(xí)慣。為了提高學(xué)生編寫網(wǎng)頁腳本代碼的能力，豐富解決編程問題的經(jīng)驗(yàn)，筆者引導(dǎo)學(xué)生多看多思考別人編寫的網(wǎng)頁腳本代碼，從中理解他人的解題思路和設(shè)計(jì)思想；另外，還引導(dǎo)學(xué)生多閱讀計(jì)算機(jī)報刊雜志、書籍、網(wǎng)絡(luò)論壇上的好文章，增長見識，為以后編寫網(wǎng)頁腳本代碼打下良好基礎(chǔ)。

四、調(diào)動學(xué)生合作探究的積極性

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

另外，在課堂教學(xué)過程中，教師應(yīng)盡量現(xiàn)場解答學(xué)生的疑難問題，對于課后不能及時解決的問題，教師可利用網(wǎng)絡(luò)答疑的方式，如QQ、師生網(wǎng)上交流系統(tǒng)等進(jìn)行網(wǎng)上輔導(dǎo)，與學(xué)生實(shí)現(xiàn)實(shí)時交互，充分調(diào)動學(xué)生課后探究的積極性，提高教學(xué)效果。

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

（作者單位：江門市蓬江區(qū)杜阮華僑中學(xué)）

參考文獻(xiàn)：

[1]九州書源. Dreamweaver CS5網(wǎng)頁制作[M]. 北京：清華大學(xué)出版社，2011.

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

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

責(zé)任編輯 陳春陽