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

趙 露，李 廬

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

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

趙 露1，李 廬2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 結(jié)語(yǔ)

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

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

[2]田永曄,江兆銀.CDIO模式在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程改革中的探索與實(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ì)算機(jī)圖形圖像。