傅偉玉

“JavaScript客戶端驗(yàn)證及網(wǎng)頁(yè)特效”課程教學(xué)方法探討

傅偉玉

隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，網(wǎng)頁(yè)由原來(lái)的靜態(tài)網(wǎng)頁(yè)逐步向動(dòng)態(tài)網(wǎng)頁(yè)發(fā)展，為了使網(wǎng)頁(yè)更加完美，JavaScript已普遍應(yīng)用于網(wǎng)頁(yè)的設(shè)計(jì)中。目前，JavaScript是網(wǎng)頁(yè)設(shè)計(jì)的核心技術(shù)之一，也是網(wǎng)頁(yè)設(shè)計(jì)教學(xué)的一個(gè)重要模塊。結(jié)合教學(xué)實(shí)踐，對(duì)JavaScript教學(xué)中采用的各種教學(xué)方法進(jìn)行了分析和探討。

JavaScript；網(wǎng)頁(yè)設(shè)計(jì)；教學(xué)方法

JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)的腳本語(yǔ)言，具有簡(jiǎn)單性、安全性、動(dòng)態(tài)性和跨平臺(tái)性的特點(diǎn)。[1]JavaScript可以用來(lái)給網(wǎng)頁(yè)增加交互性，是網(wǎng)頁(yè)設(shè)計(jì)的核心技術(shù)之一，也是學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)重要的模塊。針對(duì)高職學(xué)生的特點(diǎn)，基于工作過(guò)程、工學(xué)結(jié)合的教學(xué)模式，筆者認(rèn)為，這門課主要采用“理論實(shí)踐一體化”的教學(xué)方法，以任務(wù)為載體，以學(xué)生為中心，充分利用現(xiàn)代化教學(xué)手段，如采用項(xiàng)目展示與演示、教學(xué)做一體化、現(xiàn)場(chǎng)實(shí)踐、大屏幕多媒體聯(lián)機(jī)演示、網(wǎng)絡(luò)教學(xué)等各種先進(jìn)的教學(xué)手段，提高教學(xué)質(zhì)量和效果，以正確引導(dǎo)學(xué)生，提高學(xué)生的學(xué)習(xí)興趣、激發(fā)學(xué)生的創(chuàng)新意識(shí)，培養(yǎng)創(chuàng)新精神、促使其自主學(xué)習(xí)。

一、案例導(dǎo)入，引起學(xué)生關(guān)注

案例教學(xué)法是一種以案例為基礎(chǔ)的教學(xué)法。通過(guò)案例演示，提出問(wèn)題；通過(guò)分析案例，引導(dǎo)學(xué)生用理論知識(shí)和專業(yè)技能解決問(wèn)題，培養(yǎng)學(xué)生獨(dú)立思考、完成任務(wù)的能力。JavaScript作為一種編程語(yǔ)言。如果采用課堂板書(shū)講解語(yǔ)法知識(shí)，學(xué)生往往會(huì)覺(jué)得枯燥。若在教學(xué)中采用多媒體教學(xué)系統(tǒng)，案例演示講解的方式，將網(wǎng)頁(yè)中常見(jiàn)的JavaScript動(dòng)態(tài)效果進(jìn)行展示，可以激發(fā)學(xué)生的探究心理，引起學(xué)生的關(guān)注。

案例教學(xué)的最大特點(diǎn)是它的真實(shí)性。由于教學(xué)內(nèi)容是具體的實(shí)例，并且采用形象、直觀、生動(dòng)的形式，給人以真實(shí)感，易于學(xué)習(xí)和理解。如在講解網(wǎng)頁(yè)特效時(shí)，教師可以演示“鼠標(biāo)的文字跟蹤”效果，當(dāng)用戶將鼠標(biāo)在頁(yè)面上移動(dòng)時(shí)，會(huì)出現(xiàn)一串跟著鼠標(biāo)移動(dòng)的文字，演示效果如圖l所示。這種效果在網(wǎng)頁(yè)中應(yīng)用的很多，可以有效的激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)習(xí)的積極性。

圖1 鼠標(biāo)的文字跟蹤效果

二、啟發(fā)引導(dǎo)，促進(jìn)自主學(xué)習(xí)

啟發(fā)式教學(xué)是指教師在教學(xué)過(guò)程中根據(jù)教學(xué)任務(wù)和學(xué)習(xí)的客觀規(guī)律，運(yùn)用各種教學(xué)手段，采用啟發(fā)誘導(dǎo)的方法傳授知識(shí)、培養(yǎng)能力，使學(xué)生積極主動(dòng)地學(xué)習(xí)，以促進(jìn)身心發(fā)展。啟發(fā)式教學(xué)的實(shí)質(zhì)在于正確處理教與學(xué)的相互關(guān)系，它反映了教學(xué)的客觀規(guī)律。啟發(fā)式教學(xué)不僅是教學(xué)方法，更是一種教學(xué)思想，是教學(xué)原則和教學(xué)觀。隨著現(xiàn)代科學(xué)技術(shù)的進(jìn)步和教學(xué)經(jīng)驗(yàn)的積累,啟發(fā)式教學(xué)得到不斷豐富和發(fā)展。

在啟發(fā)式教學(xué)過(guò)程中，教師扮演的不是灌輸者，而是激勵(lì)者的角色，教師要注重學(xué)生智力開(kāi)發(fā)，促進(jìn)學(xué)生自主學(xué)習(xí)，提倡、引導(dǎo)和鼓勵(lì)學(xué)生積極思考問(wèn)題。在教學(xué)過(guò)程中學(xué)生是學(xué)習(xí)的主體，只有發(fā)揮學(xué)生的主動(dòng)性、積極性，學(xué)生才能獲得有效的認(rèn)知。引導(dǎo)學(xué)生樂(lè)于實(shí)踐、積極思考、自覺(jué)訓(xùn)練，在教師的教和學(xué)生的學(xué)之間形成良性互動(dòng)，實(shí)現(xiàn)教、學(xué)、做”于一體的良好效果。

在課堂教學(xué)中，要注重理論教學(xué)與實(shí)驗(yàn)實(shí)訓(xùn)相結(jié)合，例如“鼠標(biāo)的文字跟蹤”效果案例講授中，教師可以講解其關(guān)鍵代碼：

教師在講解這個(gè)案例的語(yǔ)法知識(shí)后，可以引導(dǎo)學(xué)生進(jìn)一步思考。比如怎樣實(shí)現(xiàn)“跟隨鼠標(biāo)的時(shí)鐘”（如圖2所示）和“跟著鼠標(biāo)的煙花”（如圖3所示）效果等等，讓學(xué)生去發(fā)現(xiàn)問(wèn)題和解決問(wèn)題。這種教學(xué)方式可以讓學(xué)生充分的獨(dú)立思考，觸類旁通，舉一反三，及時(shí)消化所學(xué)內(nèi)容。

圖2 跟隨鼠標(biāo)的時(shí)鐘效果

三、任務(wù)驅(qū)動(dòng)，激發(fā)學(xué)習(xí)動(dòng)力

“任務(wù)驅(qū)動(dòng)”教學(xué)是在學(xué)習(xí)的過(guò)程中，學(xué)生在教師的幫助下，緊緊圍繞一個(gè)共同的任務(wù)活動(dòng)中心，在強(qiáng)烈的問(wèn)題動(dòng)機(jī)驅(qū)動(dòng)下，通過(guò)對(duì)學(xué)習(xí)資源的積極主動(dòng)應(yīng)用，進(jìn)行自主探索和互動(dòng)協(xié)作學(xué)習(xí)，并在完成指定任務(wù)的同時(shí)，引導(dǎo)學(xué)生產(chǎn)生一種學(xué)習(xí)實(shí)踐活動(dòng)。[2]

圖3 跟隨鼠標(biāo)的煙花效果

把所要學(xué)習(xí)的新知識(shí)隱含在一個(gè)或幾個(gè)任務(wù)之中，每個(gè)任務(wù)中都包含著新、舊知識(shí)，學(xué)生接受任務(wù)后首先思考如何去完成任務(wù)，在完成任務(wù)的過(guò)程中將會(huì)遇到一些不能解決的問(wèn)題，這也是他們想要學(xué)習(xí)的知識(shí)點(diǎn)，此時(shí)，老師再將新知識(shí)傳授給他們，這就調(diào)動(dòng)了學(xué)生主動(dòng)求知的欲望。通過(guò)任務(wù)驅(qū)動(dòng)可以充份調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，培養(yǎng)學(xué)生的學(xué)習(xí)興趣，轉(zhuǎn)變學(xué)生的觀念從“要我學(xué)”到“我要學(xué)”。[3]

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

四、分組協(xié)作，增強(qiáng)合作意識(shí)

分組學(xué)習(xí)是高效課堂最基本的學(xué)習(xí)形式，學(xué)生自主、合作、探究的學(xué)習(xí)方式都是通過(guò)學(xué)習(xí)小組來(lái)開(kāi)展的，課堂生命力的煥發(fā)，學(xué)生的“動(dòng)”，課堂的“活”，效果的“好”，都可以在分組教學(xué)中得以充分體現(xiàn)，所以小組學(xué)習(xí)在高效課堂教學(xué)模式的推進(jìn)上尤為重要。

在教學(xué)過(guò)程中以小組活動(dòng)為核心，要求學(xué)生互助合作，共同進(jìn)步。通常我們將班級(jí)劃分成5～6人一個(gè)小組，其中1人為學(xué)習(xí)組長(zhǎng)。每一個(gè)小組成員不僅要掌握所學(xué)知識(shí)，還要關(guān)心和幫助組內(nèi)其他成員獲得成功或進(jìn)步。通過(guò)合作學(xué)習(xí)，學(xué)生能夠?qū)W會(huì)如何將自己融于群體之中，同時(shí)，為了學(xué)到知識(shí)，必須做到與小組成員相互幫助，取長(zhǎng)補(bǔ)短，融洽相處，這是他們將來(lái)適應(yīng)社會(huì)所必備的條件。

五、角色扮演，模擬項(xiàng)目開(kāi)發(fā)

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

六、改變考核方式，突出實(shí)際動(dòng)手能力

考試是考核學(xué)生學(xué)習(xí)成果的一種基本方式，試卷考核是我們一直使用的傳統(tǒng)方法。目前，在高職教育強(qiáng)調(diào)實(shí)訓(xùn)環(huán)節(jié)和技能培養(yǎng)的前提下，完全使用試卷考核不利于學(xué)生實(shí)際能力的培養(yǎng)，也不能反映學(xué)生的操作能力和水平。因此，要突出學(xué)生實(shí)際動(dòng)手能力的培養(yǎng)，我們?cè)诳己朔绞缴线M(jìn)行了一定的改革。改革后的考試采用多維度全方位的綜合考核與評(píng)價(jià)體系（如圖4所示），這樣可以全面考核學(xué)生對(duì)該課程知識(shí)的掌握情況和程序設(shè)計(jì)能力。

圖4 綜合考核與評(píng)價(jià)

“JavaScript客戶端驗(yàn)證及網(wǎng)頁(yè)特效”這門課實(shí)踐性較強(qiáng)，能較好的體現(xiàn)學(xué)生的操作能力，便于學(xué)生獨(dú)立完成課題作品。筆者在課程開(kāi)始就把這門課程要達(dá)到的目標(biāo)告訴學(xué)生，使學(xué)生的目標(biāo)明確，要求學(xué)生在期末的時(shí)候每個(gè)人獨(dú)立完成一個(gè)作品。通過(guò)對(duì)學(xué)生作品的評(píng)價(jià)來(lái)完成本課程，作品的成績(jī)作為考核的一項(xiàng)。這樣，學(xué)生目標(biāo)明確，就可以有針對(duì)性的學(xué)習(xí)，并且特別重視實(shí)際操作技能的掌握，不再把精力花在背概念和啃書(shū)本上。

JavaScript是一門實(shí)踐性很強(qiáng)的課程。在教學(xué)過(guò)程中，要根據(jù)實(shí)際情況選擇與運(yùn)用不同的教學(xué)方法和教學(xué)手段。由于不斷變換教學(xué)形式，學(xué)生的大腦興奮不斷轉(zhuǎn)移，注意力能夠得到及時(shí)調(diào)節(jié)，有利于學(xué)生精神始終維持最佳狀態(tài)。教師要引導(dǎo)學(xué)生運(yùn)用所學(xué)知識(shí)去分析問(wèn)題和解決問(wèn)題，使學(xué)生從知識(shí)、技能、思維三位一體全面發(fā)展，使學(xué)生在理論與實(shí)踐結(jié)合過(guò)程中學(xué)習(xí)基本知識(shí)，在動(dòng)手實(shí)踐中提高實(shí)際操作能力，提高學(xué)生的學(xué)習(xí)能力和創(chuàng)造能力，充分開(kāi)發(fā)每個(gè)學(xué)生的潛能。

[1]施伯樂(lè).網(wǎng)頁(yè)開(kāi)發(fā)語(yǔ)言JavaScript實(shí)踐教程[M].上海：上海交通大學(xué)出版社,2004.

[2]喬湘平.激發(fā)學(xué)習(xí)動(dòng)機(jī)的心理對(duì)策[J].中國(guó)職業(yè)技術(shù)教育，2005（22）.

[3]袁曄.案例教學(xué)法在計(jì)算機(jī)教學(xué)中的應(yīng)用[J].中國(guó)職業(yè)技術(shù)教育，2007（22）．

傅偉玉，女，江蘇財(cái)經(jīng)職業(yè)技術(shù)學(xué)院講師，碩士，主要研究方向?yàn)橛?jì)算機(jī)應(yīng)用與軟件技術(shù)。

G712

A 文獻(xiàn)標(biāo)識(shí)碼：1674-7747（2012）21-0058-03

[責(zé)任編輯 曉潭]