姚靜

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

【關鍵詞】電子商務；網(wǎng)頁設計；高職；教學；改革

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

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

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

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

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

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

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

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

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

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

5.考核方式不全面

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

6.教學設備和軟件更新太慢

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

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

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

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

2.教材沒有針對性

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

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

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

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

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

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

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

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

2.改變教學方法

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

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

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

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

3.改變考試模式

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

4.合理選用教材

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

5.及時更新設備和軟件

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

四、結(jié)語

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

參考文獻：

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

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

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

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