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

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

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

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

引言

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

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

1.1教學目的及課程定位

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

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

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

2、突出學生為中心的教學方式

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

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

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

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

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

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

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

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

4、結(jié)束語

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

參考文獻：

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

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

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

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

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

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

作者:張瑞云 單位:河南工學院