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

黃秀茵

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

【關鍵詞】網頁設計與制作 傳統教學法 任務驅動

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

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

一、《網頁設計與制作》教學新方法實踐

（一）基本思路

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

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

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

（二）實施過程

1.入門階段的學習

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

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

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

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

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

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

（4）入門階段的任務

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

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

我的第一個網頁：從切片到網頁。

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

2.中級階段的學習

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

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

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

3.高級階段的學習

通過上一階段網站項目和相關任務的完成，相信學生們對制作網站是胸有成竹了。現在可以在教師的引導下進行合理分組了。明確分工后，教師要跟蹤學生的學習進度并在適當的時候給予合適的建議。

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

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

（三）考核方式

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

考核內容設計如下：

期中考核：除上機100分鐘的現場考核外，要求每個學生獨立完成一個個人網站。

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

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

二、新教學方法效果

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

三、結語

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

參考文獻：

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

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

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