趙 露，李 廬

（1.安徽電子信息職業(yè)技術(shù)學(xué)院，安徽蚌埠233000；2.安徽財經(jīng)大學(xué)，安徽蚌埠233000）

基于CDIO模式的“網(wǎng)頁藝術(shù)設(shè)計”課程教學(xué)改革與探索

趙 露1，李 廬2

（1.安徽電子信息職業(yè)技術(shù)學(xué)院，安徽蚌埠233000；2.安徽財經(jīng)大學(xué)，安徽蚌埠233000）

對“網(wǎng)頁藝術(shù)設(shè)計”課程教學(xué)現(xiàn)狀進(jìn)行了分析，針對“網(wǎng)頁藝術(shù)設(shè)計”課程教學(xué)存在的問題，從優(yōu)化教學(xué)案例、細(xì)化實踐環(huán)節(jié)、創(chuàng)新考核形式等方面具體闡述了引入CDIO教育模式下的教學(xué)改革與實踐過程。

網(wǎng)頁藝術(shù)設(shè)計；CDIO教育模式；教學(xué)改革

CDIO教育模式是由美國麻省理工學(xué)院和瑞典皇家工學(xué)院等四所大學(xué)組成的跨國研究團(tuán)隊從2000年開始經(jīng)過四年的探索研究提出的一種現(xiàn)代工程教育模式。CDIO意為構(gòu)思（Conceive）、設(shè)計（Design）、實現(xiàn)（Implement）和運(yùn)作（Operate），是“做中學(xué)”原則和“基于項目的教育和學(xué)習(xí)”的集中概括和抽象表達(dá)。它以產(chǎn)品研發(fā)到產(chǎn)品運(yùn)行的生命周期為載體，讓學(xué)生以主動的、實踐的、課程之間有機(jī)聯(lián)系的方式學(xué)習(xí)工程。

“網(wǎng)頁藝術(shù)設(shè)計”是計算機(jī)應(yīng)用專業(yè)的專業(yè)技能課程，旨在培養(yǎng)學(xué)生網(wǎng)頁鑒賞、藝術(shù)設(shè)計和網(wǎng)頁設(shè)計的綜合能力。傳統(tǒng)教學(xué)模式比較注重基礎(chǔ)理論知識的講解，但缺乏對學(xué)生綜合實踐能力的培養(yǎng)。作者針對傳統(tǒng)教學(xué)模式中存在的問題，以CDIO教育理念為指導(dǎo)，探討了“網(wǎng)頁藝術(shù)設(shè)計”課程的教學(xué)改革與實踐，以期提高該課程的教學(xué)水平和教學(xué)質(zhì)量，培養(yǎng)學(xué)生的創(chuàng)新能力、工程實踐能力、團(tuán)隊協(xié)作能力和綜合素質(zhì)。

1 “網(wǎng)頁藝術(shù)設(shè)計”課程教學(xué)現(xiàn)狀分析

隨著互聯(lián)網(wǎng)越來越多地深入人們的生活，“網(wǎng)頁藝術(shù)設(shè)計”已成為高校計算機(jī)專業(yè)的重要專業(yè)技能課程。但從作者了解的情況來看，學(xué)生對這門課程的學(xué)習(xí)效果并不理想。作者在“網(wǎng)頁藝術(shù)設(shè)計”課程的教學(xué)中，對教學(xué)方法、教學(xué)內(nèi)容和教學(xué)手段等方面進(jìn)行了長期的探索和思考，對教材和教參也作了調(diào)研，總結(jié)了該課程在教學(xué)模式中普遍存在的一些問題。

1.1 教學(xué)案例缺少整體構(gòu)思、分析和設(shè)計

目前，“網(wǎng)頁藝術(shù)設(shè)計”課程多以案例教學(xué)為主，很多教材也普遍以案例來組織教學(xué)，但選取的案例卻缺少整體構(gòu)思，案例之間沒有關(guān)聯(lián)性，使學(xué)生不能真正了解網(wǎng)站開發(fā)的全部流程，致使學(xué)生在網(wǎng)站整體布局規(guī)劃和全局把握能力上顯得力不從心。

1.2 課程之間缺乏橫向聯(lián)系

“網(wǎng)頁藝術(shù)設(shè)計”是一門綜合性較強(qiáng)的專業(yè)技能課程，主要培養(yǎng)學(xué)生開發(fā)網(wǎng)站的能力。要想設(shè)計出高質(zhì)量的網(wǎng)頁，學(xué)生必須具備圖像處理、動畫制作和網(wǎng)頁編輯等方面的能力。在傳統(tǒng)的教學(xué)模式中，往往將“網(wǎng)頁藝術(shù)設(shè)計”當(dāng)做一門孤立的課程來講授，這種教學(xué)模式很容易造成學(xué)生的網(wǎng)頁作品效果平平，缺乏表現(xiàn)力。

1.3 教學(xué)過程忽視團(tuán)隊協(xié)作的重要性

在教學(xué)過程中只關(guān)注學(xué)生個人理論知識的掌握和專業(yè)技能的提升，很少關(guān)注團(tuán)隊之間的協(xié)作與溝通，使學(xué)生難以滿足企業(yè)中團(tuán)隊合作的的行業(yè)發(fā)展需求。

1.4 考核形式單一，多以“結(jié)果性”考評為主

傳統(tǒng)“課程設(shè)計+考試”的考核方式，形式單一，缺乏創(chuàng)新，無法激發(fā)學(xué)生學(xué)習(xí)的積極性和創(chuàng)造性，同時教師也很難有效地評價學(xué)生的實踐動手能力和對知識的掌握程度。

2 基于CDIO模式下的“網(wǎng)頁藝術(shù)設(shè)計”課程教學(xué)改革

在“網(wǎng)頁藝術(shù)設(shè)計”課程的改革中，作者借鑒CDIO工程理念，結(jié)合課程的特點和知識點，以企業(yè)中的真實案例或工程項目為依據(jù)，整合教學(xué)內(nèi)容，優(yōu)化教學(xué)過程，設(shè)計不同的教學(xué)情境，建設(shè)“教學(xué)做”一體的學(xué)習(xí)環(huán)境，以學(xué)生為中心，教師為主導(dǎo)，引導(dǎo)學(xué)生以主動的、實踐的方式學(xué)習(xí)和獲取工程實踐能力。

2.1 優(yōu)化教學(xué)案例，注重真實項目開發(fā)，促進(jìn)學(xué)生專業(yè)技能與職業(yè)技能同步發(fā)展

作者在“網(wǎng)頁藝術(shù)設(shè)計”課程教學(xué)過程中貫穿了3～4個完整的實踐項目，為了讓項目更具真實性和可操作性，我們深入合作企業(yè)（蚌埠奧祥網(wǎng)絡(luò)科技有限公司），選取一些企業(yè)做過的或是正在做的項目，通過案例展示吸引學(xué)生，激發(fā)學(xué)生的學(xué)習(xí)興趣，充分調(diào)動學(xué)生的求知欲望。同時將實踐項目分為基礎(chǔ)、提升和高級3個階段，逐步增加難度和復(fù)雜度，讓學(xué)生由淺入深，循序漸進(jìn)地掌握網(wǎng)站制作的整個過程。基礎(chǔ)階段，將蚌埠新城實驗小學(xué)的網(wǎng)站進(jìn)行知識模塊劃分，每個模塊對應(yīng)相關(guān)知識點，然后結(jié)合教學(xué)情景完成網(wǎng)站的制作。在完成該網(wǎng)站的制作后，學(xué)生對網(wǎng)站建設(shè)有了一個初步的了解。提升階段，綜合運(yùn)用所學(xué)知識完成“蚌埠玉博園”網(wǎng)站的制作。高級階段，安排幾個不同主題的綜合性網(wǎng)站設(shè)計項目，讓學(xué)生分組協(xié)作完成。

將企業(yè)項目融入教學(xué)過程，有助于學(xué)生了解企業(yè)所需的專業(yè)知識和職業(yè)技能，掌握企業(yè)項目的制作標(biāo)準(zhǔn)和運(yùn)作流程，讓學(xué)生更好地適應(yīng)企業(yè)的需求。

2.2 細(xì)化實踐環(huán)節(jié)，分組協(xié)作，加強(qiáng)溝通，提高學(xué)生綜合能力

作者將CDIO教育理念貫穿于整個實踐環(huán)節(jié)，對于每個網(wǎng)站的開發(fā)，作者都按照構(gòu)思、設(shè)計、實現(xiàn)、運(yùn)作的理念進(jìn)行，讓學(xué)生在項目的開發(fā)中掌握知識的運(yùn)用和網(wǎng)站設(shè)計的基本要素（如表1）。在每個項目開展之前，教師將學(xué)生按照企業(yè)網(wǎng)站開發(fā)的崗位進(jìn)行分組，每組3人（項目經(jīng)理、美工設(shè)計、網(wǎng)頁制作），網(wǎng)站建設(shè)由項目經(jīng)理組織全組同學(xué)策劃完成。小組成員的分工要定期進(jìn)行輪換，每位成員都要扮演不同的角色，讓每位同學(xué)的綜合能力都能得到提高。

表1 基于CDIO的“網(wǎng)頁藝術(shù)設(shè)計”課程實踐環(huán)節(jié)

（1）構(gòu)思環(huán)節(jié)：教師依據(jù)企業(yè)真實項目，按照企業(yè)要求，充當(dāng)客戶角色，要求學(xué)生對網(wǎng)站進(jìn)行需求分析，并撰寫策劃書，提交教師審核合格后，方可進(jìn)行后面的工作。

（2）設(shè)計環(huán)節(jié)：學(xué)生自己確定網(wǎng)站風(fēng)格，準(zhǔn)備素材，使用photoshop設(shè)計網(wǎng)頁效果圖。教師對效果圖提出修改意見，各小組根據(jù)反饋意見，完善效果圖。

（3）實現(xiàn)環(huán)節(jié)：實現(xiàn)網(wǎng)站建設(shè)，完成網(wǎng)頁規(guī)定的技術(shù)要求。要求至少要包含6種不同類型的頁面，如：單頁面、表單頁面、列表頁面等；網(wǎng)頁間鏈接正確，設(shè)置正確美觀的CSS樣式表文件。

（4）運(yùn)行環(huán)節(jié)：網(wǎng)站發(fā)布，分組進(jìn)行作品展示及答辯，教師根據(jù)每個小組團(tuán)隊的表現(xiàn)給出評價和建議。

通過以上4個環(huán)節(jié)，使整個實踐過程有序、有效地開展。學(xué)生在團(tuán)隊合作的過程中提高了專業(yè)技術(shù)能力、創(chuàng)新能力和團(tuán)隊協(xié)作能力，逐步形成了運(yùn)用所學(xué)知識設(shè)計產(chǎn)品的能力。在完成實踐項目的同時，學(xué)生也深刻體會到Photoshop、二維動畫、網(wǎng)頁設(shè)計等相關(guān)課程之間的聯(lián)系。

2.3 創(chuàng)新考核形式，注重過程化考核，真正促進(jìn)學(xué)生進(jìn)步

在課程的考核評價上，改變原有的“結(jié)果性”考核方式，采用基于過程化考核的多元化考核評價機(jī)制。具體操作：（1）平時出勤。將每次上課學(xué)生的出勤情況記錄到班級考勤表上。占考核的10%。（2）平時上課的案例和實訓(xùn)作業(yè)。課堂講解的案例和每章的實訓(xùn)作業(yè)要求學(xué)生上傳，教師收集、批閱并登記在冊。占考核的20%。（3）綜合實訓(xùn)。將綜合實訓(xùn)的內(nèi)容進(jìn)行細(xì)分，包括首頁效果圖、子頁效果圖、banner動畫、用Dreamweaver布局主頁、用Dreamweaver布局子頁，對學(xué)生每一個過程的完成情況進(jìn)行檢查并記錄，結(jié)合最終效果，給出評價。占考核的30%。（4）課程設(shè)計。根據(jù)每組學(xué)生完成項目的實際情況以及答辯的表現(xiàn)情況進(jìn)行評價。占考核的40%。通過分過程、分階段、分項目對學(xué)生進(jìn)行綜合評價，讓考核貫穿在整個學(xué)習(xí)過程中，使學(xué)生重視每個教學(xué)環(huán)節(jié)，提高了教學(xué)質(zhì)量。

3 結(jié)語

通過將CDIO的教育理念融入到“網(wǎng)頁藝術(shù)設(shè)計”課程的教學(xué)、實踐和考核，學(xué)生普遍認(rèn)為自己熟悉了網(wǎng)頁制作的整體流程，掌握了制作網(wǎng)頁的方法；激發(fā)了學(xué)生自主學(xué)習(xí)、研發(fā)和解決問題的積極性；大大增強(qiáng)了學(xué)生的人際溝通能力、項目設(shè)計能力和團(tuán)隊協(xié)作能力；同時也大大提高了教師的工程實踐能力。

[1]李輝.高職課程CDIO教學(xué)模式的設(shè)計與實施[J].計算機(jī)教育,2010,(11):91-93.

[2]田永曄,江兆銀.CDIO模式在《網(wǎng)頁設(shè)計與制作》課程改革中的探索與實踐[J].福建電腦,2013,(12):53-55.

（責(zé)任編輯：朱彬）

An Exploration of Teaching Reform about“Web Design”

ZHAO Lu;LI Lu
(1.Anhui Vocational College of Electronics&Information Technology,Bangbu 233000,China;2.Anhui University of Finance and Economics,Bangbu 233000,China)

After analyzing the status quo of the teaching about the course“Web Design”,the author of this paper,given the existing problems about this course,explores the teaching reform and practical process on the basis of the CDIO model in terms of teaching case, practical link,test form,etc.

Web Design;CDIO model;teaching reform

G712

C

1009-3583（2015）-0136-03

2014-12-11

趙 露，女，安徽蚌埠人，安徽電子信息職業(yè)技術(shù)學(xué)院講師，碩士。研究方向：計算機(jī)圖形圖像。