《網頁設計基礎》教學法的研究與實踐

王晶

（大慶職業學院油田技術培訓中心 黑龍江大慶 163255）

《網頁設計基礎》教學法的研究與實踐

王晶

（大慶職業學院油田技術培訓中心 黑龍江大慶 163255）

《網頁設計基礎》是職校計算機應用專業的一門必修課，它是一門集理論與實踐為一體的綜合性課程。本文從教學法的研究與實踐入手，旨在研究如何進一步培養和提高學生的實際動手能力及專業能力，激發學生學習的主動性與創造性，使學生能夠適應與《網頁設計基礎》相關的崗位需求。

網頁設計基礎 就業導向 教學方法

1、課程目前存在的問題

1.1 、各科不能融會貫通。要想設計與制作出高水平的網站，常用的網絡三劍客軟件：

“PHOTOSHOP、FLASH、DREAMWEAVER”是缺一不可的，而計算機應用專業的學生在開《網頁設計基礎》這門課之前，就已完成前二門課程的教學。但是通過對歷屆學生的調查發現，大部分學生學完就忘，不能將學過的知識課程融會到這門課中。在以往的教學過程中只注重軟件的應用與知識點的講解，學生就是不斷在學習新的知識點，而忽略了網站的規劃與設計環節，導致學生學過的內容不能融會貫通。

1.2 學生層次不同。因為每個學生的能力不同，在傳統的教學中老師統一下達任務，所有學生只能完成統一的任務，沒有發揮學生自身的長處，無論是就高或就低教學都會導致學生的能力不能正常發揮與運用。長此以往，能力高的學生，覺得沒有發揮自己水平的空間，最終導致學生失去了學習的興趣；能力低的學生，總是處于跟不上的狀態，而失去了學習這門課程的信心，最終放棄學習。

1.3 傳統的教學重點放在軟件的使用方法上。雖然學生能熟練應用軟件，但是不能從宏觀的角度獨立完成網站的規劃與設計，這樣就導致學生只是單一的完成別人指定的網站的制作，從而不能提高學生的創新思維。

2、以就業為導向對學生進行教學培訓

根據調查中華英才、58同城等招聘網站，通過對課程的崗位指向分析，與《網頁設計基礎》相關的職業崗位主要有：網頁設計與制作、網站管理與維護、網頁編輯等。那么針對這些崗位對我們學生知識的要求最基本的有HTML、DIV、CSS等。而針對這些崗位對我們學生掌握軟件的要求，最基本的就是網絡三劍客。而我們《網頁設計基礎》這門課的主要軟件就是應用DREAMWEAVER。我們當前最主要的任務就是想盡一切辦法，通過改革教學內容與教學方法來提高學生面對網頁設計與制作崗位的知識與技能水平。

3、教學方法

3.1 階段教學：教、學、練、做統一結合。互教互學，注重學思結合，知行統一。只有將所學所悟運用到教學實踐中，才能讓教學更加得心應手，使教學效果更上新臺階。在教學過程中要及時掌握學生的發展方向、學生的不同層次、學生的學習狀態以及學生對教學內容的接受程度。教師要根據學生的接受情況仔細斟酌及時調整授課內容及難度。因此教師在授課環節上一定要給學生留有思考和討論的時間，做到學思結合，讓學生很好掌握當堂課的內容，并且與實際結合。教師要巡視指導，及時了解學生的學習狀況及接受程度，分析與講解共性問題。

3.2 案例教學：案例教學是一種獨特的教學形式，它是理論與實踐溝通的一道橋梁，是發展學生的團隊合作意識與能力的有效途徑。那么在運用案例教學法時，案例的選擇首先就要具有實用性、趣味性、知識性、典型性、啟發性。將優秀網站的案例引入教材、教學體系當中，并且將實際案例與每個重要知識點的應用結合起來。經典案例賞析、重要知識點講授、學生課堂練習、教師實踐輔導、團隊合作創新等不同教學方法靈活運用。充分利用現代高度發達的多媒體以及豐富的網上資源，及時與學生交流溝通。采用學習與研究相結合的方法，將現代計算機科學技術充分應用于教學改革之中。

3.3 任務驅動教學：它將以往以傳授知識為主的傳統教學理念，轉變為以解決問題、完成

任務為主的多維互動式的教學理念。在網頁設計基礎課程中體現的任務驅動教學法，按照能力分解，階梯推進的思路，來設計與分配任務。同時學生完成任務的過程應該是一個不斷提出問題、解決問題的過程，提高了學生的創新思維。

3.3.1 任務驅動法需要遵循以下的原則來設計任務：

（1）任務要與現實生活緊密聯結；

（2）任務要結合教學內容，突出教學重點和難點；

（3）任務的設置要適應不同層次的學生，因材施教。教師應該依據不同的學生層次選材，有針對性有目的性的去選擇任務，保證所有學生掌握學習的內容。通過階段教學、案例教學、任務驅動教學等實踐教學環節，讓學生體會和領悟網頁設計與制作的方法和思路，通過完成任務進一步加深相關知識點的理解和應用，提高網頁設計與制作的規劃與設計的綜合能力。學生在完成任務過程中體會到學習的樂趣，培養學習的興趣，提高了創新思維能力。

3.3.2 任務驅動教學法的主要步驟主要有：

（1）設計任務階段：結合《網頁設計基礎》課程教學內容的知識點設計任務并且要與現實緊密結合。

（2）依據任務分配小組階段：教師依據學生的特點分配任務小組，實行團隊合作。

（3）搜集任務信息階段：各小組學生根據課前準備的任務主題搜集素材，分類保存。

（4）任務實施階段：小組內學生依據自己的能力及特長相互分工合作。教師提示各組要依據分配任務之前的標準來完成任務。分工進行圖片處理、文字編輯、網頁設計與制作任務的架構等。小組內學生要采取優勢互補、團結協作、取長補短。任務組長綜合各小組成員素材，合成作品。同時任務組長應負責檢察組內成員所得任務的完成情況，作好記錄向教師匯報。

（5）師生評比階段：通過這種活動，充分調動了學生的學習熱情，促進了學生的學習主動性，強化了學生的實際動手能力。

學生總結與評價，各小組的組長代表本組所分配的任務進行講解與評價，各小組的學生針對任務討論如何更好的配合。

教師總結與評價，教師針對各組完成任務的過程中出現頻率較高的問題進行歸納總結，根據教師分配任務前所給出的評分標準進行評分，對各小組的學生任務完成情況進行評比，總結各小組分工合作協調、工作溝通的好壞，提出今后應注意的事項。

4、結束語

《網頁設計基礎》是一門實踐性較強的課程，那么在教學方法與教學內容上應區別于理論課程。因此要想提升學生的主動性，就要合理安排教學內容與教學實踐，教師為主導學生為主體是提高學生動手能力的關鍵。我們對該課程的改革力求提高學生專業能力和創造能力，通過對教學實踐的探索整合多種教學方法，極大地提高了學生學習的主動性，取得了良好的教學效果。

[1]陳小東《網頁制作技術》項目教學法的實踐應用，發表于《成功教育》2010（12）

[2]劉亭利《網頁制作課程教學中的幾點思考》，發表于《新課程.教師》2011（8）