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

關(guān)鍵詞： 《網(wǎng)頁制作》 任務(wù)驅(qū)動法 個人網(wǎng)站

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

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

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

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

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

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

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

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

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

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

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

九、高級應(yīng)用篇。07網(wǎng)絡(luò)班的學生將來將會面對更加困難的實踐挑戰(zhàn)。在這一階段我主要講解了表單、層、網(wǎng)站

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

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

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

參考資料：

［１］田博文.網(wǎng)頁設(shè)計與制作.人民郵電出版社.