電子商務(wù)專業(yè)網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)研究

張亞杰，劉紅軍

（宿州學(xué)院，安徽 宿州 234000）

電子商務(wù)專業(yè)網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)研究

張亞杰，劉紅軍

（宿州學(xué)院，安徽 宿州 234000）

本文分析電子商務(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ì)。

電子商務(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)新精神。

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

Research on the teaching of web design and production of electronic commerce specialty

ZHANG Ya-jie, LIU HONG-jun
(Suzhou University, Suzhou Anhui 234000)

Based on the analysis of electronic commerce major students learning web page design and making course teaching situation, and probes into the electronic commerce professional web page design and making course teaching design, implementation and evaluation of link, through the teaching reform of the course improve students interest in learning, and to enhance the comprehensive ability and quality of the individual construction site.

Electronic commerce; Web Design and production; Learning feedback; Task cycle

O244

A

10.3969/j.issn.1672-7304.2016.05.190

1672–7304(2016)05–0384–02

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

（責(zé)任編輯：張時(shí)瑋）

張亞杰（1984-），女，漢，河南漯河人，研究方向：電子商務(wù)。