前言：尋找寫作靈感？中文期刊網用心挑選的電子商務專業網頁設計教學內容的設計，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
摘要：《網頁設計》是高校很多專業的一門專業必修課，本文分析了目前該課程的教學現狀，提出了針對電子商務專業調整教學內容的措施，讓課程的教學更符合電子商務專業的要求，讓學生真正學到知識。
關鍵詞：電子商務專業；網頁設計；教學
一、《網頁設計》教學現狀
目前各大高校開設了《網頁設計》課程的專業有電子商務、藝術設計、計算機軟件、信息工程等專業，有的學校還把該課程設置成全校公選課程，但是教師上這門課時在教學方式、教學內容上幾乎完全一致，沒有從專業發展的角度來安排教學內容，嚴重影響了學生在其專業領域的發展。目前該門課程教學內容的設計有以下幾種：
（一）介紹網頁三劍客軟件的使用
“網頁三劍客”軟件包括：DREAMWEAVER是一款可進行靜態和動態網頁制作、網站管理的所見即所得網頁編輯器。FIREWORKS主要是用于網頁圖片的制作與處理，也可用于網頁布局。FLASH主要用來制作動畫。按照這種教學內容培養出來的學生往往只是熟悉軟件的使用，不懂網頁源代碼，做出來的網頁效果一般，缺乏特色，學生將來從事網頁設計工作時會感覺困難重重。
（二）只介紹DREAMWEAVER軟件的使用
這種教學方式比較常見，教師只講述DREAMWEAVER軟件的使用，包括：DREAMWEAVER的工作界面、文檔編輯、圖像與多媒體、超鏈接、表格、框架、CSS、模板和庫、表單、行為、網站測試與。學生學習該課程后，能熟練使用軟件，能用表格、框架、層來進行頁面布局，懂得基本的CSS樣式設置，會利用行為面板添加一定的網頁特效，在網頁設計完成之后，能進行網站的測試與。相比前一種，這種方式培養出來的學生網頁設計基礎知識更為扎實，但是相關的技術掌握太少。
（三）HTML5、CSS3、JAVASCRIPT網頁設計技巧
HTML（HypertextMarkupLanguage），是用于描述網頁文檔的一種標記語言，HTML5是當前最新版本。CSS即層疊樣式表（CascadingStyleSheet），在網頁制作時采用層疊樣式表技術，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確地控制，CSS3是CSS技術的升級版本。JAVASCRIPT一種直譯式腳本語言，用來給HTML網頁增加動態功能。HTML5、CSS3、JAVASCRIPT是網頁設計的主流技術，是教學的重點和難點。
（四）動態網頁設計
除了介紹DREAMWEAVER軟件的使用外，還重點講述后臺數據庫的訪問，即C#語言、數據庫編程。由于《網頁設計》課程通常開設在大一，對于很多從來沒有接觸過編程和數據庫的學生來說，他們會覺得特別難，容易產生抵觸心理，消磨掉學習興趣。
二、電子商務專業《網頁設計》教學內容的設計
電子商務專業的培養目標是培養掌握電子商務系統開發技術和電子商務管理與應用知識和技能的高素質人才?！毒W頁設計》是電子商務專業的一門專業必修課，是一門涉及面很廣泛的學科，僅僅講述DREAMWEAVER顯然是不夠的，畢竟在一個完整的網站中，除了有合理的頁面布局之外，用戶還希望能看到畫面優美的圖片、制作精美的動畫作品、引人入勝的網頁特效，網站設計完成之后，還需要將網站上傳和定期維護。另外對于正在讀大一的電子商務專業學生來說，在《網頁設計》課程中講述動態網頁也不合適，超出了他們的接受程度。因此本人在給電子商務專業的學生講課時，結合他們的專業特色，將教學內容和課時（一學期64個課時）做了如下安排：
（一）教學內容安排
1、FIREWORKS圖片切片處理考慮到我校大一新生第一學期就學習了《PHOTOSHOP圖片處理》，掌握了圖片處理的技巧，所以圖片處理部分只講述切片和精確提取屬性值，而且這部分不單獨拿出來講述，可以穿插在綜合案例的DIV+CSS頁面布局中。2、FLASH動畫設計：10課時這部分內容是學生最感興趣的，重點講述動畫設計的基本方法，要求學生能夠設計出網頁中常見的動畫效果，能將動畫作品成swf文件或者gif文件，并將作品添加在網頁中。3、DREAMWEAVER軟件使用：10課時因為學生在大一第一學期學過辦公軟件OFFICE，所以DREAMWEAVER軟件的使用他們很容易掌握。教學目標包括：了解創建站點的方法、視圖的切換、常用面板的使用；熟悉常用的html標記；能用軟件建立超鏈接、插入圖片和多媒體文件、設計表格、表單。學完這部分，學生能利用軟件的菜單和工具欄完成各種類型的簡單網頁的設計。4、DIV+CSS頁面布局：32課時這一部分是本門課程的教學重點。教學目標包括：理解DIV盒子模型、熟練掌握CSS常用樣式、精通頁面布局技巧，最終學生能根據效果圖自如地設計出網頁。5、JAVASCRIPT網頁特效：10課時對大部分電子商務專業的學生來說，因為從來沒有接觸過程序設計，所以這部分內容對他們來說是最難掌握的。教師對他們不能提出過高的要求，以免打消他們學習的積極性。教學目標是：學生掌握JAVASCRIPT基本語法，能設計簡單特效，能修改網上下載的網頁特效素材，靈活運用到自己的網頁中。6、網站測試與：2課時讓學生掌握網站測試與的方法。
（二）教學先后順序
通?！毒W頁設計》課程的教學順序是：網站基本知識、HTML、DREAMWEAVER（HTML5+CSS3+JAVASCRIPT）、FLASH、FIREWORKS。本人在講述該課程時教學的先后順序如上所示，原因有兩點：首先符合網頁設計的基本流程：先確定主題，然后準備素材，PHOTOSHOP制作網頁效果圖，然后用DREAMWEAVER根據效果圖設計網頁。常言道“巧婦難為無米之炊”，只有先把網頁素材準備好了，才可以開始網頁設計。其次相比DREAMWEAVER網頁設計，動畫設計和圖片處理效果更為生動直觀，更能激發學生的學習興趣。
三、結束語
任何一門課程的教學都應該根據專業的特色來調整教學內容，培養出適應社會需求的專業性人才。上述《網頁設計》課程教學內容的設計使電子商務專業學生能夠扎實掌握網頁設計技能，同時為后續專業課程學習奠定了良好的基礎。
參考文獻：
[1]陳波.網頁設計教學中引入MOOC教育模式的探索[J].電腦知識與技術，2017，(11):95+125.
[2]田關偉，夏齡，周德榮，舒濤.翻轉課堂模式下《網頁設計》教學研究[J].科技經濟市場，2017，(03):137-138.
[3]田建勇.《網頁設計與制作》課程實踐性教學改革與創新研究[J].電子世界，2017，(11):68.
作者:彭珊珊 彭瓊 馬丕玲 單位:湖南涉外經濟學院
