任務(wù)驅(qū)動(dòng)
——提高網(wǎng)頁(yè)制作教學(xué)效果的有效途徑

肖 玉 榮

(遼寧省新聞出版學(xué)校，沈陽(yáng) 110033)

網(wǎng)頁(yè)制作屬于計(jì)算機(jī)及應(yīng)用專業(yè)課程，在這一課程教學(xué)中采用任務(wù)驅(qū)動(dòng)教學(xué)法，具有五個(gè)特征：一是任務(wù)引領(lǐng)。即以工作任務(wù)引領(lǐng)知識(shí)、技能和態(tài)度，讓學(xué)生在完成任務(wù)的過(guò)程中學(xué)習(xí)相關(guān)知識(shí)，發(fā)展學(xué)生的綜合職業(yè)能力。二是結(jié)果驅(qū)動(dòng)。即通過(guò)完成典型產(chǎn)品或服務(wù)，激發(fā)學(xué)生的成就動(dòng)機(jī)，使之獲得完成工作任務(wù)所需要的綜合職業(yè)能力。三是突出能力。即課程定位與目標(biāo)、課程內(nèi)容與要求、教學(xué)過(guò)程與評(píng)價(jià)都圍繞職業(yè)能力的培養(yǎng)，涵蓋職業(yè)技能考核要求，體現(xiàn)職業(yè)教育課程的本質(zhì)特征。四是內(nèi)容實(shí)用。即緊緊圍繞工作任務(wù)完成的需要來(lái)選擇課程內(nèi)容，不強(qiáng)調(diào)知識(shí)的系統(tǒng)性，而注重內(nèi)容的實(shí)用性和針對(duì)性。五是做學(xué)一體。即打破長(zhǎng)期以來(lái)的理論與實(shí)踐二元分離的局面，以任務(wù)為核心，實(shí)現(xiàn)理論與實(shí)踐一體化教學(xué)。

實(shí)施任務(wù)驅(qū)動(dòng)教學(xué)法進(jìn)行網(wǎng)頁(yè)制作教學(xué)，應(yīng)當(dāng)著重做好以下幾個(gè)方面的工作：

1 精選教材

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

2 根據(jù)學(xué)生的知識(shí)基礎(chǔ)構(gòu)成和認(rèn)識(shí)水平差異進(jìn)行任務(wù)驅(qū)動(dòng)教學(xué)的教學(xué)設(shè)計(jì)

教材的第一課就是“任務(wù)一整裝待發(fā)——規(guī)劃網(wǎng)站”。從職業(yè)學(xué)校的學(xué)生群體構(gòu)成來(lái)看，有的來(lái)自農(nóng)村，有的來(lái)自城市，學(xué)生對(duì)計(jì)算機(jī)了解和應(yīng)用水平差異很大。有些學(xué)生能夠非常熟練地操作，比較了解網(wǎng)頁(yè)的結(jié)構(gòu)，并會(huì)用一些網(wǎng)頁(yè)制作軟件制作一些簡(jiǎn)單網(wǎng)頁(yè)；有些學(xué)生則只會(huì)一些基本操作，上網(wǎng)僅限于瀏覽，對(duì)網(wǎng)頁(yè)制作知識(shí)一無(wú)所知。因此教師在進(jìn)行網(wǎng)頁(yè)教學(xué)任務(wù)設(shè)計(jì)時(shí)，應(yīng)當(dāng)從學(xué)生實(shí)際出發(fā)，充分考慮到學(xué)生現(xiàn)有的知識(shí)結(jié)構(gòu)、認(rèn)知能力和興趣特點(diǎn)，遵循由淺入深、由表及里和循序漸進(jìn)的原則。

本任務(wù)規(guī)劃網(wǎng)站就像建筑設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一幢漂亮的樓房。鑒于此，應(yīng)當(dāng)先讓學(xué)生瀏覽幾個(gè)網(wǎng)站的網(wǎng)頁(yè)結(jié)構(gòu)，激發(fā)他們的熱情，開(kāi)啟他們的設(shè)計(jì)思路。然后再根據(jù)教材給的內(nèi)容向?qū)W生提出規(guī)劃“月光河”網(wǎng)站的任務(wù)。這個(gè)任務(wù)是框架性的，沒(méi)有復(fù)雜的程序操作，基礎(chǔ)較好的學(xué)生，可以順利地完成；而對(duì)于基礎(chǔ)差的學(xué)生，教師可以引導(dǎo)以至幫助他們完成這個(gè)任務(wù)。通過(guò)對(duì)這個(gè)任務(wù)的完成，學(xué)生們對(duì)網(wǎng)頁(yè)結(jié)構(gòu)就有了新的系統(tǒng)的認(rèn)知，回頭再瀏覽網(wǎng)頁(yè)時(shí)就會(huì)感覺(jué)到提高了一個(gè)層次。

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

3 利用“任務(wù)驅(qū)動(dòng)”教學(xué)法設(shè)計(jì)任務(wù)和完成任務(wù)

網(wǎng)頁(yè)制作是一門(mén)實(shí)用性、操作性很強(qiáng)的課程。教師應(yīng)當(dāng)向?qū)W生布置本課程、本單元、本節(jié)課的學(xué)習(xí)任務(wù)，要求學(xué)生帶著任務(wù)和問(wèn)題進(jìn)行學(xué)習(xí)。

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

在這樣進(jìn)行教學(xué)設(shè)計(jì)時(shí)，老師提出任務(wù)之后，不要急于講解，而是要先讓學(xué)生對(duì)呈現(xiàn)的任務(wù)進(jìn)行仔細(xì)思考、分析和討論，提出完成任務(wù)需要解決哪些問(wèn)題，即提出要完成的任務(wù)。在提出的任務(wù)中，一些知識(shí)是學(xué)生以前已經(jīng)學(xué)過(guò)的，這些問(wèn)題學(xué)生自己就能解決；另一些是沒(méi)有學(xué)過(guò)的，即隱含在任務(wù)中的新知識(shí)點(diǎn)，這也正是任務(wù)所要解決的問(wèn)題，這些問(wèn)題由學(xué)生親自去找，然后提出，能更好地激發(fā)學(xué)生的求知欲。因?yàn)榻鉀Q一個(gè)問(wèn)題僅僅是技能而已，而提出新問(wèn)題、從新的角度去看舊問(wèn)題，卻需要?jiǎng)?chuàng)造性想象力。比如，制作LOGO標(biāo)志的教學(xué)中，就一個(gè)網(wǎng)站來(lái)說(shuō)，它代表著一個(gè)網(wǎng)站的整體形象。教師應(yīng)當(dāng)先展示幾個(gè)大型網(wǎng)站的LOGO標(biāo)志，讓學(xué)生欣賞并對(duì)其中的色彩、圖案等進(jìn)行整體比較，然后引導(dǎo)學(xué)生自己去發(fā)現(xiàn)問(wèn)題和解決問(wèn)題，而不是直接去學(xué)習(xí)現(xiàn)成的結(jié)論。在學(xué)生學(xué)習(xí)過(guò)程中，教師應(yīng)當(dāng)給予適當(dāng)?shù)奶崾?，引?dǎo)問(wèn)題的提出時(shí)，要采取先粗后細(xì)、逐步求精的辦法。另外，學(xué)生不可能一次把所有的問(wèn)題都提出來(lái)，對(duì)于一些任務(wù)中存在的問(wèn)題，學(xué)生只有親自做到相應(yīng)步驟時(shí)才有可能提出。同時(shí)，也只有在完成任務(wù)的過(guò)程中提出并解決相應(yīng)的問(wèn)題才有助于學(xué)生對(duì)問(wèn)題的理解。

教師要充分結(jié)合網(wǎng)頁(yè)的特點(diǎn)創(chuàng)設(shè)可以引發(fā)學(xué)生學(xué)習(xí)興趣的任務(wù)，為學(xué)生營(yíng)造一個(gè)愉快的學(xué)習(xí)氛圍，以使他們養(yǎng)成自覺(jué)主動(dòng)地分析任務(wù)、完成任務(wù)的學(xué)習(xí)習(xí)慣。

4 對(duì)知識(shí)進(jìn)行擴(kuò)展

網(wǎng)頁(yè)設(shè)計(jì)與制作這門(mén)學(xué)科特點(diǎn)是：所用軟件較多，需要掌握的技能、技巧也很多，而對(duì)于網(wǎng)頁(yè)設(shè)計(jì)與制作知識(shí)的學(xué)習(xí)，單靠完成一個(gè)一個(gè)的任務(wù)，難以掌握這門(mén)學(xué)科的系統(tǒng)知識(shí)。所以在每個(gè)任務(wù)完成之后，有必要把所用到的基礎(chǔ)知識(shí)再進(jìn)行一下擴(kuò)展，這樣才能使學(xué)生把學(xué)到的基礎(chǔ)知識(shí)完整化、系統(tǒng)化，以提高學(xué)生已掌握的技能、技巧，使其技能、技巧運(yùn)用更自如，視野更開(kāi)闊。

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

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

5 通過(guò)項(xiàng)目實(shí)訓(xùn)，對(duì)任務(wù)進(jìn)行遷移

“項(xiàng)目實(shí)訓(xùn)”是對(duì)所學(xué)過(guò)的知識(shí)的鞏固和活的運(yùn)用，在“項(xiàng)目實(shí)訓(xùn)”任務(wù)教學(xué)中，學(xué)生可以充分發(fā)揮自己的想象，充分挖掘自己的潛力，找準(zhǔn)一個(gè)自己最感興趣的內(nèi)容，搜集大量相關(guān)資料做深、做透，制作出有自己特色的網(wǎng)頁(yè)，搭建起具有自己特色的網(wǎng)站，這樣才能給瀏覽者留下深刻的印象。

在網(wǎng)頁(yè)制作教學(xué)過(guò)程中，當(dāng)每一單元的所有任務(wù)學(xué)習(xí)結(jié)束后，都要安排一個(gè)“項(xiàng)目實(shí)訓(xùn)”，要求學(xué)生在學(xué)完本單元的所有知識(shí)點(diǎn)的基礎(chǔ)上，由學(xué)生自行設(shè)計(jì)、自我創(chuàng)新制作完成一張張富有個(gè)性特色的網(wǎng)頁(yè)，最終在完成所有“項(xiàng)目實(shí)訓(xùn)”后完成一個(gè)富有個(gè)性特色的網(wǎng)站。

在完成這一教學(xué)任務(wù)中，首先要確定“項(xiàng)目實(shí)訓(xùn)”中的評(píng)價(jià)等級(jí)，然后分別給每一個(gè)學(xué)生的每一單元的“項(xiàng)目實(shí)訓(xùn)”作評(píng)定。如：等級(jí)3：能高質(zhì)、高效地完成此學(xué)習(xí)目標(biāo)的全部?jī)?nèi)容，并能解決遇到的特殊問(wèn)題；等級(jí)2：能高質(zhì)、高效地完成此學(xué)習(xí)目標(biāo)的全部?jī)?nèi)容；等級(jí)1：能圓滿完成此學(xué)習(xí)目標(biāo)的全部?jī)?nèi)容，不需任何幫助和指導(dǎo)。最后再根據(jù)每個(gè)學(xué)生的所有“項(xiàng)目實(shí)訓(xùn)”的等級(jí)給出本課程學(xué)習(xí)的總成績(jī)。如：優(yōu)秀：達(dá)到3級(jí)水平；良好達(dá)到2級(jí)水平；合格：全部項(xiàng)目都達(dá)到1級(jí)水平；不合格：不能達(dá)到1級(jí)水平。

對(duì)于學(xué)生的優(yōu)秀作品要進(jìn)行展示。優(yōu)秀作品展示能給學(xué)生以美的欣賞和智慧的碰撞，激發(fā)學(xué)生的學(xué)習(xí)積極性，促使學(xué)生從多方面思考問(wèn)題，培養(yǎng)其創(chuàng)新精神。

總之，通過(guò)“項(xiàng)目實(shí)訓(xùn)”教學(xué)，能夠讓學(xué)生感受到實(shí)際工作中網(wǎng)站設(shè)計(jì)的一般工作流程，學(xué)會(huì)表達(dá)解決問(wèn)題的過(guò)程和方法，培養(yǎng)學(xué)生綜合運(yùn)用知識(shí)分析、處理實(shí)際問(wèn)題的能力，鍛煉學(xué)生發(fā)現(xiàn)問(wèn)題的能力，提高學(xué)生的組織能力、交往與合作能力和學(xué)習(xí)技能，從而提升對(duì)自己所學(xué)的知識(shí)、技能與市場(chǎng)經(jīng)濟(jì)相結(jié)合的必要性的認(rèn)識(shí)。

綜上所述，在網(wǎng)頁(yè)教學(xué)中，教師進(jìn)行任務(wù)設(shè)計(jì)時(shí)，要仔細(xì)推敲每個(gè)知識(shí)點(diǎn)，統(tǒng)籌兼顧，為學(xué)生設(shè)計(jì)出一系列典型的操作性任務(wù)，充分發(fā)揮學(xué)生的主觀能動(dòng)性，讓學(xué)生在完成任務(wù)過(guò)程中掌握知識(shí)、技能和方法，注重訓(xùn)練學(xué)生的創(chuàng)造性思維，才能培養(yǎng)和增強(qiáng)學(xué)生的職業(yè)技能，提高教學(xué)效果，較好地實(shí)現(xiàn)教學(xué)目的。

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

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

[3]鐘志賢.信息化教學(xué)模式——理論建構(gòu)與實(shí)踐例說(shuō)[M].北京：教育科學(xué)出版社，2005.

[4]史國(guó)川，謝寶陵，等.“任務(wù)驅(qū)動(dòng)”式教學(xué)法及其實(shí)施[C]∥大學(xué)計(jì)算機(jī)基礎(chǔ)課程報(bào)告論壇論文集2005.北京：高等教育出版社，2006.

[5]李翠白，李芒.基于計(jì)算機(jī)的“教學(xué)設(shè)計(jì)”任務(wù)驅(qū)動(dòng)式學(xué)習(xí)方法[J].中國(guó)電化教育，2001，(12).