基于CDIO的網頁設計類課程教學改革研究

趙震奇

以往網頁設計類課程的教學強調HTML語法知識，輕視學生在色彩、結構以及團隊協作能力等方面的培養。大部分學生即便系統地掌握了網頁設計基礎知識，也不能很好地完成后續實踐課程與動態系統的開發。因此，網頁設計與制作課程教學可以采用CDIO工程教育模式，探索教學環節與實踐環節案例的設置策略與方案。實踐證明，這種教學模式的運用在具有較強工程背景與應用價值的案例的學習與實踐中，培養了學生的實際動手能力，能很好地銜接學生的理論知識和實際應用能力。

一、CDIO工程教育模式

CDIO工程教育模式是近年來國際工程教育改革的最新成果。從2000年起，麻省理工學院和瑞典皇家工學院等四所大學組成的跨國研究經過四年的探索研究，創立了CDIO工程教育理念，并成立了以CDIO命名的國際合作組織。

CDIO 代表構思（Conceive）、設計（Design）、實現（Implement）和運作（Operate），它以產品研發到產品運行的生命周期為載體，讓學生以主動的、實踐的、課程之間有機聯系的方式學習工程。CDIO培養大綱將工程畢業生的能力分為工程基礎知識、個人能力、人際團隊能力和工程系統能力四個層面，大綱要求以綜合的培養方式使學生在這四個層面達到預定目標。[1]

二、網頁設計類課程教學中存在的問題

（一）采用“以知識為中心”的傳統教學模式

目前，許多教師仍然習慣“以知識為中心”的傳統教學模式，強調知識講授，輕視學生實踐動手能力的培養，難以達到理想的教學效果?！熬W頁設計與制作”是信息技術專業的一門專業核心課程，實踐性、創造性和自主性強。由于配套教材的內容里，一些主要是介紹Dreamweaver軟件的使用，一些主要介紹HTML、CSS和JavaScript語法，如果在教學中只強調學生對知識點的掌握，學生無法將所學知識串聯起來，從而很難形成利用所學知識解決實際問題的能力。

（二）課程實踐部分欠缺關聯性

在實踐過程中，教師只是講解隸屬于不同知識點的的單個網頁面，同時讓學生配合上機實踐，各實踐項目間關聯性無法體現，學生沒有系統解決完整實際工程問題的概念，實踐能力無法得到提高。這種實訓形式顯然無法培養學生分析設計一個完整網站系統的能力。

（三）缺乏課程之間的橫向聯系

“網頁設計與制作”主要培養學生開發網站的能力，開發過程主要包括前期策劃、制作網頁效果圖、制作網頁主頁細節、制作子頁面、網頁最終發布和后期維護等諸多方面，這些能力是學生日后走上工作崗位必須具備的。前導課程包括“計算機應用基礎”、“圖形圖像處理”、“二維動畫制作”、“數據庫基礎與應用”，后續課程有“XML及應用”和“Asp.net動態網站開發”。由于網頁設計與制作課時有限，不能再進行前導課程的講解，如果將這些知識結合在一起進行講授，學生的壓力會很大。

（四）受軟件版本和虛擬項目限制

隨著網站開發專業軟件的發展，版本更新很快，出現了軟件和版本的多樣性，學生對于這些往往是先入為主的，導致虛擬項目案例與企業項目的距離缺少實用性。由于教師的工程背景不足，或考慮到學生對企業實際的了解不深，教師一般僅依據教材和生活來選擇案例。這種虛擬項目主要存在以下兩方面的弊端：一是功能過于單一，內容陳舊，與實際應用脫節缺乏實戰性；二是學生通過這種虛擬項目開展實訓，無法形成分析設計實際軟件項目的能力，同時也不利于發掘學生自身的潛能。

（五）對企業網站建設規范、行業前沿趨勢關注不夠

教師對企業網站建設規范不重視，包括一些網站建設基本流程規范、網站域名及網站技術規范、網站優化規范、網頁模版設計規范等，這些教師在教學中往往很少提及。隨著移動互聯網時代的到來，使用智能手機、平板電腦甚至是電視機進行上網的用戶也在持續增加。CSS3和HTML5將逐漸成為針對傳統網站和移動設備網站開發的主流，這些網頁設計趨勢熱點值得教師關注，并在教學中將所授內容適時調整。

（六）評價方式單一

傳統的“平時成績+階段性考核成績+期末成績”的評價方式，不僅無法激發學生的學習熱情，而且課堂效率低下。同時，教師也很難有效地評價學生的實踐動手能力，這不符合職業教育的評價標準。

三、基于CDIO的網頁設計類課程教學改革實踐

結合教學經驗，筆者從課程的特點和知識點出發，以項目為載體進行教學，優化整個教學過程，設計不同的教學情境，采用不同的教學方法，實現學生能力的遞進式增長，彌補傳統教學方法的不足，提高學生的學習能力、應用能力和創新能力。

（一）啟發案例式教學法

在初級階段，確定一個微型項目，創建一個指定主題的完整網站，將項目分解為若干任務，由學生獨立完成。通過啟發式案例任務教學，幫助學生掌握建站的基本技能：需求分析，確定主題；規劃網站結構；設計首頁，配色與頁面布局；設計LOGO；制作Banner；菜單導航；主題換膚；網站測試等。由于網頁設計涉及的知識點較多，操作性和創新性強，因此，可以采用啟發式案例教學法。通過欣賞優秀案例—創設情境—提出問題—準備素材—分析方法—展示結果—模仿操作—歸納總結—發現規律—自主設計的過程，培養學生的策劃能力、色彩感悟能力、結構布局能力和想象力。例如，設計LOGO任務，整理一些知名網站的LOGO給學生欣賞，并挑選一個LOGO作為案例教學。學生通過模仿制作掌握相關的圖像處理技能，同時了解LOGO的基本知識，依據項目主題設計自己喜歡的LOGO圖標。案例教學法通過歸納總結找出規律所在，起到觸類旁通效果，讓學生獲得成就感，激發創新潛力。

（二）項目分組探究教學法

CDIO的教育理念是以產品的研發到運行的生命周期為載體。在技能強化階段，確定一個小型項目，創建一個可選主題的完整的網站，將項目分解為若干任務，并以小組為單位。教師作為整個教學活動的組織者和主導者，引導學生主動學習，并指導學生合理安排工作進度。同時，選擇基礎好、實踐能力較強的學生為組長，由組長協調小組成員共同完成分析需求、討論構思設計、規劃網站結構、素材準備與制作等任務，并填寫在教師提供統一模板的報告中。在制作過程中，教師適時指導解決各組反饋的問題，并鼓勵他們通過網絡搜索，或在專業論壇和技術群中討論等來探究解決，記錄在報告中。作品完成后，組織小組總結和評價，并進行優秀作品展示，同學間交流分享學習收獲和實踐成果，同時由教師進行階段性總結。當然，考慮到學生差異性，教師應監管好整個過程，及時糾正各組中不符合要求的做法，并做好記錄。通過分組合作探究教學，教師要充分地了解學生，及時解決學生學習遇到的困難，引導學生大膽進行問題的探究，及時做好積極的評價。項目分組探究教學法能充分體現“以任務為主線、教師為主導、學生為主體”的教學思想，真正做到“做中學”，從而培養學生的學習能力和解決問題的能力，激發學生的合作意識和自主創新的能力。[3]

（三）綜合項目導向法

在技能鞏固階段，應確定一個真實的中型項目，以項目團隊參與網站開發。學生以真實項目為載體模擬企業的崗位，以不同角色進行分工，從設計網站規劃書確認任務開始，在教師的引導下自主學習，邊學邊做，完成網站項目，然后將各項目團隊的作品交換體驗，提出評價建議，最后修改并展示。[3]這個階段能鞏固和提升學生知識和技能，同時進一步培養學生的團隊協作能力和創新能力，提高學生的綜合素質。本階段的教學強調開發過程的規范化和標準化，培養學生的審美觀和創新能力，注重其新知識的擴展，力求通過美化與優化網站給用戶帶來最佳的體驗。

為了進一步適應職業學校教育改革，教師仍要對該課程的教學進行積極探索，精心設計教學案例和項目，寓教于樂。有效的教學方法可以改善“網頁設計與制作”課程的教學效果，使學生由“學會”轉變為“會學”、“樂學”，激發他們的學習興趣和學習積極性，提高學生的綜合技能和綜合素質。

（四）實施以“多維綜合能力評價”為中心的項目化考核

按筆試、上機實踐、環節報告、小組評價等形式，對學生能力進行多方位的客觀評價。可以采用平時表現（20%）、項目成績（30%）、作品設計（30%），答辯（20%）相結合的評價方式，注意過程化考核，維持學生主動學習的熱情。[4]

（五）課后拓展延伸

注重挖掘學生的課余潛力。充分利用由教師創建并管理的QQ網頁設計專業群、專業教師微博和專業博客，借助這些平臺推薦優秀網頁設計網站、教程手冊、輔助工具、網站模板等，學生可以和同學或教師討論，或在老師的啟發與引導下深入思考問題，培養學生的自主學習能力、交流溝通能力和創新能力，充分發揮學生的能動性。

網頁設計類課程強調對學生網站設計與制作能力的培養。通過實施基于CDIO模式的教學改革，引入了基于項目開發的課程體系，打破了傳統教學模式，使學生感覺耳目一新。學生通過實際參與項目開發，提高了綜合素質和實踐動手能力，取得了良好的教學效果。

[1]陸紅蕾.基于CDIO的“C#面向對象程序設計”教學改革與實踐[J].長沙通信職業技術學院學報，2011（6）:60-62.

[2]楊永健.基于CDIO模式的“.NET程序設計”教學改革研究[J].天津職業院校聯合學報，2012（2）:90-94.

[3]林菲,孫勇.基于CDIO工程教育模式的Web開發課程教學改革[J].中國教育信息化，2012（3）:72-74.

[4]朱瑾鈺.中職《網頁設計與制作》課程教學改革探討略見[J].信息與電腦，2010（10）:209-210.