“任務驅動法”在《網頁制作》課堂教學改革中的運用

朱志慧

摘 要： 本文作者根據學生的基本實際情況與教學實踐，重點講述了在《網頁制作》這門課的授課中采用“任務驅動法”教學的方法，目的是提高職業學校計算機專業學生上課的積極性，使學生系統全面地掌握知識，重在培養學生的實踐操作能力。

關鍵詞： 《網頁制作》 任務驅動法 個人網站

時光飛逝，轉眼間我從畢業到今任教已接近四年的時間。在這四年的時間由曾經的《計算機基礎》、《電子線路》、《操作系統》等課程到現在的《網頁制作》課程，課堂教學對我來說已經不是難事，但是如何教好《網頁制作》這門課程，尤其是對于職校的學生來說，該采取何種措施來使教學取得令人滿意的效果引起了我深深的思考。

傳統的《網頁制作》這門課的教學模式是教師先對本次課的理論知識進行講解，然后讓學生上機驗證教師所講解的內容，在這種教學模式下，學生也許能夠知道一些網頁制作的理論和實踐知識，但是無法擔任較重任務的項目實戰，同時他們所擁有的技能也與社會需要存在一定的差距。再者，分析一下學生的基本情況，上學期我任教07網絡班的《網頁制作》，此班學生在第一學期是全校公認的“上課悶”型，學生對于學習的興趣甚少，因此如何提高學生的上課積極性也成為我重點考慮的問題。

鑒于以上問題，我決定對07網絡班進行教學方法的改革——任務驅動法。實施的計劃就是在《網頁制作》這門課的教學中安排“個人網站”的制作。其核心思想就是不按照書上所安排的章節進行講解，而是每節課針對學生的個人網站所需要的網頁知識理論進行講解，使學生能夠把所學的知識應用到實際的例子中。具體的教學過程設計如下：

一、讓學生通過互聯網查看一些網站，其中一部分網站是我指定的，另外一部分是學生自己尋找的，讓他們對所得知識進行總結，然后結合“個人網站”任務規劃出自己網站的結構圖，并規劃出自己網站中所想用到的效果。在這一階段我鼓勵學生大膽地想，不要擔心是否能夠實現。實施這一步驟的目的是使學生能夠看到學習目標，并使他們提高學習興趣。此階段實施的時間為一周（一周的課時為三節課），兩節課學生上機找資料，一節課學生交流自己總結的內容。

二、制作一個網站是一個長期的工程，學生一般是開始的時候信心百倍，可是隨著時間的推移、難度的增大，他們的信心和積極性就會大打折扣，因此基本工作一定要做好。在這一個階段我向學生講授構建本地虛擬站點的知識，有了理論知識的支持，學生就學會了新建自己網站所需要的文件夾和文件。通過這一階段，學生明白了做任何事情都不能一步到達成功的彼岸，必須腳踏實地，一步一個腳印地走下去。做網站也是如此，要想在學期結束看到自己所做的成果，就必須把基礎工作做好，這樣才能有成功的喜悅。

三、頁面的布局——表格。要想自己的頁面整潔大方，清晰明了，表格的作用不容忽略，因此我在任課的過程中把表格提前講解。在這一階段學生有了計算機基礎中表格的基礎知識的鋪墊，因此我重點講解表格的不同的設置所呈現的效果。在這一階段學生達到的目標就是能夠根據教師所講的表格理論知識畫出自己網站的主頁格局，使網頁布局規整。第二階段和第三階段我總共用了兩周的時間，有了三周時間的學習，學生的個人網站的布局已經能夠展現出來，并且站點文件夾清晰明了。

四、Flash和FireWork兩大軟件的講解。要在網頁中插入合適的圖像和動畫，使網頁更加生動精美，這就需要借助“網頁三劍客”。我之所以在第四階段進行講解，是因為網站的標題一般都需要用到Flash動畫，主體部分需要用到圖片，大小的調整、效果的初現都需要這兩大軟件。在這一階段，學生必須處理好自己主頁里所需要的圖片，根據圖片的顏色、大小等的需求設計好Flash動畫。在一個學期內學會三個軟件對于學生來說有些難度，畢竟他們以前的學習興趣不是很濃，因此我在講解的同時引導他們思考“有了這個理論知識的支持，自己做成什么樣的，怎么比別人做得更加好些”，理論講解完成后他們能夠自己做出一部分。一些學生的自控能力不是很好，上機課中經常浪費時間，不能抓緊時間完成任務，因此在做實際的例子時我都規定時間，若在規定的時間不能完成，那必須自己找時間完成，否則就無法完成網站的下一部分。為了調動學生的積極性，在這一階段我用了三周的時間，之后每位學生展示自己的作品，讓學生對自己與同學的作品提出表揚與批評，從而對網頁制作更有興趣和信心。

五、具體資料的整理。此階段我給學生安排一周三節課的時間，由于學校的硬件條件不是很好，學生只有在上機的時間才能接觸到電腦，因此網頁里面的具體資料他們就無法整理。在這一周上課前我要求每位學生必須提前規劃好自己所需要的資料，如果在三節課的時間內不能整理好所有的資料，就說明他們沒有提前計劃。這一規定讓學生明白：機會是給有準備的人的。

六、框架的講解?？蚣艿膽么蟠筘S富了網頁的布局手段，以及頁面間的組織形式，瀏覽者可以很方便地在不同的頁面間跳轉。這一階段需要的時間大概為二周，在這一階段學生不僅完成了框架的建立，而且完成了全部子頁，個人網站也已經基本完成了。

七、超級鏈接。每個子頁完成后都需要將各個頁面形成一個完整的整體，以使瀏覽者從一個網頁跳到另一個網頁，從一個網站跳到另一個網站。在這一階段每位學生都應該能把常見的幾種鏈接應用到自己的個人網站中，而不能僅僅局限于普通的文字的鏈接，如：下載音樂、文件、命名錨記等。

八、使用CSS樣式。利用CSS樣式，可以對字體、顏色、背景、表格和布局等實現更加精確的控制，最終使網頁更加精美。

九、高級應用篇。07網絡班的學生將來將會面對更加困難的實踐挑戰。在這一階段我主要講解了表單、層、網站

的發布，表單最終的目標是制作一個留言板，但由于學生對于計算機語言不是很好，因此我沒有制作數據庫，而是采用郵件發送收到效果。層這一部分的內容，根據他們自己網站的特色，我指導他們利用層的知識對自己的網站進行修飾，最終使個人網站更加豐富。

十、交流并總結。在這一階段學生一方面展示自己的作品，另一方面進行相互交流，學習別人的長處，提高能力。

一個學期的嘗試教學改革，最終的收獲是每位學生都成功制作了自己的“個人網站”，通過“任務驅動法”這種教學方式，每位學生知道了他們每節課的任務是什么，自己計劃并制作了自己的作品，提高了上課積極性，是一種可行的教學方法。在以后的計算機教學中我將盡可能嘗試任務驅動法，以調動學生的積極性，提高教學效果。

參考資料：

［１］田博文.網頁設計與制作.人民郵電出版社.