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

廣西職業技術學院 王顯梅

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

廣西職業技術學院 王顯梅

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

CDIO；教學改革；項目驅動

1.引言

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

2.CDIO工程教育理念

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

3.課程教學現狀

3.1 課程之間缺乏關聯性

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

3.2 知識傳授碎片化

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

3.3 教學內容缺乏實用性

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

3.4 缺乏團隊意識的培養

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

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

4.1 課程體系的改革

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

4.2 教學內容的改革

基于CDIO工程教育理念，教學過程應圍繞構思、設計、實現和運行進行開展教學，注重培養學生的主觀能動性。

（1）激發興趣

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

（2）內容的選擇

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

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

4.3 教學方法的改革

（1）基于CDIO模式的項目驅動法

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

表1

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

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

（3）培養團隊精神

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

5.考核方式

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

6.結束語

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

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

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

[3]周鑫.淺談技術在網頁設計中的應用[J].科技信息,2011,17.

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

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

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

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