基于CDIO理念下的《網頁設計》教學思考

康俊霞 陳海濤

（張家口職業技術學院信息工程系，河北 張家口 075000）

0 引言

隨著網絡的發展網頁設計更加得到了人們的重視,它本身以網絡為載體，以最便捷的方式將信息傳達給觀眾。當今高職院校的學生主要學習網頁設計的一些基本概念，網站的基本結構和網頁布局，學會使用網頁制作的基本工具和開發語言，清楚網站規劃的基本流程。通過對該門課的學習，而必須具備解決網頁設計、網站開發中出現的各種問題的能力，并且在學習的過程中逐步培養學生的職業素養和創新能力，為今后走向社會，服務崗位打下堅實的理論和實踐基礎。而要達到這樣的目標，教師就要想方設法激發學生的興趣，認真設計每個教學環節，仔細觀察學生課堂表現，認真記錄，并不時總結經驗和吸取教訓。而CDIO工程教育理念正是當今國際高等工程教育的一種創新模式。是麻省理工學院（MIT）和瑞典皇家工學院等四所大學從2000年起經過探索研究所創建的一套國際工程教育模式。系統地提出了能力培養、實施過程、實施指導和結果檢驗的12條標準，具有很強的可操作性。在高職進行CDIO工程教育模式，通過運用CDIO工程教育模式來激發學生的學習興趣，學會設計、學會思考、學會溝通、學會解決問題，并逐漸培養他們的創新力，同時促進教師自身理論與實踐水平得以提升。

1 CDIO理念的指導

1.1 分析學生

學習的過程實際上就是學生對知識建構的過程。每個學生都存在著這樣那樣的個體差異，學生對知識理解速度的快慢、領悟能力的高低等各不相同，因此，作為教師要進行課前導入，通過調查問卷、訪談或者前測去了解學生的初始情況，如已有的計算機相關知識、學習過的課程、初步掌握的計算機操作能力等，然后再進行符合學生情況的教學設計。學生分析是教學設計的必要前提條件。

1.2 分析課程內容

《網頁設計》是一門綜合性、實踐性很強的課程，它要求學生能夠綜合運用圖片處理軟件、網頁制作軟件、動畫制作軟件完成各種類型網站的靜態頁面設計和制作，同時，為更好的掌握一些動態網頁制作打下基礎，因此，比如ASP語言、JSP語言等來豐富學生的知識面，為學生進一步提高編程能力打下基礎。HTML語言是網頁制作的基礎性語言，雖然目前一般企業都不直接用HTML編寫網頁，但是在網頁調整和修改過程中有時需要對HTML源代碼進行操作，所以軟件公司在招聘時會考察應聘者對HTML的掌握情況，對自由擇業的高職學生而言，掌握HTML也非常重要。Adobe Dreamweaver CS5是一款集網頁制作和管理網站于一身的所見即所得的網頁編輯器，針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁，需要在課堂上重點講解。為了更好的適應企業“網頁設計師”崗位的用人需求，因此在有限的教學時間內必須有所側重。

1.3 CDIO教學模式的應用

CDIO的具體內容包括構思 （Conceive）、 設計 （Design）、 實現（Implement）和運作（Operate）,它以產品研發到產品運行的生命周期為載體，讓學生以主動的、實踐的、課程之間有機聯系的方式學習工程。其流程如下圖。

學習任務也可以分小組設定，3—5人一組，便于協作、討論、分工、責任、實現。當然小組形式多種多樣，可以自由組合，也可以按愛好興趣分組。由于網頁制作涉及到整體規劃、內容整理、圖形處理、頁面制作等多個環節，采用小組方式可以讓每個人負責自己擅長的那部分，這樣一方面展現了學生個人能力，滿足了學生的成就感；一方面也分擔了網頁制作的工作量，提高了學生的學習興趣。另外，學生將來到企業中從事網頁制作工作的時候，往往也是以團隊的形式完成工作，所以通過小組形式培養團隊協作能力，有助于學生在未來工作中提高團隊意識，更好的適應團隊工作。首先通過從展示往屆學生制作的精美網頁和網站，來組織學生討論并闡述自己的理想，為自己構思網站。通過設計中存在的問題來一步步提高技術能力和積累經驗，從而進一步激發學生進一步探索網頁制作知識的欲望（比如ASP、JSP等知識），最后運行環節還可以成為學生展現自我、推銷自我的舞臺。教師在每個教學環節結束，都要引導學生認真總結遇到的問題，使學生解決困惑，收獲知識和技能。并對個人表現、提問頻率、操作熟練度、任務完成情況等，對每個成員和小組做出評價，以便作為平時成績的依據。教師作為“平等中的首席”，讓學生在整個學習過程中都感覺到熱情、積極、創新的全新的心態。這樣，學生即使遇到困難也不會退縮，會樂觀而積極的走下去。

2 結束語

實踐是檢驗真理的唯一試金石，本研究將CDIO理念引入到教學實踐中，必將為教學理論與實踐開拓出新局面和增添新活力，同時也為該理念的應用提供實踐支持，為教學改革提供更多思考方式。對于學習者，在教師沒有改變的情況下，通過前測學習者基本水平相似，對比分析近1年在沒有使用新的教學方案和使用新的教學方案的情況下，得出的數據。學習結果情況，數據來源于兩個班的考試成績（考試以實戰能力來測評），進行對比。在技術能力提升方面表現為：從宏觀上表現為課堂的學習氣氛比之前要活躍，學習的交互比較積極，學生的學習能力有明顯的提高，能夠編寫復雜的程序，做出精美的網站。

微觀上具體體現在學習目標更加明確，學習內容，重點突出，開始對一些難點進行深度解析。學習組織活動方面：能夠從構思（Conceive）、設計（Design）、實現（Implement）和運作（Operate）四個方面進行。對于媒體的使用，能夠與教學過程緊密融合。教師和學生的關系從之前的師生在學習過程中交互缺少連續性，關系比較機械，變為能夠緊密聯系，學生與教師互動比之前有所好轉。

整個研究過程，確實遇到了很多困難和問題，包括研究人員的分工合作、工作任務的繁重、質的研究方法使用、時間安排、技術問題等。雖然，這些困難多少給研究帶來了的一些影響，針對實際情況，我們在排除客觀條件的影響之外，從活動組織、課堂交互、實驗安排、情感交流到教師言語、授課風格等諸多方面進行了合理的改進。希望通過研究將CDIO理念的滲透到學生的學習過程中，來影響和干預不同學習者的學習風格、影響教師如何組織教學活動，真正將一個好理論很好的運用到教學實踐中去，并如何發展，這將成為我們的思考和繼續延續研究的動力。

［1］查建中.論“做中學”戰略下的 CDIO 模式[J].高等工程教育研究,2008(3)：1-3.

［2］俞華鋒,淺談《網頁制作》在高職院校中的教學[J].中國科技信息,2005(10).

［3］重新認識工程教育－國際 CDIO培養模式與方法[M].顧佩華,等,譯.高等教育出版社,2009.