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

劉劍勇

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

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

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

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

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

二、課程分析

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

三、教學(xué)項(xiàng)目設(shè)計(jì)

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

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

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

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

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

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

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

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

四、學(xué)生測(cè)評(píng)

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

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

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

參考文獻(xiàn)

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

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

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

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