基于CDIO工程教育模式的中職學(xué)校電子商務(wù)專業(yè)《網(wǎng)頁設(shè)計》課程教學(xué)實踐

劉劍勇

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

關(guān)鍵詞：CDIO中職學(xué)校電子商務(wù)網(wǎng)頁設(shè)計教學(xué)實踐

隨著技術(shù)的更新?lián)Q代，經(jīng)濟的飛速發(fā)展，教育理念也不斷的更新，教育領(lǐng)域不斷的引進西方先進的教學(xué)理念。歐美成熟的CDIO工程教育模式（Conceive構(gòu)思、Design設(shè)計、Implement實施、Operate運行）也在中國職業(yè)教育當中落地生根，CDIO工程教育模式能夠提升學(xué)生的技能技巧掌握，能夠提升學(xué)生的組織創(chuàng)新能力。CDIO在網(wǎng)頁設(shè)計課程的應(yīng)用是本文重點探討的焦點。網(wǎng)頁設(shè)計課程要根據(jù)教學(xué)需求，根據(jù)教學(xué)目標進行課程教學(xué)實踐改革，在課程規(guī)劃上實現(xiàn)CDIO理念的教學(xué)并把項目教學(xué)內(nèi)容落實到CDIO各個環(huán)節(jié)當中，滿足社會對學(xué)生掌握技能要求的不斷提高。

一、CDIO工程教學(xué)理念概述

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

二、課程分析

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

三、教學(xué)項目設(shè)計

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

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

以上教學(xué)項目是根據(jù)CDIO教育理念，從網(wǎng)頁產(chǎn)品制作的角度進行設(shè)計，涵蓋了網(wǎng)頁這一產(chǎn)品的構(gòu)思、設(shè)計、實現(xiàn)、運行四大模塊為載體，能夠提升電子商務(wù)專業(yè)學(xué)生的網(wǎng)頁設(shè)計能力，符合企業(yè)對中職學(xué)校學(xué)生的技能要求。

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

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

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

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

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

四、學(xué)生測評

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

網(wǎng)站設(shè)計評分標準：前期調(diào)研充分，分值15；網(wǎng)站功能實現(xiàn)，分值15；網(wǎng)站導(dǎo)航清晰，分值15；頁面布局美觀，分值20；色彩搭配應(yīng)用合理，分值15；代碼規(guī)范，分值10；網(wǎng)站性能良好，分值10。

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

參考文獻

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

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

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

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