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

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

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

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

引言

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

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

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

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

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

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

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

2.1理實一體化，重點突出實踐

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

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

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

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

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

3、多元化的考核評價方式

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

4、結(jié)束語

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

參考文獻：

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

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

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

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

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

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

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