是誰“動”了我的網頁

摘 要：學生畏懼“動態(tài)網頁制作”的學習，根據維果茨基的最近發(fā)展區(qū)理論，合理組織教材內容，剖析知識，充分發(fā)揮教師的主導性，指導、激勵、幫助學生系統地構建動態(tài)網頁知識。

關鍵詞：有效；動態(tài)網頁；實踐

中圖分類號：G427 文獻標識碼：A 文章編號：1992-7711（2012）02-044-1

如何引導學生學習第五章的內容，突出動態(tài)網頁的“動”？我主要從以下四個環(huán)節(jié)入手。

一、感知“動”，拋磚引玉

再次欣賞第四章提供的《機器人做學玩》網站，引導學生分析首頁面的“動”人之處，挑動學生的學習欲望。學生對新穎的事物總是很感興趣，在平淡無奇的網頁上稍增添一點“動”的元素，讓網頁產生煥然一新的變化，他們會努力將這種變化實現于自己做的網頁中。

二、剖析 “動”，小試牛刀

學生對新知識會有一定的畏難情緒，當他覺得這種知識“好玩”，有興趣嘗試時，我們就不用擔心他這部分內容的學習能力。初次認識動態(tài)網頁，從感性上對動態(tài)網頁的“動”有了一定的認識，并產生了一定的興趣，我們就得從理性上認識它，剖析它。教材上所說的動態(tài)網頁，主要分解成“動態(tài)HTML”和具有交互性的動態(tài)網頁?！皠討B(tài)HTML”再次分解為客戶端腳本語言和CSS樣式表，交互性強的動態(tài)網頁主要介紹ASP技術。學習“動態(tài)HTML”有一個循序漸進的過程，我們對教材展開分析不難發(fā)現，教材對“動態(tài)HTML”的操作是從簡單易實現的工具操作開始，逐漸過渡到插入相應代碼。學生可通過Frontpage自帶的“動態(tài)HTML效果”工具欄實現鼠標懸浮時文字或圖片的變化，初識JAVA客戶端腳本語言，認識網頁中的特效?！皠討B(tài)HTML效果”工具欄無法實現的特效如何實現？引導學生自然過渡到插入JavaScript特效代碼的學習。

在小試牛刀的過程中學生要做到有的放矢，可以先模仿，再理解語句適當修改代碼。面對初次接觸并需理解的操作，所有的操作若一一俱全，會使學生分不清操作重點，我個人的處理是“挑”著做，對布置的練習分設必做和選做兩部分。第五章中，我要求學生必須完成的操作有：（1）初識JavaScript：借助Frontpage “動態(tài)HTML效果”工具欄實現鼠標懸浮時文字或圖片的變化；（2）理解JavaScript：題一：彈出警告窗口；題二：在網頁適當位置顯示系統時間；題三：實現公告欄文字自下而上的滾動效果。（3）實踐CSS樣式表：重點操作內聯式樣式表；（4）發(fā)布網站，實現網站的“共享”。

關于ASP，我覺得對學生而言的確存在一定的難度。為了更好地幫助學生理解這部分內容，我調整了部分內容的順序，將ASP工作流程調至最后。首先讓學生自學，找到“什么是ASP”的關鍵詞，再通過實例“驗證”關鍵詞。教材突出的關鍵詞是“服務器端腳本”，但學生不理解，如何 “驗證”這個關鍵詞？學生先照教材編寫一個簡單的ASP網頁，在思維定勢的影響下，他們會直接點擊“預覽”，頁面無法顯示后，突出“服務器端”這個關鍵詞。學生再按教材提示設置好ASP運行環(huán)境后，我通過教師機訪問該學生機器，演示該ASP網頁是否運行，趁機強調了服務器端與客戶端的定義（學生總認為只有教師機才是服務器，意識不到自己的機器也能成為服務器）。接著趁熱打鐵，我直接右擊在當前網頁，查看網頁的源文件，請被訪問端學生比較所看到網頁源代碼與自己編寫網頁代碼的區(qū)別，理解教材“服務器將100%的純HTML代碼發(fā)送到客戶端，所以我們在客戶端看到的代碼還是HTML，并不是ASP的源代碼。”最終水到渠成，讓學生理解總結出ASP的工作流程。

三、總結“動”，高屋建瓴

學到最后，一定要歸納點題，首尾呼應，回歸第一小節(jié)“認識動態(tài)網頁”。總結什么是動態(tài)網頁？動態(tài)網頁制作中常用的技術有哪些？動態(tài)網頁除了將網頁個性表現得淋漓盡致外，主要優(yōu)點有哪些？比較靜態(tài)網頁與動態(tài)網頁有何主要區(qū)別？理清理順基本概念，最終解決問題達成“認識動態(tài)網頁”的目標。當然，學習完了這一章的內容，并不能說明學生就掌握了所有動態(tài)網頁的內容，要讓學生明確實踐的目的不只是提高他們的技能，更重要的是在實踐過程中體驗動態(tài)網頁制作的思想和優(yōu)點。

四、對教材的困惑與反思，反饋教學

1.讀與讀懂教材，教材要讀細

教材將動態(tài)HTML劃入動態(tài)網頁的內容，提及“動態(tài)網頁不僅局限于動態(tài)HTML，還包括…………”，初次看到這個提法，我比較困惑。已有的經驗告訴我動態(tài)網頁與網頁上的各種動畫、滾動字幕等視覺上的“動態(tài)效果”沒有直接關系，采用動態(tài)網站技術生成的網頁稱為動態(tài)網頁。或者說程序是否在服務器端運行，是區(qū)分靜態(tài)網頁與動態(tài)網頁的重要標志。那動態(tài)HTML屬動態(tài)網頁嗎？繼續(xù)翻閱教材，細讀教材，發(fā)現教材對“什么是動態(tài)網頁”有這樣的說明，“隨著網絡技術的發(fā)展，動態(tài)網頁涵蓋的范圍在不斷擴大，現在動態(tài)HTML也已成為動態(tài)網頁的重要組成部分?！豹?/p>

2.用教材，但不唯教材，可根據需要適當調整教學內容

教材編排者有自己的思路，不可能迎合每個人，我們的教學過程中可能會覺得“如果怎樣處理就會更好些”之類的想法。為了更好地用好教材，我們可以適當處理教材，不唯教材是從，以人為本，使教學富有個性和創(chuàng)造性，是我們每位教師的追求。在第五章教學中，我主要對教材作了以下調整：（1）第一節(jié)“認識動態(tài)網頁”先要求學生對動態(tài)網頁有感性上的認識，將動態(tài)網頁與靜態(tài)網頁的區(qū)別內容調整至學完第五章所有內容后總結，使學生的認識更深刻一些。（2）第三小節(jié)“應用動態(tài)HTML”，主要內容在網頁中加JavaScript特效。可調整到客戶端腳本語言的運用中，提升學生實踐運用能力。（3）第四小節(jié)內容可幫助學生更全面體會動態(tài)網頁的優(yōu)越性，雖然給教學帶來一定的難度，可以從簡單的實例出發(fā)——介紹ASP運行環(huán)境——歸納ASP工作流程。