高職電子商務(wù)網(wǎng)頁設(shè)計(jì)課程教學(xué)探索

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了高職電子商務(wù)網(wǎng)頁設(shè)計(jì)課程教學(xué)探索范文，希望能給你帶來靈感和參考，敬請(qǐng)閱讀。

摘要：網(wǎng)頁設(shè)計(jì)課程是很多高職院校電子商務(wù)專業(yè)開設(shè)的必修課程，旨在培養(yǎng)學(xué)生前端網(wǎng)頁開發(fā)的技能。針對(duì)教學(xué)過程中存在的實(shí)際問題，結(jié)合課程特點(diǎn)及專業(yè)崗位需求，從網(wǎng)頁設(shè)計(jì)課程的課程定位、教學(xué)目的、教學(xué)方法、教學(xué)內(nèi)容、教學(xué)考核等方面來探索和討論如何讓學(xué)生更好地學(xué)習(xí)WEB前端網(wǎng)頁開發(fā)設(shè)計(jì)的方法技能。

關(guān)鍵詞：電子商務(wù)；WEB前端開發(fā)；網(wǎng)頁設(shè)計(jì)；教學(xué)探索

引言

網(wǎng)頁設(shè)計(jì)課程是電子商務(wù)專業(yè)的必修課程，課程目標(biāo)是培養(yǎng)學(xué)生的網(wǎng)站策劃及網(wǎng)站開發(fā)能力，拓寬就業(yè)渠道。然而，大多數(shù)高校在網(wǎng)頁設(shè)計(jì)的實(shí)際教學(xué)中往往只注重對(duì)于課程軟件Dreamweaver的功能進(jìn)行講解，以至于學(xué)生畢業(yè)以后，大多數(shù)人只是對(duì)軟件功能有所了解，并沒有實(shí)踐應(yīng)用能力。我校電子商務(wù)專業(yè)自與企業(yè)聯(lián)合培養(yǎng)以來，按照企業(yè)對(duì)電商人才的需求重新調(diào)整了培養(yǎng)方案，其中，明確將網(wǎng)頁設(shè)計(jì)課程定位于WEB前端開發(fā)。該課程主要建立在代碼基礎(chǔ)上，具有較強(qiáng)的綜合性和實(shí)踐性，英語基礎(chǔ)差的學(xué)生在接觸后會(huì)覺很難掌握。如果按照傳統(tǒng)的教學(xué)模式，學(xué)生學(xué)習(xí)的積極性差，很難獲得較好的教學(xué)效果。另外，課程上機(jī)實(shí)踐部分較多，但是由于時(shí)間和實(shí)訓(xùn)硬件條件的限制，理論課和實(shí)踐課會(huì)存在時(shí)間跨度，實(shí)踐效果較差。所以，該課程主要的問題是如何提高學(xué)生積極性、主動(dòng)性，讓學(xué)生掌握實(shí)用的WEB前端開發(fā)知識(shí)和技能。要解決這個(gè)問題，需要在教學(xué)各個(gè)環(huán)節(jié)進(jìn)行改革創(chuàng)新，包括教學(xué)內(nèi)容、教學(xué)方法、考核方式等方面。

1、以崗位需求為導(dǎo)向優(yōu)化教學(xué)內(nèi)容

1.1教學(xué)目的及課程定位

網(wǎng)頁設(shè)計(jì)是電子商務(wù)專業(yè)核心必修課程，高職電子商務(wù)專業(yè)《網(wǎng)頁設(shè)計(jì)》課程的教學(xué)探索——以河南工學(xué)院為例文／張瑞云旨在使學(xué)生能夠掌握網(wǎng)頁設(shè)計(jì)制作的基本知識(shí)和技巧，同時(shí)熟悉網(wǎng)站建設(shè)的基本知識(shí)，達(dá)到能獨(dú)立構(gòu)建簡單網(wǎng)站或通過協(xié)作構(gòu)建較復(fù)雜網(wǎng)站并設(shè)計(jì)相關(guān)網(wǎng)頁的水平。同時(shí)，通過實(shí)踐環(huán)節(jié)，強(qiáng)化對(duì)學(xué)生動(dòng)手能力的培養(yǎng)與訓(xùn)練。所以，要充分了解企業(yè)對(duì)于WEB前端開發(fā)崗位具體的技能需求，分析傳統(tǒng)教學(xué)與企業(yè)崗位需求的差距，以崗位需求為導(dǎo)向，校企共同制定培養(yǎng)計(jì)劃、確定課程定位以及優(yōu)化教學(xué)內(nèi)容。目前網(wǎng)頁設(shè)計(jì)開發(fā)軟件有很多，如：Dreamweaver、Frontpage、Ultraedit、Hbuilder等。HBuilder是一個(gè)快速方便的代碼編輯工具，目前是業(yè)內(nèi)主流的開發(fā)工具，它最大的特點(diǎn)就是快捷，主要體現(xiàn)在編寫代碼以及操作功能的快捷設(shè)定，可以實(shí)現(xiàn)無鼠標(biāo)的極速操作。主要用于開發(fā)HTML、JS、CSS，同時(shí)配合HTML的后端腳本語言如PHP、JSP也可以適用。選擇該軟件作為網(wǎng)頁設(shè)計(jì)教學(xué)更能凸顯WEB前端開發(fā)的課程定位,同時(shí)，可以更好地與其他專業(yè)課程融合。

1.2教學(xué)內(nèi)容的選擇

網(wǎng)頁制作技術(shù)發(fā)展很快，但是學(xué)校選擇的教材內(nèi)容較為陳舊，更新跟不上發(fā)展形勢(shì)。很多網(wǎng)頁設(shè)計(jì)課程的教材仍然集中在網(wǎng)頁三劍客，授課重點(diǎn)也集中在PS、Flash、DW三個(gè)軟件的基本應(yīng)用操作，這樣一方面會(huì)使學(xué)生所學(xué)的知識(shí)跟公司的實(shí)際應(yīng)用有脫軌，不利培養(yǎng)應(yīng)用型人才；另一方面，學(xué)生所學(xué)內(nèi)容和其他專業(yè)課程有重疊，如《Photoshop應(yīng)用基礎(chǔ)》，造成課時(shí)資源浪費(fèi)。在教學(xué)內(nèi)容的選擇上，以培養(yǎng)電子商務(wù)應(yīng)用型人才為導(dǎo)向，校企雙方通力合作，組建專門教學(xué)團(tuán)隊(duì)進(jìn)行相關(guān)課程研發(fā)和教材編撰工作。教材內(nèi)容力求精煉、實(shí)用，同時(shí)兼顧前瞻性。知識(shí)點(diǎn)講解努力做到深入淺出、循序漸進(jìn)。電腦端和移動(dòng)端的網(wǎng)頁開發(fā)都是基于HTML和CSS實(shí)現(xiàn)的，所以整個(gè)教材主要內(nèi)容集中在HTML5和CSS這兩部分，從HTML文件的基本結(jié)構(gòu)講起，到使用HTML制作簡單的網(wǎng)頁，再到利用CSS設(shè)定樣式，一直到最后需要綜合運(yùn)用HTML和CSS的項(xiàng)目案例，實(shí)現(xiàn)學(xué)生從不會(huì)到熟練的蛻變。

2、突出學(xué)生為中心的教學(xué)方式

2.1理實(shí)一體化，重點(diǎn)突出實(shí)踐

傳統(tǒng)網(wǎng)頁設(shè)計(jì)教學(xué)是理論實(shí)踐分離，過度突出教師講授在教學(xué)中的重要性，不重視或者忽略學(xué)生實(shí)踐，結(jié)果造成理論與實(shí)踐相互脫節(jié)，學(xué)生通過學(xué)校學(xué)習(xí)的知識(shí)并不能轉(zhuǎn)化為自己在工作中的專業(yè)技能。將理論教學(xué)過程與實(shí)踐教學(xué)過程相互融合，不但有利于提高學(xué)生對(duì)專業(yè)理論知識(shí)的理解，更重要的是可以培養(yǎng)其較好的實(shí)踐能力。在授課過程中，理論知識(shí)夠用即可，應(yīng)該加大實(shí)踐教學(xué)，突出實(shí)踐實(shí)訓(xùn)所用到的知識(shí)點(diǎn)。課時(shí)（100分鐘）安排上，30%用來講授重點(diǎn)知識(shí)點(diǎn)，50%用于實(shí)踐練習(xí)，剩下20%進(jìn)行分析總結(jié)。以便學(xué)生能夠掌握前端網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)與技能。

2.2案例引入教學(xué)，任務(wù)驅(qū)動(dòng)實(shí)踐

教師在課堂教學(xué)中，引入實(shí)際的網(wǎng)站作為教學(xué)案例，講解和演示知識(shí)點(diǎn)在實(shí)際網(wǎng)頁開發(fā)設(shè)計(jì)中的運(yùn)用，更好的引導(dǎo)學(xué)生自主的進(jìn)行系統(tǒng)思考，真正實(shí)現(xiàn)學(xué)習(xí)遷移；在教學(xué)的實(shí)踐環(huán)節(jié)中，教師結(jié)合章節(jié)知識(shí)點(diǎn)精心挑選設(shè)計(jì)“每一個(gè)任務(wù)”，這些任務(wù)能夠涵蓋所學(xué)知識(shí)點(diǎn)，并且最好能夠做到知識(shí)點(diǎn)的銜接，讓學(xué)生獨(dú)立完成，通過完成的結(jié)果考察學(xué)生對(duì)知識(shí)的掌握程度。最后復(fù)習(xí)階段設(shè)計(jì)一個(gè)盡量包含所有知識(shí)點(diǎn)的綜合項(xiàng)目，以任務(wù)為導(dǎo)向，項(xiàng)目為驅(qū)動(dòng)，讓學(xué)生在項(xiàng)目實(shí)訓(xùn)中掌握所學(xué)的知識(shí)，實(shí)現(xiàn)教學(xué)做一體化。整個(gè)教學(xué)過程教師通過講解、演示、操作等步驟重點(diǎn)培養(yǎng)學(xué)生對(duì)基本知識(shí)技能的掌握，避免目前一些開發(fā)設(shè)計(jì)類課程教學(xué)重講授、輕實(shí)踐或者重實(shí)踐、輕講授的不足。

2.3在線化作業(yè)練習(xí)，網(wǎng)絡(luò)化討論答疑

利用學(xué)校的網(wǎng)絡(luò)教學(xué)平臺(tái)系統(tǒng)：Sakai學(xué)習(xí)空間，開展無紙化作業(yè)。老師將課程資源、作業(yè)素材上傳到課程站點(diǎn)。學(xué)生登錄自己學(xué)號(hào)完成作業(yè)在線提交。老師可在線批閱打分，還可以統(tǒng)計(jì)及追蹤學(xué)生提交作業(yè)情況及完成作業(yè)情況，便于了解學(xué)生對(duì)知識(shí)掌握情況。利用學(xué)習(xí)空間的論壇、即時(shí)問答板塊開展學(xué)習(xí)討論、聊天，為學(xué)生提供在線幫助。學(xué)生可以在線學(xué)習(xí)中遇到的疑難問題，也可自己的學(xué)習(xí)心得或經(jīng)驗(yàn)等，進(jìn)行討論與交流。教師可以在線進(jìn)行答疑與指導(dǎo)，同時(shí)也可通過郵件、微信群、QQ群等方式進(jìn)行答疑。討論形成的信息可以作為資源供學(xué)生參考。

3、多元化的考核評(píng)價(jià)方式

網(wǎng)頁設(shè)計(jì)課程旨在培養(yǎng)學(xué)生的創(chuàng)新能力和應(yīng)用能力，我們對(duì)成績的評(píng)定側(cè)重于考察學(xué)生對(duì)知識(shí)的靈活應(yīng)用情況，所以在考核方式上要更突出實(shí)踐性。實(shí)行平時(shí)成績和期末考試成績相結(jié)合的評(píng)價(jià)方式，以全面考核學(xué)生的學(xué)習(xí)效果和綜合素質(zhì)。平時(shí)成績，占綜合成績的50%，主要包含了考勤、平時(shí)作業(yè)兩個(gè)主要部分。其中，平時(shí)作業(yè)根據(jù)當(dāng)前章節(jié)知識(shí)點(diǎn)選擇各主流網(wǎng)站的版塊作為單元項(xiàng)目，成績由任課教師根據(jù)項(xiàng)目完成情況進(jìn)行評(píng)定。考勤則參照企業(yè)考勤機(jī)制，以扣分機(jī)制進(jìn)行考核。期末成績，占綜合成績的50%，采取上機(jī)考試的方式進(jìn)行考核。在考試的兩個(gè)小時(shí)內(nèi)按要求學(xué)生獨(dú)立完成自己的考試項(xiàng)目，為了避免考試過程中出現(xiàn)作弊的行為，利用學(xué)習(xí)空間進(jìn)行在線考試。老師在出題時(shí)，考試內(nèi)容來源于當(dāng)前主流網(wǎng)站，結(jié)合學(xué)生的層次和所學(xué)的知識(shí)點(diǎn)，有類別、有層次確定考試題目。將所出題目上傳至學(xué)校Sakai學(xué)習(xí)空間的題庫版塊，形成題庫。學(xué)生需登錄自己的賬號(hào)，系統(tǒng)會(huì)根據(jù)所設(shè)定的題目類別，隨機(jī)從不同類別的題目中各抽取一道題目形成一套完整的試卷，學(xué)生下載后用Hbuilder完成題目，上傳即可。

4、結(jié)束語

教學(xué)實(shí)踐結(jié)果表明，經(jīng)過教學(xué)改革，學(xué)生的學(xué)習(xí)積極主動(dòng)性明顯增強(qiáng)，到課率平均95%以上。多元考核機(jī)制項(xiàng)目驅(qū)動(dòng)的教學(xué)方法大大促進(jìn)了學(xué)生的自學(xué)及實(shí)踐動(dòng)手能力，使學(xué)生具備獨(dú)立進(jìn)行網(wǎng)頁前端開發(fā)的知識(shí)和技能，為學(xué)生將來從事網(wǎng)站開發(fā)設(shè)計(jì)打下堅(jiān)實(shí)的基礎(chǔ)。前端開發(fā)崗位要求會(huì)隨著市場(chǎng)的需求及技術(shù)進(jìn)步不斷的變化，因此，前端開發(fā)課程的教學(xué)過程必須緊隨技術(shù)發(fā)展前沿和市場(chǎng)需求，不斷進(jìn)行課程改革探索實(shí)踐.

參考文獻(xiàn)：

[1]楊秀生,李挺.“互聯(lián)網(wǎng)+”背景下的WEB前端開發(fā)課程教學(xué)模式思考[J].佳木斯職業(yè)學(xué)院學(xué)報(bào),2016(04):428.

[2]儲(chǔ)久良.WEB前端開發(fā)技術(shù)課程教學(xué)改革與實(shí)踐[J].計(jì)算機(jī)教育,2014(14):13.

[3]李舒亮,劉亞坤.基于應(yīng)用型人才培養(yǎng)的網(wǎng)頁設(shè)計(jì)與制作課程改革探索[J].無線互聯(lián)科技,2017(05):74-75.

[4]陳霞,吳東.基于就業(yè)導(dǎo)向的HTML5前端開發(fā)課程教學(xué)改革實(shí)踐[J].現(xiàn)代計(jì)算機(jī),2017(04):30-31.

[5]范會(huì)聯(lián),仲元昌.基于項(xiàng)目驅(qū)動(dòng)的軟件工程課程教學(xué)改革探索[J].教育與職業(yè),2013(5):149-150.

[6]趙丹.以學(xué)生自主學(xué)習(xí)為中心的任務(wù)驅(qū)動(dòng)教學(xué)模式探討[J].教育與職業(yè),2013(12):100-101.

作者:張瑞云 單位:河南工學(xué)院