任務驅動教學法在網頁設計與制作中的應用

德保縣職業技術學校 黃勇南

一、前言

在《網頁設計與制作》教學中，如能將任務驅動教學法運用在整個教學過程中，以完成一個個具體的任務為線索，把教學內容巧妙地隱含在每個任務之中。引導學生學會如何去發現、去思考、去尋找解決問題的方法，與采用傳統的教學法相比，更能培養學生的創新意識和自主學習的習慣。

二、傳統教學法的不足與任務驅動教學法的優點

(一)傳統教學法的不足

傳統的教學方法一般是老師按照教材的順序，每一節課介紹幾個命令和軟件功能，然后讓學生進行練習，完成一個單元或一個章節的教學內容后，再進行綜合練習，制作一兩個實例。這種教學形式使得知識的講解與練習都是單個進行的，教學過程學生沒有形成主體，沒有任何任務的驅動而引發的思考、摸索。傳統教學法中，學生往往當時能聽懂、會練習，但到真正獨立設計網頁時，往往不能靈活地運用已學過的網頁知識，有的甚至學了后面忘了前面。同時由于講課時沒有結合網頁設計實例，學生聽課的積極性不高，練習時也缺少興趣，教學效果不是很理想。

(二)任務驅動教學法的優點

任務驅動教學法它打破傳統的教學模式，不完全按照教材的順序授課，而是以精選的一些網頁實例為中心，引導學生去發現，去思考，去尋找解決問題的方法，讓學生自己提出問題--思考--摸索--實踐得出結論，將軟件的知識點、網頁設計的經驗、技巧等諸多因素融入網頁例子的實例教學，可以使學生在教學中獲取較大的自主權。

三、任務驅動教學法在《網頁設計與制作》教學中的具體運用

任務驅動教學法是以學生為中心，以任務為驅動的教學方式。任務驅動法的教學設計一般分為以下幾個步驟：

(一)注重任務的設計，提高學生的學習興趣

任務設計是課堂教學成敗的關鍵環節，目標任務的明確對于今后的學習與任務的最終完成起著至關重要的作用。

以制作“個人博客”網站為例，我把任務設計成幾個有一定聯系的任務。按進度分別提出如下：

1.請你給“個人博客”網站設計一張布局圖。

2.請你選擇背景顏色和圖片。

3.考慮導航條的內容應該有哪些基本的功能。

通過分層提出任務，學生學習興趣大增，并很快完成了這些任務。

(二)分析任務的步驟和操作方法，增強學生分析問題能力

例如制作個人博客網站教學中，把其中的導航欄中的每個功能看作一個小任務，每個任務就是一個功能模塊。當然隨著任務的逐步細化，可以讓學生自由發揮添加新的功能模塊，教師在此可以給予充分的指導，這些任務可以在完成任務的過程中通過逐步積累的經驗和自學來完成，這無形當中培養了學生的自學能力，增強了他們克服困難的決心。

(三)通過完成任務，培養學生的自主學習能力和合作精神

自主學習是以自學為中心，由學生自主探索學習，獨立完成任務。例如在制作個人博客這個網站的過程中，建立站點、插入表格、創建模板、創建各類CSS層疊樣式表、創建表單等基礎的知識，是每個學生必須掌握的基本功，這些操作部分要求學生自己完成。學生可以根據站點的需求，教師考核的細則自主完成任務。這些知識是學生已學習過的舊知識，依賴學生已有的經驗，獨立完成任務。

協作學習是在個人自主學習的基礎上，通過小組討論、協商，以進一步完成和深化對主體的意義建構。例如在制作個人博客這個站點的過程中，我采用以上方式進行：

1.分組：把班上的學生分成幾個組，每組4人。

2.圍繞下列問題分組討論：

①畫出網頁布局圖；

②寫出應該需要哪些CSS用層疊樣式來控制網頁元素；

③寫出個人博客的基本功能模塊名稱；

④主頁和鏈接頁的結構關系是如何的；

⑤需要哪些圖片、文本、動畫等網頁元素。

3.分工協作：甲和乙負責到網上搜索網頁素材，丙負責收集甲和乙訪問素材，丁負責及時與其它組聯系，以免和其它組相同。

4.作品展示，每一組派一名代表把自己小組的網頁布局方案，基本功能模塊名稱，鏈接方式，網頁素材，模板設計等公布出來。

5.各組點評：指出各自優點缺點。

就這樣原來很枯燥的網頁設計與制作課程就在學生的交流和討論中完成了。在此過程中，學生處于主體地位。在教師的引導下，學生充分發揮學習主動性和創造性，不僅讓學生親身感受認知的過程，而且培養、提高學生解決實際問題的能力和創新意識。

(四)做好科學的任務評價，促進學生產生積極的學習動機

任務評價是學生學習情況反饋的一種有效途徑，也是信息技術教學的重要組成部分。任務評價做得好，更能激起他們的學習熱情。同時，對學生所做作品的合理評價也讓學生有一個能互交流，取長補短的機會。教師對結果的評價時要客觀、科學，并且讓每個學生都參與到評價當中，以保證評價的公正性、客觀性。對那些付出了努力，但效果不太好的學生要給予正確的指導與鼓勵。只有這樣才能激發學生的興趣及競爭意識，有利于發展學生學習上的自信心，促使學生對計算機的學習投以更大的熱情。

[1]淺談任務驅動法在高中信息技術課堂教學中的運用[OL].http://blog.cersp.com/userlog1/54352/archives/2006/167133.shtml.

[2]馬紅玲.高職“網頁設計與制作”課程的教學研究與實踐[J].計算機教育,2007(9).

[3]錢曉菩,馬玉娟.試論任務驅動[J].中國電化育,2002(9).

[4]夏宏,陳泓婕,等.網頁制作教程[M].北京:清華大學出版社,2005.