廣西職業(yè)技術(shù)學(xué)院 王顯梅

基于CDIO理念的《網(wǎng)頁設(shè)計制作》課程教學(xué)改革研究與實(shí)踐

廣西職業(yè)技術(shù)學(xué)院 王顯梅

針對傳統(tǒng)網(wǎng)頁設(shè)計制作課程教學(xué)過程中授課中存在的問題，引入CDIO教育理念進(jìn)行教學(xué)改革，該理念體現(xiàn)了產(chǎn)品的構(gòu)思、設(shè)計、實(shí)現(xiàn)和運(yùn)行，實(shí)踐表明，這種理念給教學(xué)帶來了良好的教學(xué)效果，提高專業(yè)技能的同時也激發(fā)了學(xué)生的學(xué)習(xí)興趣，培養(yǎng)了學(xué)生的團(tuán)隊合作精神，為今后走上工作崗位奠定了堅實(shí)的基礎(chǔ)。

CDIO；教學(xué)改革；項目驅(qū)動

1.引言

隨著“互聯(lián)網(wǎng)+”的到來，互聯(lián)網(wǎng)已變得更為普及和重要，它逐漸的滲透到人們生活的各個方面，互聯(lián)網(wǎng)+各個行業(yè)這并非是二者簡單的相加，它主要是利用互聯(lián)網(wǎng)平臺和信息通信技術(shù)把各個行業(yè)和互聯(lián)網(wǎng)進(jìn)行有效的、深度的融合。相比其它的宣傳工具，網(wǎng)頁是最經(jīng)濟(jì)、快捷的信息傳遞載體，是經(jīng)濟(jì)發(fā)展的新形態(tài)。如今，越來越多的單位和個人已懂得利用網(wǎng)站進(jìn)行信息的發(fā)布、數(shù)據(jù)的收集和交流，電子商務(wù)逐漸覆蓋城鎮(zhèn)甚至農(nóng)村，在此背景下網(wǎng)頁課程的開設(shè)變得尤為重要。根據(jù)社會對人才的需求，借鑒CDIO工程教育理念對該網(wǎng)頁設(shè)計制作課程的教學(xué)進(jìn)行改革，以此提高學(xué)生的專業(yè)技能和職業(yè)素養(yǎng)。

2.CDIO工程教育理念

CDIO工程教育模式是麻省理工學(xué)院和瑞典皇家工學(xué)院等四所大學(xué)組成的跨國研究，經(jīng)過四年的探索研究，創(chuàng)立了CDIO工程教育理念。CDIO代表構(gòu)思（Conceive）、設(shè)計（Design）、實(shí)現(xiàn)（Implement）和運(yùn)行（Operate），它從產(chǎn)品的構(gòu)思研發(fā)到產(chǎn)品完成運(yùn)行的生命周期為載體，讓學(xué)生以主動的、實(shí)踐的、課程之間有聯(lián)系的方式進(jìn)行學(xué)習(xí)。

3.課程教學(xué)現(xiàn)狀

3.1 課程之間缺乏關(guān)聯(lián)性

在人才培養(yǎng)方案設(shè)計中，沒有注重課程的開課先后順序，即某門課程是某些課程的先導(dǎo)或后續(xù)課程，只是單純的認(rèn)為這門課程對學(xué)生有用，社會對這方面的需求量大，而在實(shí)際的課程設(shè)計中，網(wǎng)頁設(shè)計制作這門課程它是一門涉及到很多知識的課程，而在實(shí)際的教學(xué)過程中很多授課不注重各實(shí)踐內(nèi)容之間的關(guān)聯(lián)性，學(xué)生沒有領(lǐng)會系統(tǒng)地解決實(shí)際問題的理念，實(shí)踐綜合能力很難得到提高。這種教學(xué)方式顯然無法培養(yǎng)學(xué)生獨(dú)立分析問題與解決問題的能力，更無法達(dá)到由學(xué)生自主設(shè)計一個完整網(wǎng)站的能力，導(dǎo)致課程的培養(yǎng)目標(biāo)變成了一種口號。

3.2 知識傳授碎片化

在授課過程中，很多教師把網(wǎng)頁中單個知識點(diǎn)單獨(dú)分開來講，然后讓學(xué)生進(jìn)行上機(jī)實(shí)踐，在上課過程中，學(xué)生按照老師的實(shí)驗(yàn)指導(dǎo)書完成實(shí)驗(yàn)，或者完全按教材的操作步驟完成實(shí)驗(yàn)。實(shí)驗(yàn)完成學(xué)生也不再反思，脫離步驟再做相同類型的作業(yè)還是不會，不知如何下手，整個實(shí)驗(yàn)過程學(xué)生都處于被動狀態(tài)，學(xué)生沒有發(fā)揮其主觀能動性，沒有達(dá)到預(yù)期效果。

3.3 教學(xué)內(nèi)容缺乏實(shí)用性

傳統(tǒng)的授課模式是單向傳遞，按照教學(xué)大綱完成授課內(nèi)容，沒有以實(shí)際需求出發(fā)，缺乏項目背景，僅僅只是為了熟悉軟件而隨意性的制作一些小案例，這樣難以激發(fā)學(xué)生學(xué)習(xí)的積極性，更無法了解真實(shí)項目中該掌握哪些知識，以及整個項目的開發(fā)流程，這對學(xué)生的實(shí)踐能力沒有達(dá)到鍛煉的目的。

3.4 缺乏團(tuán)隊意識的培養(yǎng)

網(wǎng)頁制作關(guān)鍵在“做”，而且要多做，在很多的軟件操作課程中，傳統(tǒng)的教學(xué)方法只側(cè)重技術(shù)的傳授以及學(xué)生個人作品的制作，教師不注重培養(yǎng)學(xué)生的團(tuán)隊意識，導(dǎo)致學(xué)生出到社會不適應(yīng)，而在實(shí)際工作中往往涉及到需要一個團(tuán)隊的合作來共同完成一個項目。

4.基于CDIO理念的“網(wǎng)頁設(shè)計制作”教學(xué)改革

4.1 課程體系的改革

隨著信息化社會的到來，很多公司企業(yè)都有自己的網(wǎng)站，所以在學(xué)校的很多專業(yè)都開設(shè)有網(wǎng)頁制作這門課程，但課程的開設(shè)并非孤立的，它需要具有一定的計算機(jī)基礎(chǔ)操作能力才能進(jìn)行學(xué)習(xí)，同時它也是其它后續(xù)課程的基礎(chǔ)?！熬W(wǎng)頁設(shè)計制作”主要是培養(yǎng)學(xué)生規(guī)劃設(shè)計與制作網(wǎng)站的能力，在開發(fā)過程中涉及很多工序，其中包括網(wǎng)站的前期工作（定主題、收集素材）、制作作品、網(wǎng)站發(fā)布和后期維護(hù)等工作。在設(shè)計制作的過程中，為了讓網(wǎng)站做得更美觀，這需要涉及到很多方面的知識，例如：圖片處理，動畫制作等。一個功能完善的網(wǎng)站除了有展示內(nèi)容的功能，還有與瀏覽者的交互，數(shù)據(jù)的讀寫等等。一個功能完善的網(wǎng)站往往包括前臺和后臺的制作，所以在課程體系設(shè)計時，經(jīng)常要考慮課程開設(shè)的先后順序問題。針對網(wǎng)頁設(shè)計制作這門課程，它的前導(dǎo)課程包括“計算機(jī)基礎(chǔ)”、“圖像處理”、“動畫制作”、“數(shù)據(jù)庫基礎(chǔ)”等，后續(xù)課程有“網(wǎng)絡(luò)編程技術(shù)”。

4.2 教學(xué)內(nèi)容的改革

基于CDIO工程教育理念，教學(xué)過程應(yīng)圍繞構(gòu)思、設(shè)計、實(shí)現(xiàn)和運(yùn)行進(jìn)行開展教學(xué)，注重培養(yǎng)學(xué)生的主觀能動性。

（1）激發(fā)興趣

在網(wǎng)頁制作中，不管是開發(fā)哪種類型的網(wǎng)站，在追求網(wǎng)頁視覺效果美觀的同時，不要忘記網(wǎng)站的實(shí)用性。網(wǎng)頁設(shè)計制作的教學(xué)內(nèi)容應(yīng)以項目為導(dǎo)向，把各個知識融入到項目中，且設(shè)計的項目要貼近生活，以解決身邊生活的需求出發(fā)來開發(fā)項目，這樣可以激發(fā)學(xué)生學(xué)習(xí)的興趣。例如：個人網(wǎng)站、班級網(wǎng)站、校園社團(tuán)網(wǎng)站等的制作，制作這些網(wǎng)站所需要的知識，從簡單到復(fù)雜，一步步深入。

（2）內(nèi)容的選擇

傳統(tǒng)的教學(xué)都是以知識點(diǎn)為單位進(jìn)行傳授，教學(xué)內(nèi)容不夠系統(tǒng)化，雖學(xué)習(xí)了某個知識點(diǎn)，但不懂如何應(yīng)用到真實(shí)項目中。在CDIO教育理念中，強(qiáng)調(diào)知識的連貫性，更體現(xiàn)了學(xué)中做、做中學(xué)的教學(xué)模式，對網(wǎng)頁設(shè)計制作課程的目標(biāo)定位和教學(xué)內(nèi)容進(jìn)行了重新的規(guī)劃。課程目標(biāo)要求學(xué)生具備有網(wǎng)站的需求分析、規(guī)劃布局、制作以及測試上傳等實(shí)踐綜合能力。

制作一個美觀且功能完善的網(wǎng)站涉及到很多軟件，例如：Dreamweaver、Photoshop、Flash、數(shù)據(jù)庫和.NET等軟件。由于各專業(yè)的培養(yǎng)目標(biāo)不同，故可根據(jù)不同的專業(yè)進(jìn)行課程的取舍，以及課時的設(shè)定。表1是經(jīng)濟(jì)信息管理專業(yè)基于CDIO的網(wǎng)頁設(shè)計制作課程的教學(xué)安排。

4.3 教學(xué)方法的改革

（1）基于CDIO模式的項目驅(qū)動法

CDIO理念是基于真實(shí)項目為背景，以項目的需求、規(guī)劃設(shè)計、制作和運(yùn)行的生命周期為載體，培養(yǎng)學(xué)生專業(yè)技術(shù)及獨(dú)立解決問題的能力。所謂真實(shí)項目，可以以一個社團(tuán)、班級、超市、公司等為主題制作網(wǎng)站。學(xué)生自己動手，通過與對方的交流，制定網(wǎng)站的功能。學(xué)生自己收集制作網(wǎng)站所需的素材，規(guī)劃目錄結(jié)構(gòu)、設(shè)計網(wǎng)頁布局和制作，最后網(wǎng)站制作完成、測試、上傳等，從最初的項目需求到產(chǎn)品完成，這一系列工作將由學(xué)生自己完成，從簡單到復(fù)雜，從遇到問題到解決問題，以學(xué)生為主，教師為輔，把所要傳授的知識點(diǎn)溶入到項目中。通過由最初的構(gòu)思到最后項目的完成，在這過程中學(xué)生通過遇到問題然后不斷的解決問題，學(xué)生學(xué)到了知識，同時也有成就感，激發(fā)學(xué)生學(xué)習(xí)的興趣。

表1

（2）通過項目互評達(dá)到共同提高

項目完成后，每個學(xué)生把自己制作的產(chǎn)品進(jìn)行展示及簡單的介紹，從產(chǎn)品構(gòu)思、設(shè)計到實(shí)現(xiàn)都進(jìn)行介紹，其他同學(xué)可以提出自己的疑問。這種教學(xué)方法，雖然對學(xué)生有一定的壓力，但有壓力才有動力，學(xué)生在制作過程中才會認(rèn)真去對待，同時也鍛煉了學(xué)生的表達(dá)能力及膽量，在展示過程中，同學(xué)之間可以看到自己跟別人的差距，通過提問題同學(xué)之間可以互相提高，最后由老師進(jìn)行點(diǎn)評。

（3）培養(yǎng)團(tuán)隊精神

團(tuán)隊精神是一個企業(yè)成功的基石，企業(yè)之間的競爭不是個人賽，而是團(tuán)體賽，所以企業(yè)要發(fā)展，培養(yǎng)團(tuán)隊精神是關(guān)鍵。一個功能強(qiáng)大的網(wǎng)站，背后會有一個開發(fā)團(tuán)隊，素材收集的、美工的、前臺開發(fā)、后臺開發(fā)及測試人員等等，所以在授課過程中，要培養(yǎng)學(xué)生的團(tuán)隊意識。在項目制作時，學(xué)生可以3-5個人一組，確定每組中每位同學(xué)的任務(wù)，不能有偷懶的同學(xué)，學(xué)生按照自己所擅長扮演不同的角色，例如：有些同學(xué)口才好的，可以去跟客戶交流，確定網(wǎng)站功能；有些繪畫好的并懂得使用圖片處理軟件的，可以做網(wǎng)頁美工方面等等。為了保證項目的順利進(jìn)行，每個組都選出一個組長，組長主要負(fù)責(zé)整個設(shè)計的組織與協(xié)調(diào)工作，當(dāng)然教師在這程中也要進(jìn)行監(jiān)督。

5.考核方式

考核是對學(xué)習(xí)這門課程的一個成果檢驗(yàn)方式，傳統(tǒng)的考核是在規(guī)定的時間內(nèi)給學(xué)生提供素材及網(wǎng)頁效果圖，然后讓學(xué)生使用已有素材按照效果圖進(jìn)行制作。這種考核方式太過片面，在考核過程中有些學(xué)生較為緊張，或機(jī)器出現(xiàn)問題結(jié)果什么也做不出來。在CDIO理念模式下，注重過程考核，學(xué)生平時的作品、現(xiàn)場匯報效果、出勤等都作為考核的一部分。

6.結(jié)束語

CDIO教育理念的引入，是網(wǎng)頁設(shè)計制作教學(xué)改革的一種創(chuàng)新模式，更進(jìn)一步深化了“學(xué)中做-做中學(xué)-學(xué)做合一”的教學(xué)方法，學(xué)生明確學(xué)習(xí)目標(biāo)，激發(fā)學(xué)習(xí)興趣，以學(xué)生為主，教師為輔，調(diào)動了學(xué)生學(xué)習(xí)的積極性，培養(yǎng)了學(xué)生的團(tuán)隊精神同時也增強(qiáng)了項目開發(fā)的能力及解決問題的能力，為學(xué)生將來就業(yè)打好基礎(chǔ)。

[1]顧佩華.CDIO在中國(上)[J].高等工程教育研究,2012,(3).

[2]顧佩華.CDIO在中國(下)[J].高等工程教育研究,2012,(5).

[3]周鑫.淺談技術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用[J].科技信息,2011,17.

[4]季恒.基于CDIO理念的《網(wǎng)頁設(shè)計》教學(xué)改革與實(shí)踐[J].湖北函授大學(xué)學(xué)報,2012,25(3):82.

[5]葉根梅.基于CDIO的“網(wǎng)頁設(shè)計與制作”課程教學(xué)改革實(shí)踐[J].通化師范學(xué)院學(xué)報,2014,35(2):72.

王顯梅（1978－），女，廣西陸川人，碩士，實(shí)驗(yàn)師，主要研究方向：圖像處理技術(shù)、數(shù)據(jù)庫技術(shù)與網(wǎng)站開發(fā)。

廣西區(qū)教育廳自然科學(xué)基金資助項目（KY2015YB384）。