前言：尋找寫作靈感？中文期刊網(wǎng)用心挑選的電子商務(wù)網(wǎng)頁設(shè)計(jì)課程教學(xué)，希望能為您的閱讀和創(chuàng)作帶來靈感，歡迎大家閱讀并分享。

摘要：

本文分析電子商務(wù)專業(yè)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)現(xiàn)狀，并探討了電子商務(wù)專業(yè)網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)、實(shí)施及考核環(huán)節(jié)，通過該課程教學(xué)改革提高學(xué)生學(xué)習(xí)興趣，并能提升個(gè)人建設(shè)網(wǎng)站的綜合能力和素質(zhì)。

關(guān)鍵詞：

電子商務(wù)；網(wǎng)頁設(shè)計(jì)與制作；學(xué)習(xí)反饋；任務(wù)循環(huán)

1網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)現(xiàn)狀

（1）學(xué)生欠缺計(jì)算機(jī)和美學(xué)設(shè)計(jì)基礎(chǔ)知識(shí)。

沒有計(jì)算機(jī)基礎(chǔ)課程，且課程學(xué)習(xí)課時(shí)較少，對(duì)網(wǎng)頁基礎(chǔ)知識(shí)理解較為費(fèi)解，美學(xué)設(shè)計(jì)的欠缺，導(dǎo)致網(wǎng)頁設(shè)計(jì)能力差，雖然能夠也能制作簡(jiǎn)單網(wǎng)頁，往往布局不合理。審美能力弱，有時(shí)追求個(gè)性，制作的網(wǎng)頁往往花里胡哨，內(nèi)容和主題不一致，導(dǎo)致網(wǎng)頁視覺效果差。

（2）學(xué)生邏輯思維能力差。

由于文科類電子商務(wù)專業(yè)特點(diǎn)，該專業(yè)學(xué)生邏輯思維相比理工類專業(yè)學(xué)生邏輯思維相對(duì)欠缺，對(duì)于網(wǎng)頁布局處理能力和網(wǎng)站的規(guī)劃能力較弱，甚至理解有一定困難。在這些方面的不足，導(dǎo)致學(xué)生學(xué)習(xí)起來感覺難度較大，學(xué)習(xí)積極性不高。

2網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)

任課教師首先選用結(jié)構(gòu)設(shè)置全面，講授內(nèi)容多較為充實(shí)的教材，這樣使學(xué)習(xí)興趣比較高的學(xué)生課下可繼續(xù)學(xué)習(xí)。同時(shí)給學(xué)生提供一些關(guān)于計(jì)算機(jī)基礎(chǔ)和平面設(shè)計(jì)類參考資料。向?qū)W生介紹網(wǎng)絡(luò)上一些比較專業(yè)網(wǎng)站開發(fā)論壇。任課教師在設(shè)計(jì)教案時(shí)設(shè)計(jì)內(nèi)容以選取教材為主，以選取其他同類教材為輔。盡量使章節(jié)框架齊全，章節(jié)內(nèi)知識(shí)點(diǎn)豐富全面。每個(gè)知識(shí)點(diǎn)都選取相應(yīng)案例，這樣學(xué)生易于理解。將網(wǎng)頁設(shè)計(jì)與制作課程內(nèi)容分為七個(gè)模塊，按照每個(gè)模塊的知識(shí)點(diǎn)，依據(jù)教學(xué)目標(biāo)設(shè)計(jì)要求學(xué)生課堂和課后完成的小任務(wù)[1]。第一個(gè)模塊為網(wǎng)頁設(shè)計(jì)與制作理論基礎(chǔ)知識(shí)：介紹INTERNET基礎(chǔ)知識(shí)、網(wǎng)頁設(shè)計(jì)相關(guān)概念、網(wǎng)頁制作開發(fā)相關(guān)技術(shù)和工具，共2個(gè)課時(shí)，使學(xué)生掌握該課程整體框架。第二個(gè)模塊為HTML基礎(chǔ)知識(shí)：修飾標(biāo)簽實(shí)現(xiàn)網(wǎng)頁文字的設(shè)置；設(shè)置列表；插入圖片和多媒體內(nèi)容；設(shè)置超鏈接。共10課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能掌握HTML網(wǎng)頁標(biāo)簽建立個(gè)人主頁。第三個(gè)模塊為表格和表單：表格基本概念和常用屬性；表單基本概念和常用屬性。共6個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生掌握使用表格整理數(shù)據(jù)和布局網(wǎng)頁，利用表單設(shè)計(jì)注冊(cè)頁面。第四個(gè)模塊為層疊樣式表（CSS）：CSS的基本語法；CSS的選擇器；CSS的使用方法；CSS的屬性單位。共12個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠利用CSS樣式美化網(wǎng)頁。第五個(gè)模塊為CSS網(wǎng)頁布局與定位：div標(biāo)簽；span標(biāo)簽；盒子模型；display屬性；float屬性；position屬性；css+div布局類型。共9個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠運(yùn)用制作學(xué)校網(wǎng)站導(dǎo)航條和實(shí)現(xiàn)圖文并茂的效果。第六個(gè)模塊為超鏈接偽類、表單設(shè)計(jì)和導(dǎo)航菜單：共6個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠使用偽類美化超鏈接，用CSS美化表單并能夠制作各式各樣的導(dǎo)航條。第七個(gè)模塊為網(wǎng)站建設(shè)：網(wǎng)站建設(shè)的步驟；網(wǎng)站建設(shè)的原則。共6個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠建立主題網(wǎng)站。

3網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)實(shí)施

3.1課程教學(xué)

（1）課堂教學(xué)

①基礎(chǔ)知識(shí)學(xué)習(xí)，任課教師將課程的知識(shí)點(diǎn)通過多媒體教學(xué)進(jìn)行詳細(xì)的講授，選擇合適案例進(jìn)行演示，盡量涵蓋能夠覆蓋每個(gè)知識(shí)點(diǎn)，這樣圖文并茂的傳授能夠調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣，提高課堂教學(xué)效果。②任務(wù)實(shí)踐，任課教師根據(jù)知識(shí)點(diǎn)設(shè)定各個(gè)任務(wù)，布置的任務(wù)能夠覆蓋所講授內(nèi)容所有的知識(shí)點(diǎn)，每個(gè)任務(wù)和前后任務(wù)都具有連貫性，這樣能夠在前次的任務(wù)基礎(chǔ)開拓這次任務(wù)，對(duì)以前學(xué)習(xí)的知識(shí)點(diǎn)不斷鞏固。③學(xué)習(xí)反饋，在學(xué)生初次完成任務(wù)后，任課教師總結(jié)學(xué)生在任務(wù)執(zhí)行過程中存在的問題并給出解決問題的辦法和技巧，這樣能都深化學(xué)生對(duì)知識(shí)的理解。④任務(wù)循環(huán)，學(xué)生在反饋學(xué)習(xí)之后再次根據(jù)老師指出的問題和提示對(duì)自己的作品進(jìn)行改進(jìn)。通過這種任務(wù)循環(huán)的方式使學(xué)生對(duì)于知識(shí)點(diǎn)的掌握會(huì)更加的深入理解，培養(yǎng)其精益求精的網(wǎng)站開發(fā)人員的素質(zhì)。⑤任務(wù)總結(jié)，在所有的學(xué)生完成任務(wù)后，教師再次強(qiáng)調(diào)任務(wù)知識(shí)點(diǎn)的難點(diǎn)和重點(diǎn)，分析技術(shù)問題和處理技巧，并布置學(xué)生要在課下完成的小任務(wù)。

（2）課下自學(xué)

學(xué)生僅僅依靠在課堂上學(xué)習(xí)和練習(xí)，以達(dá)到對(duì)該課程熟練掌握的目的是遠(yuǎn)遠(yuǎn)不夠的，所以要按照每個(gè)模塊的知識(shí)點(diǎn)，依據(jù)教學(xué)目標(biāo)設(shè)計(jì)學(xué)生課后完成的小任務(wù)。通過qq群和微信群溝通平臺(tái)，學(xué)生之間和師生之間可以隨時(shí)隨地進(jìn)行溝通和資源共享。鼓勵(lì)學(xué)生多參加學(xué)科競(jìng)賽，達(dá)到以賽促學(xué)。

3.2課程考核

①平時(shí)考核。學(xué)生根據(jù)所學(xué)知識(shí)點(diǎn)，獨(dú)立完成任課教師布置的任務(wù)。根據(jù)完成情況，記錄為平時(shí)成績(jī)，成績(jī)等級(jí)分為沒完成（C）、基本完成（B）、超越完成（A）。該成績(jī)真實(shí)反饋學(xué)生知識(shí)掌握情況和動(dòng)手能力的高低。平時(shí)考核在課堂結(jié)束前10分鐘內(nèi)完成。②項(xiàng)目考核。在第17周課程教學(xué)結(jié)束時(shí)布置設(shè)計(jì)并制作網(wǎng)站項(xiàng)目任務(wù)，網(wǎng)站項(xiàng)目作為該課程完成后的綜合性考核，要求每個(gè)學(xué)生設(shè)計(jì)并制作一個(gè)表達(dá)某個(gè)主題的網(wǎng)站，向?qū)W生明確對(duì)網(wǎng)站評(píng)價(jià)的一系列標(biāo)準(zhǔn)，并要求根據(jù)提交項(xiàng)目設(shè)計(jì)制作報(bào)告書。并在課程教學(xué)第18周進(jìn)行網(wǎng)站項(xiàng)目演示，每個(gè)同學(xué)在全班同學(xué)面前通過多媒體演示自己的作品，限時(shí)十分鐘，教師進(jìn)行點(diǎn)評(píng)，指出需要改進(jìn)的地方。該過程既是學(xué)生利用所學(xué)知識(shí)展示自己的能力的時(shí)候，又是學(xué)生學(xué)習(xí)別人的機(jī)會(huì)。③考核成績(jī)。該課程考核成績(jī)計(jì)算方式及其所占比例如下所示：平時(shí)考核成績(jī)=(完成每個(gè)子任務(wù)成績(jī)之和÷子任務(wù)個(gè)數(shù))×40%+出勤率×40%+課堂討論×10%+課堂筆記×10%項(xiàng)目考核成績(jī)=項(xiàng)目網(wǎng)站設(shè)計(jì)與制作報(bào)告書成績(jī)*30%+項(xiàng)目網(wǎng)站設(shè)計(jì)與制作成績(jī)×70%學(xué)期成績(jī)=平時(shí)考核成績(jī)*30%+項(xiàng)目考核成績(jī)*70%

4結(jié)束語

該課程教學(xué)改革后對(duì)大部分學(xué)生進(jìn)行調(diào)查訪談，雖然有很多學(xué)生反映課程壓力較大，但是學(xué)習(xí)興趣很高，學(xué)生實(shí)踐中開發(fā)了自己的潛力，并激發(fā)了他們直面困難客服困難的創(chuàng)作創(chuàng)新精神。

作者：張亞杰 劉紅軍 單位：宿州學(xué)院

參考文獻(xiàn)：

[1]李月輝,姜還紅,云巖.基于CDIO的Java系列課程教學(xué)改革的研究[J].黑龍江科技信息,2015(11)：162.

基金項(xiàng)目：

教學(xué)質(zhì)量工程項(xiàng)目：皖北地區(qū)“四化同步”建設(shè)中的管理類人才培養(yǎng)計(jì)劃（項(xiàng)目編號(hào)：szxyfwdf201306），“電子商務(wù)專業(yè)綜合改革試點(diǎn)”（項(xiàng)目編號(hào)：2013zy078）