任務驅動
——提高網頁制作教學效果的有效途徑

肖 玉 榮

(遼寧省新聞出版學校，沈陽 110033)

網頁制作屬于計算機及應用專業課程，在這一課程教學中采用任務驅動教學法，具有五個特征：一是任務引領。即以工作任務引領知識、技能和態度，讓學生在完成任務的過程中學習相關知識，發展學生的綜合職業能力。二是結果驅動。即通過完成典型產品或服務，激發學生的成就動機，使之獲得完成工作任務所需要的綜合職業能力。三是突出能力。即課程定位與目標、課程內容與要求、教學過程與評價都圍繞職業能力的培養，涵蓋職業技能考核要求，體現職業教育課程的本質特征。四是內容實用。即緊緊圍繞工作任務完成的需要來選擇課程內容，不強調知識的系統性，而注重內容的實用性和針對性。五是做學一體。即打破長期以來的理論與實踐二元分離的局面，以任務為核心，實現理論與實踐一體化教學。

實施任務驅動教學法進行網頁制作教學，應當著重做好以下幾個方面的工作：

1 精選教材

選好一種教材是有效運用任務驅動教學法的一個關鍵。筆者從事多年的網頁的初級教學，以前選的是人民郵電出版社的《從零開始Dreamweaver中文版基礎培訓教程》(老虎工作室田博文編著)。幾年的網頁教學實踐，筆者感到有些困惑：雖然這本教材對初學者來說很容易上手，熟練掌握網頁制作軟件應用程序的菜單使用沒有問題，文本、圖像、表格、框架及表單等元素的基本制作也沒有問題，但不能形成一套完整的網頁制作操作技能，學生想要完成客戶要求的一個網頁制作任務顯得力不從心。為此從2010年筆者開始選用中國鐵道出版社的《任務引領：網頁設計與制作》(朱慧群主編)作教材，旨在探索采用任務驅動法進行教學。

2 根據學生的知識基礎構成和認識水平差異進行任務驅動教學的教學設計

教材的第一課就是“任務一整裝待發——規劃網站”。從職業學校的學生群體構成來看，有的來自農村，有的來自城市，學生對計算機了解和應用水平差異很大。有些學生能夠非常熟練地操作，比較了解網頁的結構，并會用一些網頁制作軟件制作一些簡單網頁；有些學生則只會一些基本操作，上網僅限于瀏覽，對網頁制作知識一無所知。因此教師在進行網頁教學任務設計時，應當從學生實際出發，充分考慮到學生現有的知識結構、認知能力和興趣特點，遵循由淺入深、由表及里和循序漸進的原則。

本任務規劃網站就像建筑設計師設計大樓一樣，圖紙設計好了，才能建成一幢漂亮的樓房。鑒于此，應當先讓學生瀏覽幾個網站的網頁結構，激發他們的熱情，開啟他們的設計思路。然后再根據教材給的內容向學生提出規劃“月光河”網站的任務。這個任務是框架性的，沒有復雜的程序操作，基礎較好的學生，可以順利地完成；而對于基礎差的學生，教師可以引導以至幫助他們完成這個任務。通過對這個任務的完成，學生們對網頁結構就有了新的系統的認知，回頭再瀏覽網頁時就會感覺到提高了一個層次。

再如學習“任務四——錯落有致——網頁布局”內容時，教師可以讓學生瀏覽觀察幾個網站的頁面，然后提出網頁布局任務。初始任務可以是較為簡單的頁面的制作，其中可包含“表格的插入”、“表格的修改”“表格的屬性設置”等知識點；之后，教師就可以給出較為復雜的頁面布局的設計任務，讓學生運用“布局視圖”、“布局表格”、“繪制布局單元格”等一系列知識去實現；最后，可以讓學生用“表格布局”去自行設計一個網站的頁面。在最后的任務中實際包含“頁面布局”、“頁面主題”等多項設計思想，讓學生根據頁面主題內容進行頁面的布局設計，為后續的教學打下基礎。這樣的教學設計使基礎較差的學生，在前兩個任務逐步完成后，再逐漸過渡到最后的創新設計中，而基礎較好的學生，從開始就可以完成較復雜的任務，大膽地展示自己的想象力及創造力。

3 利用“任務驅動”教學法設計任務和完成任務

網頁制作是一門實用性、操作性很強的課程。教師應當向學生布置本課程、本單元、本節課的學習任務，要求學生帶著任務和問題進行學習。

例如，在講單元三“栩栩如生——制作[動漫世界]頁面”任務時，首先應當將素材中這個網頁頁面展示給學生。因為現實生活中很多青少年喜歡動漫，幻想著自己與動漫結合在一起，由于這個頁面非常吸引人的眼球，所以，這樣一下子就會把學生帶入真實的學習情境中去。首先教師應當讓學生從網頁制作者的角度去分析此頁面由哪些元素組成，理論上如何制作，并讓學生廣泛討論，根據學生的反饋情況進行總結，設定總任務。其次將此課程這一部分知識點的總體任務細分為若干大任務。比如該總任務中有文本、圖像、表格、logo標志、Banner橫幅、網頁導航欄和模板等元素制作的大任務，再將這些大任務進一步細分為一些小任務。再如Banner橫幅的制作，啟動flash程序后，一是插入圖片，二是做動態燕子形狀，三是合成影片導出就OK了。任務應當從易到難，小任務應當緊密圍繞總體任務去一個個地實現。

在這樣進行教學設計時，老師提出任務之后，不要急于講解，而是要先讓學生對呈現的任務進行仔細思考、分析和討論，提出完成任務需要解決哪些問題，即提出要完成的任務。在提出的任務中，一些知識是學生以前已經學過的，這些問題學生自己就能解決；另一些是沒有學過的，即隱含在任務中的新知識點，這也正是任務所要解決的問題，這些問題由學生親自去找，然后提出，能更好地激發學生的求知欲。因為解決一個問題僅僅是技能而已，而提出新問題、從新的角度去看舊問題，卻需要創造性想象力。比如，制作LOGO標志的教學中，就一個網站來說，它代表著一個網站的整體形象。教師應當先展示幾個大型網站的LOGO標志，讓學生欣賞并對其中的色彩、圖案等進行整體比較，然后引導學生自己去發現問題和解決問題，而不是直接去學習現成的結論。在學生學習過程中，教師應當給予適當的提示，引導問題的提出時，要采取先粗后細、逐步求精的辦法。另外，學生不可能一次把所有的問題都提出來，對于一些任務中存在的問題，學生只有親自做到相應步驟時才有可能提出。同時，也只有在完成任務的過程中提出并解決相應的問題才有助于學生對問題的理解。

教師要充分結合網頁的特點創設可以引發學生學習興趣的任務，為學生營造一個愉快的學習氛圍，以使他們養成自覺主動地分析任務、完成任務的學習習慣。

4 對知識進行擴展

網頁設計與制作這門學科特點是：所用軟件較多，需要掌握的技能、技巧也很多，而對于網頁設計與制作知識的學習，單靠完成一個一個的任務，難以掌握這門學科的系統知識。所以在每個任務完成之后，有必要把所用到的基礎知識再進行一下擴展，這樣才能使學生把學到的基礎知識完整化、系統化，以提高學生已掌握的技能、技巧，使其技能、技巧運用更自如，視野更開闊。

例如，在用Fireworks制作“月光河”網站的動感LOGO圖時，在這個圖中既有動感的圖形，又有動感的文字。教材在完成這一任務中只安排：(1)啟動Fireworks；(2)新建一個寬高為88*31像素、分辨率為72、背景為白色的文檔。(3)分別建“腳印(畫圖)”、“月”、“光”、“河”四個庫元件；(4)利用幀面板，將上面的四個元件分別組合添加到1幀、2幀、3幀、4幀上，最后保存預覽就完成任務了。針對此任務涉及到了圖形工具和文字工具的使用、庫元件制作、幀面板使用等基礎知識。但庫元件制作和元件的使用是一個經常使用和很難的知識點，絕非像任務中講得那么點點就可以了。所以，在教學中：①幀面板的下列知識需擴展一下：重命名幀、添加幀、復制幀、排列幀、刪除幀、設置幀延時、使用洋蔥皮、幀間共享層。②動畫屬性下列知識需擴展一下：幀、縮放、不透明度、旋轉、順時針旋轉和逆時針旋轉。③元件下列知識需擴展一下：添加動畫元件、導入和導出動畫元件、動畫元件運動路徑、改變動態效果的順序。這樣才能使這三個方面的知識完整系統。

對學生感興趣的知識點也要擴展，激勵學生喜歡這門學科，掌握這門技術。在教學實踐中，學生對動感文字特別感興趣。如：用Flash軟件做“歡迎進入我的心情小屋”動感文字，然后插入到頁面中。學生感覺到用Flash軟件做動感文字時，其背景設置很不靈活，插入到網頁中看著也不很爽，這就應當把設置Flash動畫透明效果知識擴展一下。其方法為：在Dreamweaver的網面中插入“歡迎進入我的心情小屋”動感文字，然后在屬性面板中的“參數”選項打開，在打開的對話框中：項目下邊輸入框中寫入：Wmode；值下邊的輸入框中寫入：transparent。然后再預覽效果，這樣學生就會發現問題并加以解決了，感覺非常滿意，自然而然地把這個知識點擴充掌握了。

5 通過項目實訓，對任務進行遷移

“項目實訓”是對所學過的知識的鞏固和活的運用，在“項目實訓”任務教學中，學生可以充分發揮自己的想象，充分挖掘自己的潛力，找準一個自己最感興趣的內容，搜集大量相關資料做深、做透，制作出有自己特色的網頁，搭建起具有自己特色的網站，這樣才能給瀏覽者留下深刻的印象。

在網頁制作教學過程中，當每一單元的所有任務學習結束后，都要安排一個“項目實訓”，要求學生在學完本單元的所有知識點的基礎上，由學生自行設計、自我創新制作完成一張張富有個性特色的網頁，最終在完成所有“項目實訓”后完成一個富有個性特色的網站。

在完成這一教學任務中，首先要確定“項目實訓”中的評價等級，然后分別給每一個學生的每一單元的“項目實訓”作評定。如：等級3：能高質、高效地完成此學習目標的全部內容，并能解決遇到的特殊問題；等級2：能高質、高效地完成此學習目標的全部內容；等級1：能圓滿完成此學習目標的全部內容，不需任何幫助和指導。最后再根據每個學生的所有“項目實訓”的等級給出本課程學習的總成績。如：優秀：達到3級水平；良好達到2級水平；合格：全部項目都達到1級水平；不合格：不能達到1級水平。

對于學生的優秀作品要進行展示。優秀作品展示能給學生以美的欣賞和智慧的碰撞，激發學生的學習積極性，促使學生從多方面思考問題，培養其創新精神。

總之，通過“項目實訓”教學，能夠讓學生感受到實際工作中網站設計的一般工作流程，學會表達解決問題的過程和方法，培養學生綜合運用知識分析、處理實際問題的能力，鍛煉學生發現問題的能力，提高學生的組織能力、交往與合作能力和學習技能，從而提升對自己所學的知識、技能與市場經濟相結合的必要性的認識。

綜上所述，在網頁教學中，教師進行任務設計時，要仔細推敲每個知識點，統籌兼顧，為學生設計出一系列典型的操作性任務，充分發揮學生的主觀能動性，讓學生在完成任務過程中掌握知識、技能和方法，注重訓練學生的創造性思維，才能培養和增強學生的職業技能，提高教學效果，較好地實現教學目的。

[1]陳琦，劉儒德.教育心理學[M].北京：高等教育出版社，2005.

[2]何克抗.教育技術學[M].北京：北京師范大學出版社，2002.

[3]鐘志賢.信息化教學模式——理論建構與實踐例說[M].北京：教育科學出版社，2005.

[4]史國川，謝寶陵，等.“任務驅動”式教學法及其實施[C]∥大學計算機基礎課程報告論壇論文集2005.北京：高等教育出版社，2006.

[5]李翠白，李芒.基于計算機的“教學設計”任務驅動式學習方法[J].中國電化教育，2001，(12).