張亞杰，劉紅軍（宿州學(xué)院　經(jīng)濟(jì)管理學(xué)院，安徽　宿州　234000）

?

基于CDIO的文科類電子商務(wù)專業(yè)課程教學(xué)改革
——以網(wǎng)頁設(shè)計(jì)與制作課程為例

張亞杰，劉紅軍
（宿州學(xué)院經(jīng)濟(jì)管理學(xué)院，安徽宿州234000）

摘要：本文首先介紹CDIO教學(xué)模式的研究現(xiàn)狀，分析電子商務(wù)專業(yè)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作課程存在問題，然后探討結(jié)合CDIO模式進(jìn)行文科類電子商務(wù)專業(yè)網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)、實(shí)施及考核，通過該課程教學(xué)改革提高學(xué)生學(xué)習(xí)興趣，并能提升個(gè)人建設(shè)網(wǎng)站的綜合能力和素質(zhì).

關(guān)鍵詞：CDIO；電子商務(wù)；網(wǎng)頁設(shè)計(jì)與制作

2015年3月5日十二屆全國人大三次會(huì)議上，李克強(qiáng)總理在政府工作報(bào)告中首次提出“互聯(lián)網(wǎng)+”行動(dòng)計(jì)劃.將“互聯(lián)網(wǎng)+”上升為國家戰(zhàn)略層面，再次刺激了電子商務(wù)發(fā)展.很多企業(yè)利用互聯(lián)網(wǎng)拓展?fàn)I銷渠道，通過電子商務(wù)平臺(tái)或者自己構(gòu)建平臺(tái)，進(jìn)行網(wǎng)絡(luò)營銷.所以學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作這門課程對于電子商務(wù)專業(yè)學(xué)生來說是十分重要的.

網(wǎng)頁設(shè)計(jì)與制作課程是電子商務(wù)專業(yè)的一門專業(yè)基礎(chǔ)課，知識(shí)點(diǎn)比較多，需要學(xué)生較強(qiáng)的動(dòng)手能力，所以也是理論性和實(shí)踐性較強(qiáng)的一門課程.該課程旨在向?qū)W生介紹網(wǎng)頁設(shè)計(jì)與制作的基本概念和方法、靜動(dòng)態(tài)網(wǎng)頁制作過程、網(wǎng)站設(shè)計(jì)與開發(fā)等方面知識(shí)，使學(xué)生能讀懂和使用HTML代碼，能夠使用“DIV+CSS”技術(shù)，進(jìn)行網(wǎng)站規(guī)劃、建立和維護(hù)，并具備網(wǎng)頁設(shè)計(jì)與制作崗位的職業(yè)技術(shù)能力.

作者所在的宿州學(xué)院，2015年獲批為安徽省地方應(yīng)用型高水平大學(xué)立項(xiàng)建設(shè)單位，一直以來，宿州學(xué)院緊密結(jié)合學(xué)校自身特點(diǎn)與優(yōu)勢，不斷探索地方應(yīng)用型高水平大學(xué)建設(shè)的道路，明確建設(shè)目標(biāo)，分析發(fā)展矛盾，積極搶占建設(shè)地方應(yīng)用型高水平大學(xué)的高地.因此電子商務(wù)專業(yè)課程也應(yīng)該不斷改革與發(fā)展，努力培養(yǎng)電子商務(wù)專業(yè)技術(shù)應(yīng)用型人才.

1　CDIO的國內(nèi)外研究現(xiàn)狀

CDIO教學(xué)模式是由瑞典皇家理工學(xué)院、美國麻省理工學(xué)院等四所大學(xué)歷時(shí)四年的研究、探索以及教學(xué)實(shí)踐建立起的一種先進(jìn)的基于工程教育的教學(xué)模式，該模式是貫徹產(chǎn)品研發(fā)到產(chǎn)品運(yùn)行的生命周期，讓學(xué)生以主動(dòng)的、實(shí)踐的、課程之間有機(jī)聯(lián)系的方式學(xué)習(xí)工程［1］.CDIO教育模式在越來越多的各國大學(xué)中得到有效的使用推廣，并取得了卓越的成效.我國最早使用CDIO培養(yǎng)模式的是汕頭大學(xué)，汕頭大學(xué)結(jié)合學(xué)校人才培養(yǎng)模式現(xiàn)狀，開創(chuàng)了EIP-CDIO模式.顧佩華詳盡闡述了EIP-CDIO模式的理念，并提出了一套較為完善的實(shí)施方案［1］.查建中詳細(xì)介紹了CDIO模式的12個(gè)標(biāo)準(zhǔn)中的7條重點(diǎn)標(biāo)準(zhǔn)，并分析了CDIO教育模式與其他兩個(gè)工程模式“產(chǎn)學(xué)合作”和“國際化”的關(guān)系［4］.隨后，越來越多的學(xué)者進(jìn)一步推廣CDIO教學(xué)理念，將其應(yīng)用到課程體系專業(yè)建設(shè)的改革，如電氣自動(dòng)化技術(shù)專業(yè)、軟件工程專業(yè)；還應(yīng)用到有關(guān)課程教學(xué)方面的改革，如工程類課程、計(jì)算機(jī)基礎(chǔ)課程、建筑類課程、機(jī)械基礎(chǔ)實(shí)踐課程、電子信息課程等［8，10］；也有應(yīng)用到人才培養(yǎng)方面的改革，如P-CDIO人才培養(yǎng)模式［6］、CIO-CDIO人才培養(yǎng)模式［11］、CEC-CDIO人才培養(yǎng)模式［12］、KSR-CDIO人才培養(yǎng)模式［13］、TOPCARES-CDIO人才培養(yǎng)模式［14］等.隨著CDIO教學(xué)理念的不斷推廣，CDIO模式不再單單局限于工科課程，被引入工科以外的很多學(xué)科教學(xué)中，CDIO教學(xué)模式在更多的文科類專業(yè)教學(xué)中被采納，如大學(xué)英語課程改革、大學(xué)語文課程改革.

2　課程教學(xué)存在問題

宿州學(xué)院經(jīng)濟(jì)管理學(xué)院電子商務(wù)專業(yè)學(xué)生是文科生，在學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作課程過程中存在以下問題：

（1）學(xué)生基礎(chǔ)知識(shí)欠缺，沒有計(jì)算機(jī)基礎(chǔ)課程，且課程課時(shí)較少，對網(wǎng)頁基礎(chǔ)知識(shí)理解較為費(fèi)解，網(wǎng)頁設(shè)計(jì)能力差，雖然能夠也能制作簡單網(wǎng)頁，往往布局不合理.審美能力弱，有時(shí)追求個(gè)性，制作的網(wǎng)頁往往花里胡哨，內(nèi)容和主題不一致，導(dǎo)致網(wǎng)頁視覺效果差.

（2）學(xué)生邏輯思維能力差，在使用table和DIV網(wǎng)頁布局以及盒子模型時(shí)需要用到數(shù)學(xué)邏輯計(jì)算能力，但是由于專業(yè)特點(diǎn)，邏輯思維相比理工類專業(yè)學(xué)生邏輯思維相對欠缺，對于空間及空間長度計(jì)算處理能力較弱，甚至理解有一定困難.

在這些方面的不足，導(dǎo)致學(xué)生學(xué)習(xí)起來感覺難度較大.因此，在網(wǎng)頁設(shè)計(jì)與制作課程的教學(xué)中必須找到一種比較適合文科學(xué)生學(xué)習(xí)特點(diǎn)的教學(xué)方法，使學(xué)生在有限的課堂學(xué)習(xí)時(shí)間內(nèi)學(xué)到盡可能多的網(wǎng)頁概念和制作技巧，并能將所學(xué)的知識(shí)轉(zhuǎn)化為實(shí)際的作品.針對文科類電子商務(wù)專業(yè)學(xué)生，如何提高網(wǎng)頁設(shè)計(jì)與制作的教學(xué)效果，一直教師普遍關(guān)心的問題.CDIO模式可以作為電子商務(wù)專業(yè)網(wǎng)頁設(shè)計(jì)與制作課程的改革應(yīng)用依據(jù)，可以更好地推動(dòng)本專業(yè)的教學(xué)發(fā)展.

3　基于CDIO的網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)

首先在教材選取上應(yīng)以那些功能講授較為全面，內(nèi)容較為充實(shí)的教材為主，這樣課堂上“吃不飽”的學(xué)生課下可繼續(xù)補(bǔ)充能量.教師在設(shè)計(jì)教案時(shí)每個(gè)知識(shí)點(diǎn)都選取相應(yīng)案例，這樣學(xué)生易于理解.將網(wǎng)頁設(shè)計(jì)與制作課程內(nèi)容分為七個(gè)模塊，按照每個(gè)模塊的知識(shí)點(diǎn)，依據(jù)教學(xué)目標(biāo)設(shè)計(jì)要求學(xué)生課堂和課后完成的小任務(wù).

第一個(gè)模塊為網(wǎng)頁設(shè)計(jì)與制作理論基礎(chǔ)知識(shí)：介紹INTERNET基礎(chǔ)知識(shí)、網(wǎng)頁設(shè)計(jì)相關(guān)概念、網(wǎng)頁制作開發(fā)相關(guān)技術(shù)和工具，共2個(gè)課時(shí).

第二個(gè)模塊為HTML基礎(chǔ)知識(shí)：修飾標(biāo)簽實(shí)現(xiàn)網(wǎng)頁文字的設(shè)置如斜體、加粗、上標(biāo)、下標(biāo)、大小字號(hào)、下劃線、刪除線、等寬、地址、滾動(dòng)等；段落格式設(shè)置如實(shí)現(xiàn)段落對齊方式、換行、預(yù)格式化、水平線設(shè)置、換行；設(shè)置列表；插入圖片和多媒體內(nèi)容；設(shè)置超鏈接.共10課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠掌握HTML網(wǎng)頁標(biāo)簽建立個(gè)人主頁.

第三個(gè)模塊為表格和表單：表格基本概念和常用屬性；表單基本概念和常用屬性.共6個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生掌握使用表格整理數(shù)據(jù)和布局網(wǎng)頁，利用表單設(shè)計(jì)注冊頁面.

第四個(gè)模塊為層疊樣式表（CSS）：CSS的基本語法；CSS的選擇器；CSS的使用方法；CSS的屬性單位.共12個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠利用CSS樣式美化網(wǎng)頁.

第五個(gè)模塊為CSS網(wǎng)頁布局與定位：div標(biāo)簽；span標(biāo)簽；盒子模型；display屬性；float屬性；position屬性；css+div布局類型.共9個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠運(yùn)用制作學(xué)校網(wǎng)站導(dǎo)航條和實(shí)現(xiàn)圖文并茂的效果.

第六個(gè)模塊為超鏈接偽類、表單設(shè)計(jì)和導(dǎo)航菜單：共6個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠使用偽類美化超鏈接，用CSS美化表單并能夠制作各式各樣的導(dǎo)航條.

第七個(gè)模塊為網(wǎng)站建設(shè)：網(wǎng)站建設(shè)的步驟；網(wǎng)站建設(shè)的原則.共6個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠建立主題網(wǎng)站.

4　基于CDIO的網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)實(shí)施

4.1課程教學(xué)

4.1.1課堂教學(xué)

（1）基礎(chǔ)知識(shí)學(xué)習(xí).任課教師將課程的知識(shí)點(diǎn)通過多媒體教學(xué)進(jìn)行詳細(xì)的講授，選擇合適案例進(jìn)行演示，盡量涵蓋能夠覆蓋每個(gè)知識(shí)點(diǎn)，這樣圖文并茂的傳授能夠調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣，提高課堂教學(xué)效果.同時(shí)提醒學(xué)生應(yīng)該注意的地方和當(dāng)前技術(shù)發(fā)展的現(xiàn)狀.以便學(xué)生在進(jìn)入實(shí)踐前擁有必備的基礎(chǔ)知識(shí).教師講授網(wǎng)站制作參考資料的查詢和使用方法，為學(xué)生開展自主學(xué)習(xí)奠定基礎(chǔ).

（2）任務(wù)實(shí)踐.任課教師根據(jù)知識(shí)點(diǎn)設(shè)定各個(gè)任務(wù)，布置的任務(wù)能夠覆蓋所講授內(nèi)容所有的知識(shí)點(diǎn)，每個(gè)任務(wù)和前后任務(wù)都具有連貫性，這樣能夠在前次的任務(wù)基礎(chǔ)開拓這次任務(wù)，對以前學(xué)習(xí)的知識(shí)點(diǎn)不斷鞏固.例如第一次任務(wù)要求建立個(gè)人主頁，使用修飾文字的標(biāo)簽和使用段落的標(biāo)簽.第二次任務(wù)要求在第一次任務(wù)成果網(wǎng)頁之上使用列表和圖片標(biāo)簽.任務(wù)由學(xué)生獨(dú)立完成.遇到問題先要獨(dú)立分析問題解決，如無法解決及時(shí)和老師進(jìn)行溝通.

（3）反饋學(xué)習(xí).在學(xué)生初次完成任務(wù)后，任課教師總結(jié)學(xué)生在任務(wù)執(zhí)行過程中存在的問題并給出解決問題的辦法和技巧，這樣能都深化學(xué)生對知識(shí)的理解.

（4）任務(wù)循環(huán).學(xué)生在反饋學(xué)習(xí)之后再次根據(jù)老師指出的問題和提示對自己的作品進(jìn)行改進(jìn).通過這種方式使學(xué)生對于知識(shí)點(diǎn)的掌握會(huì)更加的扎實(shí)，培養(yǎng)其精益求精的網(wǎng)站開發(fā)人員的素質(zhì).

（5）任務(wù)小結(jié).在所有的學(xué)生完成任務(wù)后，教師對任務(wù)進(jìn)行知識(shí)點(diǎn)的難點(diǎn)、重點(diǎn)、技術(shù)問題和技巧等方面進(jìn)行總結(jié)，并布置學(xué)生要在課下完成的小任務(wù).

4.1.2課下自學(xué)

網(wǎng)頁設(shè)計(jì)與制作課程有54個(gè)總課時(shí)，學(xué)生僅僅依靠在課堂上學(xué)習(xí)和練習(xí)，以達(dá)到對該課程熟練掌握的目的是遠(yuǎn)遠(yuǎn)不夠的，所以要按照每個(gè)模塊的知識(shí)點(diǎn)，依據(jù)教學(xué)目標(biāo)設(shè)計(jì)學(xué)生課后完成的小任務(wù).通過qq群和微信群溝通平臺(tái)，學(xué)生之間和師生之間可以隨時(shí)隨地進(jìn)行溝通和資源共享.鼓勵(lì)學(xué)生多參加學(xué)科競賽，如參加“三創(chuàng)賽”和“互聯(lián)網(wǎng)+”比賽，達(dá)到以賽促學(xué).

4.2課程考核

傳統(tǒng)的筆試考核方式雖然也能檢驗(yàn)學(xué)生掌握基礎(chǔ)的知識(shí)和技能，但無法對學(xué)生綜合運(yùn)用能力進(jìn)行驗(yàn)證，課程教學(xué)完成時(shí)，能設(shè)計(jì)并制作出符合要求的綜合網(wǎng)站的學(xué)生卻很少，達(dá)不到課程目標(biāo)的要求，所以該課程考核方式改革勢在必行.將該課程考核分為平時(shí)考核和項(xiàng)目考核兩大部分：

（1）平時(shí)考核.學(xué)生根據(jù)所學(xué)知識(shí)點(diǎn)，獨(dú)立完成任課教師布置的任務(wù).根據(jù)完成情況，記錄為平時(shí)成績，成績等級分為沒完成（C）、基本完成（B）、超越完成（A）.該成績真實(shí)反饋學(xué)生知識(shí)掌握情況和動(dòng)手能力的高低.平時(shí)考核在課堂結(jié)束前10分鐘內(nèi)完成.

（2）項(xiàng)目考核.在第17周課程教學(xué)結(jié)束時(shí)布置設(shè)計(jì)并制作網(wǎng)站項(xiàng)目任務(wù)，網(wǎng)站項(xiàng)目作為該課程完成后的綜合性考核，要求每個(gè)學(xué)生設(shè)計(jì)并制作一個(gè)表達(dá)某個(gè)主題的網(wǎng)站，向?qū)W生明確對網(wǎng)站評價(jià)的一系列標(biāo)準(zhǔn)，并要求根據(jù)提交項(xiàng)目設(shè)計(jì)制作報(bào)告書.學(xué)生利用課余時(shí)間完成選擇的主題項(xiàng)目開發(fā).通過該主題網(wǎng)站的設(shè)計(jì)與制作，測試學(xué)生掌握綜合知識(shí)程度和綜合應(yīng)用能力.在課程教學(xué)第18周進(jìn)行網(wǎng)站項(xiàng)目演示，每個(gè)同學(xué)在全班同學(xué)面前通過多媒體演示自己的作品，限時(shí)十分鐘，教師進(jìn)行點(diǎn)評，指出需要改進(jìn)的地方.該過程既是學(xué)生利用所學(xué)的知識(shí)展示自己的能力的時(shí)候，又是學(xué)生學(xué)習(xí)別人的機(jī)會(huì).

（2）考核成績.該課程考核成績計(jì)算方式及其所占比例如下所示：

平時(shí)考核成績=（完成每個(gè)子任務(wù)成績之和÷子任務(wù)個(gè)數(shù)）×40%+出勤率×40%+課堂討論× 10%+課堂筆記×10%；

項(xiàng)目考核成績=項(xiàng)目網(wǎng)站設(shè)計(jì)與制作報(bào)告書成績×30%+項(xiàng)目網(wǎng)站設(shè)計(jì)與制作成績×70%；

學(xué)期成績=平時(shí)考核成績×30%+項(xiàng)目考核成績×70%.

5　結(jié)語

網(wǎng)頁設(shè)計(jì)與制作課程內(nèi)容知識(shí)點(diǎn)多，而且難度大，課程改革后經(jīng)調(diào)查訪談，雖然有很多學(xué)生反映課程壓力較大，但是學(xué)習(xí)興趣很高，學(xué)生在CDIO教學(xué)實(shí)踐中開發(fā)了自己的潛力，并激發(fā)了他們直面困難克服困難的創(chuàng)作創(chuàng)新精神.學(xué)生通過實(shí)際參與項(xiàng)目開發(fā)，提高了自身的綜合素質(zhì)和實(shí)踐動(dòng)手能力，從而實(shí)現(xiàn)了教學(xué)做一體化的教學(xué)模式，取得了良好的教學(xué)效果.

在CDIO模式下，設(shè)計(jì)并實(shí)施的網(wǎng)頁設(shè)計(jì)與制作教學(xué)課程，不僅提高了文科類電子商務(wù)專業(yè)學(xué)生的綜合應(yīng)用能力，也提高了任課老師的教學(xué)能力和水平，并符合國家對應(yīng)用型人才培養(yǎng)的要求.

參考文獻(xiàn)：

〔1〕顧佩華.從CDIO到EIP-CDIO——汕頭大學(xué)工程教育與人才培養(yǎng)模式探索［J］.高等工程教育研究，2008（1）：12-20.

〔2〕顧佩華.CDIO在中國（上）［J］.高等工程教育研究，2012（3）：24-40.

〔3〕段慶茹，闞連寶，吳國忠.CDIO教育模式中國化

研究述評［J］.黑龍江高教研究，2012（10）：33-37. 〔4〕查建中.論“做中學(xué)”戰(zhàn)略下的CDIO模式［J］.高

等工程教育研究，2008（3）：1-9.

〔5〕姜大志，孫浩軍.基于CDIO的主動(dòng)式項(xiàng)目驅(qū)動(dòng)學(xué)習(xí)方法研究——以Java類課程教學(xué)改革為例［J］.高等工程教育研究，2012（4）：159-164.

〔6〕姜義平.基于P-CDIO的應(yīng)用型創(chuàng)新人才培養(yǎng)模式研究［J］.教育觀察，2015，9（23）：120-124.

〔7〕李明秋.CDIO教育理念的外語專業(yè)教學(xué)創(chuàng)新與跨文化交際能力培養(yǎng)［J］.北京化工大學(xué)學(xué)報(bào)，2015（3）：71-74.

〔8〕李月輝，姜還紅，云巖.基于CDIO的Java系列課程教學(xué)改革的研究 ［J］.黑龍江科技信息，2015 （11）：162.

〔9〕邢玉娟，高翔，潭萍，曹曉麗.CDIO教育理念和“雙體實(shí)訓(xùn)”在《靜態(tài)網(wǎng)頁制作》課程教學(xué)中的研究與探討［J］.甘肅聯(lián)合大學(xué)學(xué)報(bào)，2012，1（26）：100-103.

〔10〕羅頻捷，溫荷.基于CDIO模式的JavaScript課程實(shí)驗(yàn)設(shè)計(jì)［J］.計(jì)算機(jī)教育，2015（9）：86-88.

〔11〕張奇，唐奇良.高等工程教育CIO-CDIO培養(yǎng)模式研究［J］.教育與職業(yè)，2009（1）：32-34.

〔12〕吳鳴，熊光晶.基于CDIO理念的路基路面工程教學(xué)改革實(shí)踐與探討［J］.長沙鐵道學(xué)院學(xué)報(bào)：社會(huì)科學(xué)版，2007，8（4）：244-246.

〔13〕王剛，常小勇.KSR-CDIO工程教育模式的改革與實(shí)踐［J］.中國高等教育評估，2011（1）：49-52.

〔14〕溫濤.探索構(gòu)建一體化TOPCARES-CDIO人才培養(yǎng)模式［J］.中國高等教育，2011（7）：41-43.

中圖分類號(hào)：G642.0

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1673-260X（2016）06-0149-03

收稿日期：2016-02-15

基金項(xiàng)目：教學(xué)質(zhì)量工程項(xiàng)目：皖北地區(qū)“四化同步”建設(shè)中的管理類人才培養(yǎng)計(jì)劃（szxyfwdf201306），“電子商務(wù)專業(yè)綜合改革試點(diǎn)”（2013zy078）