基于“雙項(xiàng)目”驅(qū)動(dòng)教學(xué)的商務(wù)網(wǎng)站設(shè)計(jì)與開發(fā)教學(xué)改革探究

羅雅過，袁佳樂

（西安文理學(xué)院，陜西西安，710065）

0 引言

《電子商務(wù)網(wǎng)站設(shè)計(jì)與開發(fā)》課程是我院電子商務(wù)專業(yè)開設(shè)的一門專業(yè)課程。傳統(tǒng)的教學(xué)，基本都是對(duì)知識(shí)點(diǎn)的講解和應(yīng)用，知識(shí)點(diǎn)之間的關(guān)聯(lián)和聯(lián)系不夠緊密。學(xué)生對(duì)網(wǎng)站的整體感，還是比較模糊。學(xué)生對(duì)網(wǎng)站制作的先后順序，整體結(jié)構(gòu)，綜合設(shè)計(jì)等方面不夠?qū)I(yè)，學(xué)生實(shí)驗(yàn)課程中完成的作品似乎都是各個(gè)知識(shí)點(diǎn)的簡單堆砌，內(nèi)容不完整，結(jié)構(gòu)不合理，設(shè)計(jì)不統(tǒng)一等等問題。電子商務(wù)網(wǎng)站設(shè)計(jì)的教學(xué)模式、教學(xué)方法也一直是教學(xué)改革中重點(diǎn)。

1 商務(wù)網(wǎng)站制作中存在的教學(xué)問題

（1）教學(xué)中單純介紹各個(gè)知識(shí)點(diǎn)的操作，忽視了各知識(shí)點(diǎn)之間的聯(lián)系。學(xué)生在頭腦中不能形成一個(gè)搭建整體網(wǎng)站的概念。（2）傳統(tǒng)教學(xué)中教學(xué)內(nèi)容的介紹順序與“業(yè)內(nèi)行家”制作網(wǎng)頁的實(shí)際操作順序嚴(yán)重不一致，不符合認(rèn)知規(guī)律。學(xué)生對(duì)所學(xué)的知識(shí)點(diǎn)并沒有做到靈活應(yīng)用。（3）學(xué)生對(duì)電子商務(wù)網(wǎng)站的認(rèn)識(shí)不夠全面，認(rèn)為電子商務(wù)網(wǎng)站跟一般的瀏覽型網(wǎng)站一樣，因此，在電子商務(wù)網(wǎng)站的制作過程中，并沒有突出電子商務(wù)網(wǎng)站的特點(diǎn)。（4）授課模式單一，學(xué)生缺乏創(chuàng)新意識(shí)。

2 商務(wù)網(wǎng)站制作的教學(xué)方法

2.1 “雙項(xiàng)目”驅(qū)動(dòng)教學(xué)法。

《電子商務(wù)網(wǎng)站設(shè)計(jì)與開發(fā)》課程是一門集實(shí)踐性、設(shè)計(jì)性、綜合性為一體的課程，尤其是課程的實(shí)踐性很突出。因此對(duì)網(wǎng)站設(shè)計(jì)的教學(xué)可以采用“雙項(xiàng)目”的教學(xué)方法?！半p項(xiàng)目”的含義是指在課程教學(xué)中貫徹“課堂”與“實(shí)驗(yàn)”兩條項(xiàng)目主線?！罢n堂項(xiàng)目主線”是指教師事先建立一個(gè)有代表性的范例網(wǎng)站，以介紹其開發(fā)過程作為課堂教學(xué)的主線，邊教學(xué)邊演示，以項(xiàng)目驅(qū)動(dòng)的方式，完成范例網(wǎng)站的制作，同時(shí)完成各個(gè)網(wǎng)頁知識(shí)點(diǎn)的講解和應(yīng)用；“實(shí)驗(yàn)項(xiàng)目主線”是指學(xué)生需要自主完成一個(gè)網(wǎng)站開發(fā)項(xiàng)目，以作為其實(shí)驗(yàn)教學(xué)的主線。這兩條主線保持進(jìn)度基本一致，相輔相成，實(shí)現(xiàn)教與學(xué)的最佳效果。

（1）課堂項(xiàng)目主線。教師在教學(xué)前設(shè)計(jì)制作教學(xué)范例網(wǎng)站，將教學(xué)大綱中所列出的學(xué)生需要掌握的知識(shí)點(diǎn)融入其中，使范例網(wǎng)站開發(fā)項(xiàng)目分解，各個(gè)子項(xiàng)目與大綱知識(shí)點(diǎn)一一對(duì)應(yīng)。在整個(gè)學(xué)期的課堂教學(xué)實(shí)施中，教師以實(shí)例演示的方式從頭至尾帶領(lǐng)學(xué)生學(xué)習(xí)感受范例網(wǎng)站的制作，一步步學(xué)習(xí)網(wǎng)站搭建的全過程。

（2）實(shí)驗(yàn)項(xiàng)目主線。教師布置給學(xué)生一個(gè)貫穿整個(gè)學(xué)期的項(xiàng)目任務(wù)，學(xué)生自選主題，設(shè)計(jì)開發(fā)一個(gè)網(wǎng)站作品。學(xué)生項(xiàng)目作品開發(fā)的過程與課堂教學(xué)時(shí)范例網(wǎng)站開發(fā)的過程保持同步。這樣學(xué)生在課堂通過范例網(wǎng)站的實(shí)例學(xué)到的某一項(xiàng)知識(shí)技能，馬上可以在上機(jī)實(shí)驗(yàn)時(shí)間內(nèi)用于自己作品的制作，在一學(xué)期的課堂教學(xué)完成時(shí)也同時(shí)完成自己的網(wǎng)站作品項(xiàng)目。

2.2 翻轉(zhuǎn)課堂教學(xué)法

翻轉(zhuǎn)課堂作為一種新型的教學(xué)模式，它的出現(xiàn)改變了傳統(tǒng)教學(xué)的課上知識(shí)傳授，課下知識(shí)內(nèi)化的教學(xué)過程。學(xué)生通過在課前觀看教學(xué)視頻等學(xué)習(xí)資源進(jìn)行自主學(xué)習(xí)，在課堂上提出問題、相互交流完成知識(shí)的內(nèi)化。基于微課程的網(wǎng)頁設(shè)計(jì)課程實(shí)驗(yàn)教學(xué)，可以通過“西安文理學(xué)院信息工程學(xué)院管理平臺(tái)”來輔助實(shí)現(xiàn)。

課前。該平臺(tái)將“網(wǎng)站設(shè)計(jì)”實(shí)驗(yàn)課程劃分為若干個(gè)小的知識(shí)點(diǎn)，打破原有的章節(jié)限制。針對(duì)每個(gè)知識(shí)點(diǎn)提供視頻、素材、文字資料等資源，設(shè)置討論區(qū)，提出學(xué)習(xí)中遇到的問題。通過學(xué)習(xí)，學(xué)生課前就可以熟練掌握知識(shí)點(diǎn)。課中。在課堂中的教學(xué)過程中，課堂主體由教師轉(zhuǎn)變?yōu)閷W(xué)生。學(xué)生分組討論，講解自己課前所學(xué)的知識(shí)點(diǎn)，教師通過學(xué)生的講解，了解學(xué)生的知識(shí)點(diǎn)掌握情況，對(duì)一些重點(diǎn)、難點(diǎn)知識(shí)點(diǎn)，教師帶領(lǐng)學(xué)生或者幫助學(xué)生解決問題，鞏固加強(qiáng)知識(shí)點(diǎn)。課后，學(xué)生可以加強(qiáng)和鞏固知識(shí)點(diǎn)的學(xué)習(xí)，對(duì)一些課堂中未學(xué)懂的知識(shí)點(diǎn)，課后可以繼續(xù)學(xué)習(xí)。考試。當(dāng)所有知識(shí)點(diǎn)學(xué)習(xí)完畢后，教師可激活考試模塊。學(xué)生看到考試題目，設(shè)計(jì)制作完成并上傳，完成本門課程的學(xué)習(xí)。統(tǒng)計(jì)。視頻觀看次數(shù)統(tǒng)計(jì)。通過視頻觀看次數(shù)的統(tǒng)計(jì)，教師可以掌握學(xué)生的學(xué)習(xí)狀況，準(zhǔn)確分析學(xué)生的學(xué)習(xí)難點(diǎn)。

電子商務(wù)網(wǎng)站設(shè)計(jì)課程，教學(xué)模式可以采用以“雙項(xiàng)目”驅(qū)動(dòng)教學(xué)法為主，翻轉(zhuǎn)課堂教學(xué)法為輔的教學(xué)模式，結(jié)合我校的應(yīng)用型辦學(xué)定位，加強(qiáng)實(shí)踐，加強(qiáng)學(xué)生的動(dòng)手能力，以“雙項(xiàng)目”驅(qū)動(dòng)的教學(xué)方法，鼓勵(lì)學(xué)生親自動(dòng)手制作一個(gè)項(xiàng)目，從網(wǎng)站的整體結(jié)構(gòu)，欄目設(shè)計(jì)，內(nèi)容安排，色彩搭配等方面，鼓勵(lì)學(xué)生制作一個(gè)網(wǎng)站。在學(xué)生完成實(shí)驗(yàn)項(xiàng)目的同時(shí)，為了便于學(xué)習(xí)，可以充分利用移動(dòng)網(wǎng)絡(luò)下的微課程，即以翻轉(zhuǎn)課堂為輔的教學(xué)模式，指導(dǎo)學(xué)生可以通過“西安文理學(xué)院信息工程學(xué)院管理平臺(tái)”，進(jìn)行知識(shí)點(diǎn)，重點(diǎn)和難點(diǎn)的學(xué)習(xí)，利用網(wǎng)絡(luò)平臺(tái)，解決學(xué)生在實(shí)驗(yàn)項(xiàng)目完成中，遇到的問題，提高了學(xué)生的自學(xué)能力和創(chuàng)新能力。

3 教學(xué)內(nèi)容注重電子商務(wù)網(wǎng)站功能、UI設(shè)計(jì)、網(wǎng)站安全性等方面

對(duì)企業(yè)電子商務(wù)網(wǎng)站來說，一般要擁有以下功能。商品展示、信息檢索、商品訂購、網(wǎng)上支付、信息管理等功能。

UI即User Interface(用戶界面)的簡稱。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。設(shè)計(jì)網(wǎng)頁的一致性是建立客戶忠誠和信賴的一種方法，訪問所喜歡的網(wǎng)站并分析其設(shè)計(jì)一致性，其中應(yīng)考慮一般布局、顏色、字體、標(biāo)識(shí)鏈接及其它類項(xiàng)目。電子商務(wù)網(wǎng)站的UI風(fēng)格應(yīng)主要還是以簡潔實(shí)用為主。

電子商務(wù)網(wǎng)站區(qū)別于一般 WEB網(wǎng)站的重要特性之一，就是網(wǎng)站的安全性要求較高。電子商務(wù)網(wǎng)站不僅要保證信息發(fā)布完整、服務(wù)器正常運(yùn)行，還需要確保用戶的信息安全。其安全性主要體現(xiàn)在以下六個(gè)方面，即：系統(tǒng)的安全、網(wǎng)頁的安全、訪問的安全、交易的安全、數(shù)據(jù)的安全、操作的安全。因此在教學(xué)中，除介紹學(xué)習(xí)網(wǎng)站的開發(fā)技術(shù)之外，還應(yīng)介紹相應(yīng)的安全技術(shù)，如加密技術(shù)及身份認(rèn)證技術(shù)。

4 考核方法與評(píng)分標(biāo)準(zhǔn)的改革

在實(shí)驗(yàn)教學(xué)過程中組織開展一至兩次的“小組作品公開展示活動(dòng)”，能夠有效地督促學(xué)生的開發(fā)進(jìn)度，提高學(xué)生的積極性，促進(jìn)小組間的相互學(xué)習(xí)借鑒，實(shí)現(xiàn)“以評(píng)促學(xué)”。制定詳細(xì)的作品評(píng)分標(biāo)準(zhǔn)。以客戶的項(xiàng)目需求為依據(jù)，包含有網(wǎng)站功能，網(wǎng)站技巧使用，特效，UI設(shè)計(jì)及網(wǎng)站安全性等綜合方面的考慮。

評(píng)分指標(biāo) 分?jǐn)?shù)UI設(shè)計(jì)簡潔、美觀 20網(wǎng)站功能齊全 30網(wǎng)站技術(shù)支持 15網(wǎng)站安全性考慮 15答辯情況 20

5 小結(jié)

以“雙項(xiàng)目”驅(qū)動(dòng)教學(xué)為主，翻轉(zhuǎn)課堂教學(xué)法為輔的商務(wù)網(wǎng)站制作教學(xué)方法，必將極大提高學(xué)生的學(xué)習(xí)積極性和學(xué)習(xí)興趣，學(xué)生課前學(xué)習(xí)微課，了解學(xué)習(xí)網(wǎng)站的相關(guān)知識(shí)，在課堂中，以項(xiàng)目驅(qū)動(dòng)教學(xué)的方式，教師，學(xué)生共同完成課堂項(xiàng)目主線，課后學(xué)生鞏固練習(xí)，完成實(shí)驗(yàn)項(xiàng)目，交流評(píng)價(jià)，改進(jìn)項(xiàng)目，提高學(xué)生的商務(wù)網(wǎng)站制作水平和能力。

[1]郭媛媛. 翻轉(zhuǎn)課堂在高校課堂教學(xué)中的應(yīng)用研究[D].河北：師范大學(xué),2015年.

[2]陳怡，趙呈領(lǐng).基于翻轉(zhuǎn)課堂模式的教學(xué)設(shè)計(jì)及應(yīng)用研究[J].現(xiàn)代教育技術(shù)，2014(2)：49-54.