中職《網(wǎng)頁設計與制作》教學方法的探索與應用

黃秀茵

【摘要】《網(wǎng)頁設計與制作》是目前中職院校計算機專業(yè)必開的課程之一，目的是培養(yǎng)技能型、應用型人才，使學生掌握制作網(wǎng)頁、建設網(wǎng)站的基本技能，最終成為一個職業(yè)的網(wǎng)頁設計人員。常用于本學科的教學方法有傳統(tǒng)教學法、任務驅動教學法和項目教學法，各有優(yōu)勢與不足。本文主要闡述了將任務驅動教學法和項目教學法結合在一起的實踐過程及其教學效果。

【關鍵詞】網(wǎng)頁設計與制作 傳統(tǒng)教學法 任務驅動

【中圖分類號】G712 【文獻標識碼】A 【文章編號】2095-3089（2018）19-0243-02

中職院校開設《網(wǎng)頁設計與制作》的目的是培養(yǎng)網(wǎng)頁設計、網(wǎng)頁制作和網(wǎng)站組建專業(yè)人才，能夠勝任網(wǎng)站管理員、網(wǎng)頁設計師、網(wǎng)頁美工師等工作崗位，或者利用所學到的網(wǎng)頁制作技能在其他領域發(fā)揮作用。筆者根據(jù)授課經(jīng)驗，將任務驅動教學法和項目教學法結合在一起，探索出一條更適合中職院校且靈活性更強的教學方法。

一、《網(wǎng)頁設計與制作》教學新方法實踐

（一）基本思路

目前教師常用于《網(wǎng)頁設計與制作》的三種教學方法，即傳統(tǒng)教學法、任務驅動教學法和項目教學法，這三種教學方法各有優(yōu)勢與不足。由此筆者嘗試在傳統(tǒng)教學法的引領下，結合任務驅動教學法和項目教學法（以下簡稱教學新方法）來提高教學效果。

如何提高《網(wǎng)頁設計與制作》課程的教學質量，從而提高學生的網(wǎng)頁設計與制作能力，以適應新時代企業(yè)對中職網(wǎng)頁設計與制作人才的要求，是每個網(wǎng)頁設計教師追求的目標。

筆者把《網(wǎng)頁設計與制作》課程分為三個學習階段（假如本課程開設一個學期），即入門階段、中級階段和高級階段。教師利用傳統(tǒng)教學方法傳授某些理論知識的同時，每個階段都有相應項目，每個項目下包含若干個任務，即將任務驅動教學法與項目教學法結合起來，使學生最終在理論知識的指導下，完成每個任務及項目，從而達到掌握網(wǎng)頁設計與制作技能的目的。（具體方法在“實施過程”部分進行詳細的介紹。）

（二）實施過程

1.入門階段的學習

（1）分析學生知識層次，激發(fā)學生學習熱情

中職計算機專業(yè)的《網(wǎng)頁設計與制作》一般安排在第三學期或第四學期，這時學生已經(jīng)掌握了計算機基礎、圖形圖像處理及動畫設計與制作等相關知識了。通過實際情況分析學生所處的知識層次后，教師通過展示往屆優(yōu)秀作品及網(wǎng)絡上一些經(jīng)典網(wǎng)站來激發(fā)學生學習本課程的興趣。

（2）讓學生自主遨游在《網(wǎng)頁設計與制作》的知識海洋中

在完成前面的鋪墊工作后，教師不必急于新課的講解。大部分中職《網(wǎng)頁設計與制作》教材的開頭都是web服務工作原理、HTML標記語言之類的，如果教師馬上利用傳統(tǒng)教學方法去傳授《網(wǎng)頁設計與制作》的理論知識，很可能會因為知識的枯燥無味而打擊學生的學習熱情。筆者覺得與其按教材順序來講解知識點，倒不如引導學生主動地進入到本學科的學習中。當學生進入角色了，教師只需要稍加引導就事半功倍了。

（3）為中級階段的學習做鋪墊

在入門階段，教師應當做好充分的準備，根據(jù)學生的特點準備好兩個項目及相關任務，并及時讓學生了解本學期本課程的具體學習要求和目標，這樣學生也能做好規(guī)劃。

（4）入門階段的任務

網(wǎng)頁LOGO和Banner設計：為自己的個人網(wǎng)站設計一個LOGO和Banner。（相當于復習圖形圖像處理和動畫設計與制作知識）。

主頁的設計（可以用Photoshop、Fireworks、CorelDraw和Adobe illustrator等軟件設計，也是在復習舊知識的同時慢慢過渡到新知識的學習）。

我的第一個網(wǎng)頁：從切片到網(wǎng)頁。

我的第一個網(wǎng)站：創(chuàng)建站點，建立、打開、保存與預覽網(wǎng)頁，簡單的超鏈接等。

2.中級階段的學習

中級階段的學習目標是師生共同完成一個項目——個人網(wǎng)站。教師是在所有學生前透明化地完成整個項目，而學生是要獨立完成這個項目的。項目的完成時間應在期中考核之前。

任務驅動教學法和項目教學法有一個共同點，就是分組學習。但在新教學方法中筆者不建議急于分組，特別是在學生沒有任何網(wǎng)頁設計與制作基礎的情況下盲目分組，否則不僅會造成分組不合理的后果，還會在一定程度上使學生產生依賴心理從而養(yǎng)成惰性習慣。

一般情況下，上半學期結束，絕大部分同學都能完成這個項目（個人網(wǎng)站）。雖然有少數(shù)學生的個人網(wǎng)站還是顯得比較粗糙，但通過獨立完成這個項目，他們已經(jīng)掌握了創(chuàng)建站點、制作網(wǎng)站的基本流程、布局網(wǎng)頁和超級鏈接等網(wǎng)頁設計與制作的基礎知識了，這為后面的分組和完成大項目打下較好的基礎。

3.高級階段的學習

通過上一階段網(wǎng)站項目和相關任務的完成，相信學生們對制作網(wǎng)站是胸有成竹了?，F(xiàn)在可以在教師的引導下進行合理分組了。明確分工后，教師要跟蹤學生的學習進度并在適當?shù)臅r候給予合適的建議。

大項目的實施有一定難度，要根據(jù)商業(yè)網(wǎng)站的要求，強調學生在學習中體驗到實際工作的過程。該項目的具體實施過程如下：學生明確項目主題→制定網(wǎng)站設計方案→收集、整理相關信息→確定欄目和板塊→確定站點目錄結構→形象設計（logo、色彩、顏色、字體和Banner等），主頁和子頁的設計→定義站點→制作網(wǎng)站→測試網(wǎng)站→上傳網(wǎng)站→拓展（如網(wǎng)站的宣傳與推廣等）

該過程與上一階段有很大的不同。中級階段的學習，基本上是教師設計好任務，演示給學生看，然后學生根據(jù)教師的演示做練習，完成任務，最后把任務中的相關知識點應用到自己的個人網(wǎng)站中，是教師為學生構建知識和技能的過程。而高級階段的項目實踐就是構建網(wǎng)站的實際項目，需要學生按照行業(yè)規(guī)范進行操作，可充分發(fā)掘學生的創(chuàng)造潛能，培養(yǎng)和提高他們的實踐能力、分析和綜合能力，讓每個學生都體驗到成功的樂趣。

（三）考核方式

基于新教學方法的特殊性，筆者以作品評價方式代替了傳統(tǒng)的理論考試。

考核內容設計如下：

期中考核：除上機100分鐘的現(xiàn)場考核外，要求每個學生獨立完成一個個人網(wǎng)站。

期末考核：除上機100分鐘現(xiàn)場考核外，要求學生分組完成一個綜合網(wǎng)站。筆者給出了四個選題供學生選擇：1.中國夢，我的夢（關于夢想的網(wǎng)站）；2.人與自然（關注環(huán)境）；3.反腐倡廉公益網(wǎng)站；4.筆者或學生在豬八戒網(wǎng)、技術交流論壇和任務中國威客網(wǎng)站上找的一些招標項目網(wǎng)站。

當然，這個項目設置也比較靈活，如期中考核作品學生也可以做我的中職生涯，校園風貌和班風班貌等類似的與自己息息相關的網(wǎng)站，而期末考核作品學生也可以提交其他作品作為友情參評，教師可以根據(jù)作品質量進行適當加分以鼓勵學生。

二、新教學方法效果

這種新教學方法突破了傳統(tǒng)教學模式，通過完成任務和項目的方式來體現(xiàn)學生對網(wǎng)頁設計與制作技能的掌握程度，提高了學生學習的主動性與積極性，提升了學生的實踐能力。自從嘗試用新教學方法進行教學后，筆者發(fā)覺學生制作的網(wǎng)站作品質量得到了大大的提高。對此，教師也頗有成就感，提高了教師進一步改進此教學方法的信心。

三、結語

綜上所述，新教學方法突破了傳統(tǒng)教學方法，將任務驅動教學法和項目教學法結合在一起，要求師生共同參與到教學過程中，通過共同完成項目和任務來達到教與學的目的，提升了學生自主學習的能力，充分調動了學生的學習積極性和教師的教學熱情。

參考文獻：

[1]林金富.項目教學法在網(wǎng)頁設計與制作中的應用.福建電腦，2009年

[2]周艾宏.網(wǎng)頁制作教學方法的探討.電腦迷，2013年

[3]姜大源.職業(yè)教育學研究新論.教育科學出版社，2007年