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

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

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

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

CDIO；教學改革；項目驅(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)進行有效的、深度的融合。相比其它的宣傳工具，網(wǎng)頁是最經(jīng)濟、快捷的信息傳遞載體，是經(jīng)濟發(fā)展的新形態(tài)。如今，越來越多的單位和個人已懂得利用網(wǎng)站進行信息的發(fā)布、數(shù)據(jù)的收集和交流，電子商務逐漸覆蓋城鎮(zhèn)甚至農(nóng)村，在此背景下網(wǎng)頁課程的開設變得尤為重要。根據(jù)社會對人才的需求，借鑒CDIO工程教育理念對該網(wǎng)頁設計制作課程的教學進行改革，以此提高學生的專業(yè)技能和職業(yè)素養(yǎng)。

2.CDIO工程教育理念

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

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

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

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

3.2 知識傳授碎片化

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

3.3 教學內(nèi)容缺乏實用性

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

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

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

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

4.1 課程體系的改革

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

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

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

（1）激發(fā)興趣

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

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

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

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

4.3 教學方法的改革

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

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

表1

（2）通過項目互評達到共同提高

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

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

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

5.考核方式

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

6.結(jié)束語

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

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

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

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

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

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

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

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