基于CDIO工程教育模式的中職學校電子商務專業《網頁設計》課程教學實踐

劉劍勇

摘要：隨著國家對職業教育越來越重視，在大力發展職業教育背景下，為社會培養高質量的技能型人才是各個中職學校的首要目標，因此CDIO工程教育模式在中職學校的應用和推廣越來越多，本文以CDIO工程教育模式下對中職教育《網頁設計》課程的教學進行改革探究。

關鍵詞：CDIO中職學校電子商務網頁設計教學實踐

隨著技術的更新換代，經濟的飛速發展，教育理念也不斷的更新，教育領域不斷的引進西方先進的教學理念。歐美成熟的CDIO工程教育模式（Conceive構思、Design設計、Implement實施、Operate運行）也在中國職業教育當中落地生根，CDIO工程教育模式能夠提升學生的技能技巧掌握，能夠提升學生的組織創新能力。CDIO在網頁設計課程的應用是本文重點探討的焦點。網頁設計課程要根據教學需求，根據教學目標進行課程教學實踐改革，在課程規劃上實現CDIO理念的教學并把項目教學內容落實到CDIO各個環節當中，滿足社會對學生掌握技能要求的不斷提高。

一、CDIO工程教學理念概述

從2000年起，麻省理工學院和瑞典皇家工學院等四所大學經過四年的探索研究，創立了CDIO工程教育理念，CDIO工程教育模式是近年來國際工程教育改革的最新成果。CDIO代表構思（Conceive）、設計（Design）、實現（Implement）和運作（Operate），它以產品研發到產品運行的生命周期為載體，讓學生以主動的、實踐的、課程之間有機聯系的方式學習工程。CDIO培養大綱將工程畢業生的能力分為工程基礎知識、個人能力、人際團隊能力和工程系統能力四個層面，大綱要求以綜合的培養方式使學生在這四個層面達到預定目標。系統的提出了技術知識和推理能力、個人職業技能和職業道德、人際交往技能：團隊協作和交流和企業和社會的構思，設計，實施和運行（CDIO）系統四個目標的12個標準。在中職學校課程當中通過運用CDIO工程教育模式來激發學生的學習興趣，學會設計、學會思考、學會溝通、學會解決問題，并逐漸培養他們的創新力.同時促進教師自身理論與實踐水平得以提升。

二、課程分析

《網頁設計》課程是電子商務專業核心課程，同時也是一門綜合性很強的一門課程，需要學生能夠靈活利用圖片、動畫、文字、音樂等一系列素材進行各種網站制作完成的一個過程。中職學生認知水平相對較弱，因此如果是動態網站設計對學生要求較高，不符合學生特點，因此中職學校電子商務專業的網頁設計課程是以靜態頁面設計為主，能夠完成靜態頁面的設計和制作是中職學生掌握的要求。前期課程學生已經上完Photoshop應用課程，對網頁設計工具掌握較好。電子商務專業的網頁設計課程主要的教學目標是讓學生掌握HTML頁面開發技術以及CSS層疊樣式表應用。利用CDIO教學模式對網頁設計課程進行教學改革，能夠使學生基于下項目完成課程的學習，掌握靜態網頁設計，能夠適應網頁設計師崗位。

三、教學項目設計

根據CDIO教學模式的理念，把現有教材的教學內容進行整合，現有教材基本上是以軟件應用為指引，強調工具的使用，但是中職學校電子商務專業的學生對軟件開發相對欠缺，如果按照教材從靜態頁面到動態頁面相關工具的使用來進行教學將會讓學生無所適從，因此我們根據中職學生特點，對教學內容進行重新編排，以項目完成為教學指引，讓學生在完成項目當中掌握教學內容。

電子商務專業網頁設計課程教學項目：1.站點建立與管理，項目模塊為構建網站環境和創建和管理服裝商城站點；2.頁面排版設計，項目模塊為制作HTML頁面、制作表單頁面和制作表格頁面；3.多媒體素材應用，項目模塊為圖片插入和動畫插入；4. CSS層疊樣式表，項目模塊為CSS+DIV布局商城首頁、CSS+DIV布局商城內容頁；5.超級鏈接應用，項目模塊為文字添加超級鏈接和多媒體素材添加超級鏈接；6.商城網站構建，項目模塊為模板庫的創建和使用、基于模板制作網頁和制作完成服裝商城；7.網站發布，項目模塊為商城網站完整性檢查、商城網站測試和商城發布。

以上教學項目是根據CDIO教育理念，從網頁產品制作的角度進行設計，涵蓋了網頁這一產品的構思、設計、實現、運行四大模塊為載體，能夠提升電子商務專業學生的網頁設計能力，符合企業對中職學校學生的技能要求。

除了學生要完成以上7個教學項目17個項目模塊之外，還要進行相應的案例項目講解，中職學生自主學習能力相對較弱，因此在這里引進教師案例項目，通過案例學習進行軟件的學習和教學項目完成工具的使用，起到鋪墊作用；不斷的演示操作和重點描述講解能夠在教學當中起到強化作用。

教學項目表中1-5教學項目11個項目模塊是學生掌握Dreamweaver網頁制作軟件而進行的，通過這5個教學項目11個模塊能夠讓學生學習靜態頁面的基本構成，包括各種HTML標簽、表格表單的設計、超級鏈接的使用、CSS樣式表結合DIV標簽對頁面進行布局等等Dreamweaver軟件的功能學習，為后續的網頁設計打下良好的基礎。

教學項目6、7總共6個項目模塊是對學生綜合設計能力的培養。通過單個頁面設計項目的進行，讓學生能夠在網站設計建設過程當中，掌握網站的基本知識。例如網站設計的需求分析、網站主題的確定、網站結構規劃、網站布局和美工、設計LOGO、制作網站BANNER、設計導航等等。啟發學生獨立完成產品的全生命周期，也通過教學項目培養學生的網站策劃能力、色彩感知能力、網頁結構布局能力和網頁設計想象能力，利用小組協作完成整個網站并測試上線，讓學生以教學項目為情景，代入到實際的工作崗位情景當中，對小組成員進行角色分配和分工，教師在項目實施過程當中起到組織和督促作用，學生自主小組協作，完成教學項目，鍛煉學生的團隊精神和小組協作能力，讓學生獲得操作感、成就感，激發創新創作欲望和潛力。

在網站制作過程當中，教師要提倡和鼓勵學生自主學習，通過網絡、交流論壇等學習網頁設計與制作的技巧，通過自主探究解決教學項目實施過程當中遇到的問題。教師從中監督所有學習小組，防止小組分工不合理導致任務無法繼續，并通過在監督過程當中了解學生遇到的問題，引導學生進行自主探究，通過網絡和小組內研討，及時給學生一個指引。利用CDIO教學模式進行項目教學能夠使學生從被動學習到主動學習的轉變，實現“以項目為主線、教師為主導、學生為主體”的教學理念，讓學生在項目完成過程當中掌握自主學習能力、問題分析能力和問題解決能力。

在制作過程中，教師要鼓勵學生通過網絡搜索，在專業論壇和技術群中尋找解決問題的方法，考慮到學生學習積極性的差異，教師應加強過程監管工作，防止少數學生把任務推給其他同學的“打醬油”行為，及時糾正學生不符合要求的做法。

四、學生測評

學生完成所有教學項目之后，會得出一個完成商城網站為最終的成品，通過成品展示進行小組互評和教師評價，并通過評分標準進行打分。通過多維度評價，能夠體現學生項目完成的質量，也利用學生參與到評價當中，提升學生的參與度和積極性。

網站設計評分標準：前期調研充分，分值15；網站功能實現，分值15；網站導航清晰，分值15；頁面布局美觀，分值20；色彩搭配應用合理，分值15；代碼規范，分值10；網站性能良好，分值10。

本學期已經開始利用CDIO教學模式對課程進行教學改革實踐，通過該項目教學提升了電子商務專業學生對計算機類課程不感興趣的態度，提升了學生的學習興趣。也通過項目教學改進了教學質量，提升了學生對網頁設計技能的掌握。對于學生來說，枯燥無味的代碼編寫改為項目完成，提升了學習興趣，同時也讓學生的自主學習能力、網頁設計能力得到了相應的提高，能夠較之前能夠獨立完成靜態頁面的設計制作過程，學生參與其中也樂在其中。對于教師來說，能夠轉變教師從教學主體變為教學主導，除了傳統的授課和代碼編寫演示轉變為學生自主探究，教師從旁指引，對學生項目完成提供持續的監督，取得非常好的教學效果。

參考文獻

[1]楊晨霞，涂風濤.基于CDIO的高職程序設計類課程的教學改革與實踐探討[J].職教論，2016，（6）：81-83.

[2]王碩旺，洪成文.CDIO：美國麻省理工學院工程教育的經典模式———基于對CDIO課程大綱的解讀[J].理工高教研究， 2009，28（4）：116-119.

[3]牛換霞.CDIO工程教育模式解讀：課程論的視角[J].現代教育科學（高教研究），2010，（6）：40-43.

[4]楊明剛，賈艷麗.基于CDIO教育理念的中高職課程銜接設計研究[J].現代教育科學（高教研究），2013，（5）：170-172.