JavaScript教學方法淺析

摘要:JavaScript是網頁設計的核心技術之一，也是網頁設計教學的一個重要的模塊。作者結合教學實踐，對JavaScript教學中采用的案例教學法、啟發式講授法、任務驅動法以及分組協作法等教學方法進行了分析和探討。

關鍵詞:案例;啟發式講授;任務驅動;分組協作

中圖分類號:G622文獻標識碼:A文章編號:1009-3044(2010)05-1146-02

JavaScript是一種基于對象(Object)和事件驅動(Event Driven)并具有安全性能的腳本編程語言，可以用來給網頁增加交互性，是網頁設計的核心技術之一，也是學生學習網頁設計的一個重要的模塊。JavaScript編程語言內涵十分豐富，功能非常強大。針對高職學生的特點，筆者認為，這門課的教學方法關鍵在于正確的引導學生，提高學生的學習興趣、激發學生的創新意識，培養創新精神、促使其自主學習。

為此，筆者結合在教學過程中的探索和實踐，略陳管見，以就教于方家。

1 案例教學法導入新課

案例教學法是哈佛大學在1910年首創的一種教學方法，20世紀80年代傳入我國。現在已在教學中得到廣泛的應用。案例教學法以教學案例為基線。在教師的引導下.將學生帶入該案例的“現場”，引導學生參與分析、討論。讓學生在具體的問題情境中.提高其識別、分析和解決問題的能力。導入新課是教學過程的開始環節，是創造良好教學情境的重要方面。導入過程處理的好，方法得當，就容易吸引學生的注意力，激發學生的求知欲望，從而提高教學質量。

JavaScript作為一種編程語言，其語法知識的講解如果采用課堂板書講解的模式，學生往往會覺得枯燥。若在教學中采用多媒體教學系統，通過案例演示講解的方式，將網頁中常見的JavaScript動態效果進行展示，可以激發學生的探究心理，引起學生的關注。如在講解事件處理程序時，教師可以演示 “翻轉器”效果，當用戶將鼠標移動到圖像上時，改變網頁上的圖像，從而讓頁面對用戶的操作做出反應。演示效果如圖1和圖2所示。

圖1 原始圖像圖2 鼠標經過圖像

這種效果在網頁中應用的場合很多，可以有效的激起學生的獵奇心理，吸引學生學習探究。

2 啟發式講授法展開教學

啟發式講授法是指按照辯證唯物主義認識論和方法論組織課堂教學，在整個教學過程中，教師運用深刻的積極的思維活動，通過一定的方式，引起學生的共鳴，使學生在經過自己的思維后，自覺的接受或得出科學的結論，并進而引起學生的反向思維和多向思維，成為學生發現、創造的動力。原復旦大學校長楊福家教授說過，“學生的頭腦不是一個被填充的容器，而是一個待被點燃的火種”。在教學過程中學生是學習的主體，必須發揮學生的主動性、積極性，學生才能獲得有效的認知。

在啟發式教學中，教師扮演的不是灌輸者，而是激勵者的角色，在教學過程中應提倡、引導學生積極思考，鼓勵學生思考問題。在JavaScript教學中，如“翻轉器”效果案例講授中，教師可以講解“由一個鏈接觸發一個翻轉器”案例的代碼。其關鍵代碼如下:

function rolloverInit() {

for (var i=0; i

var linkObj =document.links[i];

if (linkObj.id) {

var imgObj = document.getElementById(linkObj.id + \"Img\");

if (imgObj) {

setupRollover(linkObj，imgObj);

}

} } }

function setupRollover(thisLink，thisImage) {

thisLink.imgToChange = thisImage;

thisLink.onmouseout = rollOut;

thisLink.onmouseover = rollOver;

thisLink.outImage = new Image();

thisLink.outImage.src = thisImage.src;

thisLink.overImage = new Image();

thisLink.overImage.src = \"images/\" + thisLink.id + \"_on.gif\";

}

function rollOver() {

this.imgToChange.src = this.overImage.src;

}

function rollOut() {

this.imgToChange.src = this.outImage.src;

}

教師在講解這個案例的語法知識后，可以引導學生進一步思考，比如怎樣實現“由多個鏈接觸發一個翻轉器”和“由一個鏈接觸發多個翻轉器”效果等等，讓學生去發現問題和解決問題。這種教學方式可以讓學生充分的獨立思考，觸類旁通，舉一反三，及時消化所學內容。

3 任務驅動法激發學習動力

任務驅動教學法指的是在教學活動中，以任務為載體，學生在教師的組織、引導下，通過自主的任務探究，達到對所學知識點的掌握和操作技能的培養。這種教學方法從學習者的角度說，是一種學習方法，它可以使學生的學習目標十分明確，適用于學習實踐類的知識和技能。從教師的角度說，任務驅動是一種建立在建構主義理論基礎上的教學方法，符合探究式教學模式，適用于培養學生的自學能力、相對獨立地分析問題、解決問題的能力。

在JavaScript教學過程中，學生掌握基本的理論知識后，教師可以提出具體的任務，也可以讓學生自主進行有實際意義的案例制作，讓學生利用已學的知識，自己去分析問題，并思索解決問題的方法，最后驗收學生完成的任務，對學生的作品給以適當的點評。這樣學生才能夠把所學內容從點到面融會貫通，才能真正掌握JavaScript動態網頁效果的制作，同時也調動了學生內在的探究真理、接受挑戰的欲望，從而最大限度的激發學生的潛能，全面提高學生的綜合運用能力。比如在講授JavaScript編程語言如何處理圖像時，教師應注重知識點的教學，重點講解數組的概念，以及圖像效果中常用到的事件處理程序，如onclick和onmouseover等的概念和用法。在學生掌握這些基本的理論知識后，教師可以提出任務，如讓學生完成翻轉器效果、幻燈片效果和廣告條效果等。這些都是網頁上常用的效果，有具體的實際意義，學生都非常感興趣。

4 分組協作法促進交互學習

分組協作法學習是指在教學中充分利用現有的教學資源，按一定的規律將學生分成若干個學習小組，通過學生的協作性學習，充分調動學生做學習的主人，從而使學生得到全面發展的一種教學方法。分組是一種組織形式、表現方法和管理手段，而協作式學習才是該教學法的精髓。分組是為協作學習服務的，協作學習是達成教學目標的關鍵。在協作學習過程中，個人學習的成功與他人學習的成功是密不可分的，學習者之間保持融洽的關系和相互協作的態度，共享信息和資源，共同負擔學習責任，完成學習任務。

在JavaScript教學過程中，教師可以采用問卷、測驗、談話、看學習檔案等形式對全班學生的計算機學習情況進行摸底。在此基礎上按好生和差生分別錯開進行分組，每組確定2名計算機基礎較好、接受能力和實際運用能力較強并且互助協作精神較好的同學作為組長和副組長。在每次教師授完課，合理地給每一組安排好任務后，要求組內的同學要互相學習，取長補短，共同進步，并要求組長、副組長要做好督促和檢查，教師對每組的落實情況應予抽查。這樣可以激發學生的學習興趣，使學生在互動協作的學習氣氛中去思考、判斷和互相交流。在任務完成的過程中，學習有困難的同學可以得到及時的幫助和鼓勵，也讓學有余力的同學提高了認知水平，鞏固了他們的知識。

教師可以組織同學相互參觀其他組的成果，將優秀的作品給予全班展示，并對做得較好的組給予表揚。這種做法，在各組之間展開了競爭，極大地調動了各組同學學習的積極性和主動性，同組間的協作精神更進一步加強了。學生在這種積極的學習氣氛中也學會了怎樣去學習，學會學習的同時又反過來進一步激發他們的學習興趣，從而實現良性循環，使學生的學習能力不斷增強。

5 結束語

JavaScript是一門實踐性很強的課程。在教學過程的各個階段，教師要積極轉變角色，以學生為主體，靈活采取多種教學方式，引導學生運用所學知識去分析問題和解決問題，使學生從知識、技能、思維三位一體全面發展，使學生在理論與實踐結合過程中學習基本知識，在動手實踐中提高實際操作能力，提高學生的學習能力和創造能力，充分開發每個學生的潛能。

參考文獻:

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

[2] 劉錕.改善計算機課程教學效果的探討[J].計算機教育，2004(7).

[3] 張水波.分組協作式學習在計算機教學中的實踐與思考[J].寧德師專學報:自然科學版，2006(3).