《網頁設計與制作》課程的教學研究與探索

羅麗紅　柯靈

摘 要： 當前，計算機是人們在生活中獲取信息的必不可少的渠道，而網頁是信息時代獲取信息的主要載體。網絡技術日新月異，人們對網頁有了更高的要求。本文針對計算機傳媒系軟件技術專業開設的一門專業必修課《網頁設計與制作》課程內容多、教學時間有限、學生存在差異的現狀，就如何提高教學質量進行了研究和探索。

關鍵詞： 《網頁設計與制作》 教學研究 教學探索

一、教學現狀

1.課程特點。

學生在先修課程的基礎上，具備一定的網頁效果圖制作的能力，然后通過《網頁設計與制作》這門課的學習，按照效果圖可制作出網頁。《網頁設計與制作》的綜合性很強，不僅要求學生有一定的插畫、動畫制作，以及配色、審美的功底，還要求學生具有較強的實踐動手能力和代碼編寫能力。

2.學生特點。

《網頁設計與制作》是針對高職高專軟件技術專業、網站建設與維護專業的學生所開設的，這兩個專業學生共同的特點：一是普遍沒有美術功底；二是學生英文基礎薄弱、自律性較差、綜合素質有很大的差異性、計算機的熟練水平參差不齊。當面對設計的網頁效果圖要求美觀時，學生因為美術功底的缺失，往往達不到要求；當面對對英文基礎有一定要求的網頁中代碼編寫內容的學習時，部分學生會有力不從心的感覺，從而導致學習興趣的喪失。

3.教師特點。

“名師出高徒”，要教出實踐能力強的學生，教師自身的實踐能力就要強。但現狀不容樂觀，任教《網頁設計與制作》的專職教師在相關企業實踐過，且具有一定實踐經驗的所占的比例并不大，而這門課程本身對實踐操作能力的要求就很高，于是產生了矛盾。雖然有行業兼職教師來校教授該門課程，但因為這門課不是一蹴而就，而是要通過循序漸進的學習才能學好的，行業兼職教師所任課的時間稍顯不足。

4.教學方法。

高職教育注重學生實踐動手能力的培養，且《網頁設計與制作》這門課程對學生的動手能力要求很高。傳統教學采取“理論+實踐”的形式，理論指的是在多媒體教室中，教師以講授和演示的方式，把實踐所涉及的理論知識傳授給學生，學生以聽和記筆記為主；實踐指的是學生在過后安排的上機課中予以實踐，但理論和實踐往往沒有實現無縫對接。

二、教學探索

1.在實踐中提高高職高專專職教師的動手能力。

針對提高專職教師的實踐動手能力，提出“實踐”這個解決方法。第一，與各大公司企業加強校企合作，在專職教師休假時間，特別是在寒暑假這種假期比較長的時間里派教師下企業鍛煉，體驗企業具體所需技能及學習新的技術；第二，定期組織行業專家來校對專職教師進行交流和指導，實現教師下企業鍛煉和在校接受培訓雙保險。

2.改進教學模式，引入CDIO教學模式。

高職教育注重對學生實踐能力的培養，改善教學模式對學生實踐能力的培養顯得尤為重要。CDIO是由MIT等世界著名高校研發的一整套先進的工程教育模式，C（conceive）指的是“構思”，D（design）指的是“設計”，I（implement）指的是“實施”，O（operate）指的是“項目分析和展示階段”，該模式可應用到《網頁設計與制作》這門課的教學中。

（1）“教”在CDIO教學模式中的體現。教師可借鑒該教學模式，不再按課本上的具體章節講解，而是將一整個網頁制作項目具體，從如何“構思”到如何“設計”，再到如何“實施”，完成后“展示”給學生欣賞。也可理解為教師引入項目引導式的教學方法，對該項目進行分階段拆分，通過完成具體的項目、逐步帶領學生掌握網頁設計與制作的各種方法。

（2）“學”在CDIO教學模式中的體現。該模式要求《網頁設計與制作》這門課程有三方面的目標，即知識目標、能力目標和素質目標。為了實現這門課程的課程目標，要求學生在學習網頁設計基本知識的基礎上自愿分組，每小組確定一個網頁的主題，完成至少一個完整的項目。該項目要求包括表格布局、框架布局、div+CSS布局三種布局方式，以及CSS美化和JavaScript特效一整套，按照CDIO的流程，從構思（具體需求）、設計、實施改進及展示本團隊設計開發的項目對學生進行訓練。學生在學習任務的驅動下，能自發地利用課后時間搜集資料學習和實踐，彌補課程教學時間的有限性和教學范圍的局限性的不足。同時按照這個流程走下來，學生的團隊合作精神也得到鍛煉。在項目的實施過程中，學生難免會碰到各種難題，這就鍛煉了學生解決問題的能力。

3.加大實訓項目在期末考核中的比重。

傳統考核模式采取平時成績30%+期末理論考試70%的比重，現在則提高實訓項目在期末考核中的比重，本著理論夠用、注重實踐的原則，考核形式采取平時成績20%+期末理論考試40%+學生實訓項目占40%這一考核方式，凸顯理論的不可或缺性和實踐的重要性。

綜上所述，在《網頁設計與制作》課程教學中，要注意豐厚學生理論儲備，提高所需技能和素質，為學生的可持續發展打下堅實的基礎。

參考文獻：

[1]蔣秀姣.CDIO環境下網頁設計課程教改探討[J].廣西教育C（職業與高等教育版），2012（10）.

[2]王剛.CDIO工程教育模式的解讀與思考[J].中國高教研究，2009（5）.

[3]王珊.“網頁設計與技術”課程教學改革的研究與探索.科學文匯，2009（7）上旬刊.

[4]付明.任務驅動教學在《網頁設計與制作》課程中的應用及影響研究[J].價值工程，2012（9）.