趙震奇

以往網(wǎng)頁設(shè)計類課程的教學強調(diào)HTML語法知識，輕視學生在色彩、結(jié)構(gòu)以及團隊協(xié)作能力等方面的培養(yǎng)。大部分學生即便系統(tǒng)地掌握了網(wǎng)頁設(shè)計基礎(chǔ)知識，也不能很好地完成后續(xù)實踐課程與動態(tài)系統(tǒng)的開發(fā)。因此，網(wǎng)頁設(shè)計與制作課程教學可以采用CDIO工程教育模式，探索教學環(huán)節(jié)與實踐環(huán)節(jié)案例的設(shè)置策略與方案。實踐證明，這種教學模式的運用在具有較強工程背景與應(yīng)用價值的案例的學習與實踐中，培養(yǎng)了學生的實際動手能力，能很好地銜接學生的理論知識和實際應(yīng)用能力。

一、CDIO工程教育模式

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

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

二、網(wǎng)頁設(shè)計類課程教學中存在的問題

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

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

（二）課程實踐部分欠缺關(guān)聯(lián)性

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

（三）缺乏課程之間的橫向聯(lián)系

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

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

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

（五）對企業(yè)網(wǎng)站建設(shè)規(guī)范、行業(yè)前沿趨勢關(guān)注不夠

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

（六）評價方式單一

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

三、基于CDIO的網(wǎng)頁設(shè)計類課程教學改革實踐

結(jié)合教學經(jīng)驗，筆者從課程的特點和知識點出發(fā)，以項目為載體進行教學，優(yōu)化整個教學過程，設(shè)計不同的教學情境，采用不同的教學方法，實現(xiàn)學生能力的遞進式增長，彌補傳統(tǒng)教學方法的不足，提高學生的學習能力、應(yīng)用能力和創(chuàng)新能力。

（一）啟發(fā)案例式教學法

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

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

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

（三）綜合項目導向法

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

為了進一步適應(yīng)職業(yè)學校教育改革，教師仍要對該課程的教學進行積極探索，精心設(shè)計教學案例和項目，寓教于樂。有效的教學方法可以改善“網(wǎng)頁設(shè)計與制作”課程的教學效果，使學生由“學會”轉(zhuǎn)變?yōu)椤皶W”、“樂學”，激發(fā)他們的學習興趣和學習積極性，提高學生的綜合技能和綜合素質(zhì)。

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

按筆試、上機實踐、環(huán)節(jié)報告、小組評價等形式，對學生能力進行多方位的客觀評價?？梢圆捎闷綍r表現(xiàn)（20%）、項目成績（30%）、作品設(shè)計（30%），答辯（20%）相結(jié)合的評價方式，注意過程化考核，維持學生主動學習的熱情。[4]

（五）課后拓展延伸

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

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

[1]陸紅蕾.基于CDIO的“C#面向?qū)ο蟪绦蛟O(shè)計”教學改革與實踐[J].長沙通信職業(yè)技術(shù)學院學報，2011（6）:60-62.

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

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

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