電子商務(wù)專業(yè)《網(wǎng)頁設(shè)計與制作》課程教學(xué)現(xiàn)狀與改革對策

姚靜

【摘 要】文章通過對高職電子商務(wù)專業(yè)《網(wǎng)頁設(shè)計與制作》課程教學(xué)以及教材現(xiàn)狀進行分析，指出課程教學(xué)存在的問題以及教材編寫與選擇上出現(xiàn)的弊端。結(jié)合電子商務(wù)專業(yè)《網(wǎng)頁設(shè)計與制作》課程的特點，從整合教學(xué)內(nèi)容、改變教學(xué)方法、改變考試模式、合理選擇教材、及時更新設(shè)備和軟件等方面進行改革，從而增強學(xué)生的學(xué)習(xí)效果、提高學(xué)生的學(xué)習(xí)興趣和學(xué)習(xí)水平，培養(yǎng)學(xué)生的創(chuàng)新能力。

【關(guān)鍵詞】電子商務(wù)；網(wǎng)頁設(shè)計；高職；教學(xué)；改革

電子商務(wù)專業(yè)培養(yǎng)的是一種既懂商務(wù)又懂技術(shù)的創(chuàng)新型復(fù)合型人才。《網(wǎng)頁設(shè)計與制作》是高職電子商務(wù)專業(yè)的核心課程，學(xué)生是否能熟練地掌握網(wǎng)頁設(shè)計技能關(guān)系到電子商務(wù)專業(yè)學(xué)生的整體技術(shù)水平，因此，教師應(yīng)高度重視這門課程的教學(xué)設(shè)計和教學(xué)運用等方面的問題。隨著近年來網(wǎng)絡(luò)技術(shù)和知識的不斷更新，一些傳統(tǒng)的教學(xué)方式和教學(xué)內(nèi)容已經(jīng)不適合當(dāng)前的高職教育模式。教師應(yīng)大膽地進行教學(xué)改革，深化教學(xué)模式，提高教學(xué)效果，為社會培養(yǎng)真正的實用型人才。

一、高職電子商務(wù)專業(yè)《網(wǎng)頁設(shè)計與制作》課程教學(xué)現(xiàn)狀

1.教學(xué)內(nèi)容體系單一

目前，高職電子商務(wù)專業(yè)開設(shè)的《網(wǎng)頁設(shè)計與制作》課程，存在著一定的問題。各章節(jié)知識點銜接不合理，內(nèi)容缺乏整體連貫性，教師不能很好地將各個知識點進行整合并運用到綜合案例教學(xué)中。教學(xué)內(nèi)容知識點分散，內(nèi)容目標(biāo)不明確，學(xué)生缺乏綜合應(yīng)用能力，不知道如何將所學(xué)知識應(yīng)用在網(wǎng)頁設(shè)計中。有些教師在講解案例時，采用的方法和步驟有些落后，還是采用之前舊版本的制作方法，與當(dāng)前網(wǎng)頁設(shè)計流行的制作方法有些不同，學(xué)生掌握的知識點和制作網(wǎng)頁的技能滿足不了當(dāng)代市場的需求。

2.教學(xué)內(nèi)容知識面涉及太廣

電子商務(wù)專業(yè)網(wǎng)頁設(shè)計的教學(xué)內(nèi)容主要有：電子商務(wù)網(wǎng)站概述，HTML標(biāo)簽語言，Dreamweaver軟件，表格和框架布局網(wǎng)頁，CSS樣式，層和DIV的應(yīng)用以及CSS+DIV布局網(wǎng)頁方法，JavaScript、ASP網(wǎng)頁編程，以及fireworks、flash等網(wǎng)頁工具的運用。以上內(nèi)容的學(xué)習(xí)至少需要提前開設(shè)兩門相關(guān)課程，比如數(shù)據(jù)庫、C語言等課程，對于高職電子商務(wù)專業(yè)課程體系來說，是不現(xiàn)實的，因為目前高職院校采取的都是工學(xué)結(jié)合的2+1模式，學(xué)生在校時間只有兩年，沒有足夠的時間去學(xué)習(xí)商務(wù)和技術(shù)所涉及的全部課程。學(xué)生在接授 JavaScript、ASP網(wǎng)頁編程等相關(guān)知識時，會覺得生澀難懂，容易產(chǎn)生抵觸心理，所以在動態(tài)網(wǎng)頁設(shè)計方面存在弱勢。

3.沿用傳統(tǒng)的教學(xué)方法

傳統(tǒng)的教學(xué)方法是以教師為中心的教學(xué)模式，教師占據(jù)主導(dǎo)地位，學(xué)生只能被動接授知識。減少了學(xué)生的創(chuàng)新意識，降低了學(xué)生的學(xué)習(xí)水平，影響了學(xué)生的學(xué)習(xí)效果。實踐操作的題目，往往是教師講過的或課本上的案例，這樣會導(dǎo)致學(xué)生思維單一，缺乏創(chuàng)新性。

4.偏重于靜態(tài)網(wǎng)頁的設(shè)計

對于電子商務(wù)專業(yè)的學(xué)生來說，只簡單掌握靜態(tài)頁面的設(shè)計是遠(yuǎn)遠(yuǎn)不夠的，對于商務(wù)類網(wǎng)頁來說，更注重的是動態(tài)頁面的制作，由于學(xué)生編程語言知識的匱乏，教師講解知識時容易繞開動態(tài)網(wǎng)頁設(shè)計技術(shù)，往往偏重于靜態(tài)網(wǎng)頁的設(shè)計，這樣就造成了學(xué)生只懂靜態(tài)頁面設(shè)計，不了解動態(tài)頁面設(shè)計的局面。

5.考核方式不全面

有些高職電子商務(wù)專業(yè)的《網(wǎng)頁設(shè)計與制作》課程采用傳統(tǒng)的試卷考試來判定學(xué)生成績。考試內(nèi)容主要是理論方面的知識，學(xué)生只簡單背一下內(nèi)容就能答題能分，容易造成理論與實踐脫軌，不能很好地考核學(xué)生的真實水平。最終造成了學(xué)生重理論偏實踐的局面，動手能力偏差，不能很好地設(shè)計出一個完美實用的網(wǎng)站。

6.教學(xué)設(shè)備和軟件更新太慢

有些高職院校對機房中心建設(shè)不夠重視，機房所用到的電腦和軟件版本過于陳舊，更新緩慢。比如電子商務(wù)專業(yè)所開設(shè)的《網(wǎng)頁設(shè)計與制作》課程，一般要求在機房中心上機實訓(xùn)，主要用到的軟件是Dreamweaver。根據(jù)目前市場要求，所用的軟件至少是Dreamweaver CS5 版本以上，有的還要求是Dreamweaver CS6版本，但有些高職院校機房中心采用的版本是Dreamweaver 8.0。教師授課時采用的軟件是新版本，所布置的作業(yè)也需按新版本的操作環(huán)境來完成的。但學(xué)生在機房上課時，采用的是舊版本，這樣就造成了矛盾，容易讓學(xué)生產(chǎn)生錯亂情緒。由于新舊版本的不同，在一些功能和方法上也有明顯的不同，學(xué)生練習(xí)時會有一定的困難。最后學(xué)生只掌握了舊版本的方法，新版本用著不順手。

二、高職電子商務(wù)專業(yè)《網(wǎng)頁設(shè)計與制作》課程教材現(xiàn)狀

1.教材編寫理論過多，案例太少

有些教材編寫時只考慮到網(wǎng)頁基礎(chǔ)理論知識，沒有從實際應(yīng)用出發(fā)，每章節(jié)案例太少，有些基本上就無案例。這就需要任課老師選擇教材時，要擦亮自己的眼睛，多從學(xué)生的角度考慮，電子商務(wù)專業(yè)學(xué)生在網(wǎng)頁設(shè)計操作方面，本身基礎(chǔ)就比較薄弱，再加上所用教材編寫的不合理，對于他們在技術(shù)知識的掌握上會有一定的影響，會降低他們的學(xué)習(xí)興趣。

2.教材沒有針對性

目前高職網(wǎng)頁設(shè)計課程使用的教材，雖然有類別的差異，但實質(zhì)上內(nèi)容雷同。比如有的出版社網(wǎng)頁設(shè)計教材雖然注明是電子商務(wù)系列的，但內(nèi)容上和計算機系列的沒有多少區(qū)別，甚至還不如計算機系列的教材。除了第一章是電子商務(wù)網(wǎng)站概述之外，其它都是一樣的。前言寫的很高端很全面，內(nèi)容卻很簡潔，章節(jié)只單一地介紹知識，缺少實例，內(nèi)容空洞，銜接不緊密。有的教材測重于HTML代碼的介紹，沒有軟件界面操作步驟，這對電子商務(wù)專業(yè)的學(xué)生來說，有些難以理解。

三、高職電子商務(wù)專業(yè)《網(wǎng)頁設(shè)計與制作》課程改革對策

高職電子商務(wù)專業(yè)《網(wǎng)頁設(shè)計與制作》課程要從體系的構(gòu)建到人才培養(yǎng)方案的設(shè)置上滿足當(dāng)代社會對人才的需求，要緊跟時代的步伐，在互聯(lián)網(wǎng)和電子商務(wù)的這個大環(huán)境下，必須從一定程度上對教學(xué)做出改革，注重實踐的應(yīng)用，使學(xué)生真正掌握住商務(wù)網(wǎng)頁設(shè)計的方法和技能。

1.整合教學(xué)內(nèi)容

（1）電子商務(wù)網(wǎng)站概述。介紹電子商務(wù)網(wǎng)站的基礎(chǔ)知識，網(wǎng)站的分類、特點，網(wǎng)站建站流程。

（2）HTML代碼和CSS樣式。HTML代碼和CSS樣式的應(yīng)用要安排合理，不能盲目講解，要結(jié)合案例重點介紹常用的代碼。近年來在網(wǎng)頁布局中用的最多的是CSS+DIV布局網(wǎng)頁的方法，教師可重點講解這方面的知識，讓學(xué)生熟練應(yīng)用。

（3）動態(tài)網(wǎng)頁的技術(shù)實現(xiàn)。由于缺少語言程序方面的知識，電子商務(wù)專業(yè)的學(xué)生在開發(fā)動態(tài)商務(wù)網(wǎng)站方面，存在著很多的困難。教師可在靜態(tài)網(wǎng)頁設(shè)計的基礎(chǔ)上，讓學(xué)生了解一些JSP腳本代碼和常用的動態(tài)程序代碼，讓學(xué)生掌握如何在靜態(tài)頁面中導(dǎo)入動態(tài)程序和嵌入腳本代碼的方法。

（4）教師要經(jīng)常不斷地學(xué)習(xí)新知識。教師在講解案例時，用到的方法和步驟一定要符合當(dāng)前市場對網(wǎng)頁設(shè)計的要求，跟得上時代的步伐。平時應(yīng)多學(xué)習(xí)新知識，注意網(wǎng)頁設(shè)計技術(shù)的更新，多學(xué)習(xí)市場上流行的商務(wù)網(wǎng)站開發(fā)技術(shù)，便于更好地教學(xué)。

2.改變教學(xué)方法

有效的教學(xué)方法可以讓學(xué)生掌握必要的知識技能，提高他們的競爭能力，適應(yīng)社會對高技能人才的需求。這就要求教師在教學(xué)中改變傳統(tǒng)的教學(xué)觀念，倡導(dǎo)“以學(xué)生為中心”的教學(xué)方法。在網(wǎng)頁設(shè)計課程中，把教學(xué)內(nèi)容置于任務(wù)或案例中，讓學(xué)生在實踐中學(xué)會知識，在操作中掌握技能。

（1）任務(wù)驅(qū)動法的運用。任務(wù)驅(qū)動法的基本特征是“以任務(wù)為主線、教師為主導(dǎo)、學(xué)生為主體”，教師提前設(shè)置好任務(wù)，要求學(xué)生根據(jù)所學(xué)知識或?qū)⒁獙W(xué)習(xí)的新知識通過自主或合作的方式來完成本任務(wù)。例如：在“用CSS樣式制作網(wǎng)頁導(dǎo)航”課程中，教師可列舉出幾種常見的網(wǎng)頁導(dǎo)航，通過多媒體的形式展示出來。把學(xué)生分成幾個小組，要求各小組設(shè)計一個網(wǎng)頁導(dǎo)航。各小組學(xué)生可根據(jù)所學(xué)文字、圖像、CSS樣式等相關(guān)知識以及超鏈接新知識來完成導(dǎo)航網(wǎng)頁的設(shè)計，并在制作中學(xué)會了如何通過CSS和超鏈接結(jié)合的形式創(chuàng)建網(wǎng)頁導(dǎo)航。教師選出比較優(yōu)秀的組，由組長展示作品，并要求組長講解制作過程，最后由教師做出評價。學(xué)生在任務(wù)中獲得成就感，激發(fā)學(xué)生的學(xué)習(xí)興趣，增強學(xué)生的創(chuàng)新意識，提高學(xué)生的學(xué)習(xí)水平。

（2）案例教學(xué)法的應(yīng)用。教師選擇合適的案例進行講解，讓學(xué)生分析案例中所用到的相關(guān)知識，讓學(xué)生動手操作，老師根據(jù)學(xué)生操作的結(jié)果進行評價，分析其掌握程度，方便下一步的教學(xué)。例如，在Dreamweaver的授課過程中，教師通過演示如何制作一個花店網(wǎng)網(wǎng)頁來說明表格布局網(wǎng)頁的方法以及CSS美化網(wǎng)頁的過程，然后給學(xué)生布置上機題目“旅游信息網(wǎng)站”的任務(wù)。學(xué)生根據(jù)任務(wù)要求，搜集旅游信息網(wǎng)素材，獨立設(shè)計，從而完成任務(wù)，最后由老師做出評價。通過這種方法，學(xué)生完成相關(guān)知識技能目標(biāo)的同時，又能培養(yǎng)學(xué)生正確認(rèn)識自我、明確學(xué)習(xí)方向、增強學(xué)習(xí)興趣的情感價值目標(biāo)。

這兩種方法的運用，有利于理論與實踐相結(jié)合，充分調(diào)動了“教”與“學(xué)”的積極性，提高了教師和學(xué)生的素質(zhì)。

3.改變考試模式

隨著實訓(xùn)在高職教學(xué)比例中的加大，網(wǎng)頁設(shè)計課考試方法也在不斷更新，之前的試卷考試已經(jīng)不能滿足教學(xué)考核的要求，實踐考試成了考核學(xué)生學(xué)習(xí)效果的最佳方式。教師制定一個上機考試方案，要求學(xué)生每人設(shè)計一個商務(wù)類網(wǎng)站，主題不限，可自由發(fā)揮。教師可從網(wǎng)頁布局合理、主題鮮明、構(gòu)思新穎、界面美觀、層次清楚、色彩協(xié)調(diào)、是否符合方案要求等方面進行打分，并評定成績。這樣，可考核學(xué)生對整體網(wǎng)頁知識的掌握程度、實踐動手能力。

4.合理選用教材

教材的選擇是否合適直接關(guān)系到學(xué)生的學(xué)習(xí)興趣和學(xué)習(xí)效果。作為電子商務(wù)專業(yè)的一名教師，本著為學(xué)生負(fù)責(zé)的態(tài)度，結(jié)合本專業(yè)及學(xué)生的特點，盡量選擇一些實踐性強的教材。每章節(jié)都有案例練習(xí)，有實訓(xùn)任務(wù)，并且配有相關(guān)案例教學(xué)素材。案例盡可能是一些商務(wù)網(wǎng)站，這樣學(xué)生在學(xué)習(xí)時，會更好地理解相關(guān)專業(yè)知識并熟練應(yīng)用到案例中，制作出優(yōu)美實用的電子商務(wù)網(wǎng)站。

5.及時更新設(shè)備和軟件

隨著近年來科技和網(wǎng)絡(luò)的進步，高職院校在機房中心建設(shè)上應(yīng)符合當(dāng)前社會的需求，要及時更換舊設(shè)備，引進新設(shè)備。在教學(xué)實訓(xùn)上要及時更新軟件，滿足當(dāng)前社會對《網(wǎng)頁設(shè)計與制作》課程實訓(xùn)軟件的要求。目前網(wǎng)頁設(shè)計所用的軟件至少是CS5版本以上，機房管理老師要及時更新和維護軟件，與任課老師配合好，有什么問題及時溝通，便于更好地為教學(xué)服務(wù)。這樣學(xué)生才能學(xué)習(xí)到最新的技術(shù)設(shè)計方法，以便于為步入社會做準(zhǔn)備。

四、結(jié)語

網(wǎng)頁設(shè)計教學(xué)改革措施的運用，使教師教學(xué)效果得到了進一步提高，增強了學(xué)生主動學(xué)習(xí)的興趣。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展、專業(yè)知識和應(yīng)用技術(shù)的不斷變化，課程教學(xué)改革需要持續(xù)進行，要求教師不斷思考，善于總結(jié)，勇于創(chuàng)新。

參考文獻(xiàn)：

[1]仲靜.高職網(wǎng)頁設(shè)計與制作課程教學(xué)改革手探析[J].電腦知識與技術(shù)，2014（11）.

[2]余永紅.趙衛(wèi)濱.蔣晶.徐勁松.《電子商務(wù)網(wǎng)站建設(shè)與管理》課程教學(xué)改革研究[J].軟件導(dǎo)刊，2014（2）.

[3] 楊正校.關(guān)于網(wǎng)站設(shè)計與制作技術(shù)的項目設(shè)計[J]. 中國現(xiàn)代教育裝備. 2009（02）

[4]郭紹清.任務(wù)驅(qū)動教學(xué)法的內(nèi)涵[J].中國電化教育，2006（7）.