數字媒體專業網頁設計課程新教學模式的探索

張嘉興

【摘要】近年來，數字媒體專業在國家進行了整合專業目錄后成為一個新興科目。其內容涵蓋很多交叉學科，網頁設計作為一個新的媒體呈現形式，也是其研究的對象。因此本文對數字媒體專業的網頁設計課程教學方法進行了一定的研究。

【關鍵詞】數字媒體網頁設計教學模式研究

【中圖分類號】G420 【文獻標識碼】A 【文章編號】2095-3089（2014）2-0112-02

數字媒體專業是一個新興的交叉學科專業，專業課程多且繁雜。網頁設計則是本專業較為重要的一門課程。網頁設計在計算機、視覺傳達等專業也有涉及，并有相應的教學辦法，針對較特殊的數字媒體專業，也應該有自己獨特的新教學模式。本文針對網頁設計在數字媒體專業行課的教學模式作為問題，探討交叉學科專業課程設置的新思路和行課經驗。

一、其他專業網頁設計的情況

1.計算機專業

計算機專業是理工專業，是網絡發展初期網頁設計的中堅力量。當然，計算機專業的網頁設計人員無美術基礎，此專業將對網頁HTML代碼、JS代碼進行編程作為課程內容。此專業的課程流程大致如下：①Dreamweaver軟件學習；②HTML代碼學習；③針對JS代碼進行學習；④學習一或多門動態語言及數據庫（如ASP.NET、SQL等）。

計算機專業的課程鏈條主要針對后臺代碼，教學方法多以實例作為主要的教學模式，先學習編程語言，后切入從易到繁的實例進行講解。

2.視覺傳達專業

視覺傳達屬于美術類專業，學生美術基礎較為扎實，問題是編寫代碼等技能相對缺失，而且思維模式也與理工科學生有巨大的不同。因此，此專業的網頁設計更偏向于網頁視覺效果的設計，也就是所謂的"網頁前臺"設計。此專業的課程流程大致如下：①Photoshop軟件學習；②在Photoshop中進行網頁版式設計；③學習Dreamweaver軟件，導入完成版式進行深加工；④進行網頁HTML布局修改，完善頁面效果。

視覺傳達專業課程鏈條主要針對前臺視覺效果，教學方法則是單一的實例為主，基本上不涉及代碼的學習。

二、數字媒體專業網頁設計現狀

1.以往情況

數字媒體專業在創建后，課程進行了多次改革，網頁設計課程也一并在調整，其中一些高校則將教師資源整合，使用了視覺傳達的教師進行授課，全盤使用了視覺傳達設計專業的網頁設計課程內容。

還有一種情況，多出現于綜合類大學中的數字媒體專業，教師多為從計算機專業借用的教師進行講授，藝術專業學生計算機技術底子薄，編程語言學習困難，往往這樣的課程還要求學生深入學習代碼相關知識，造成了學習的難度。

2.行課結果

兩個行課情況導致了以下的結果：

①使用視覺傳達專業的授課方法

學生僅僅掌握了視覺上的網頁表現效果，結果是于數字媒體其他專業課無法有效的銜接：在進行UI設計課程時，學生無法有效的使用網頁設計來輔助UI設計；也使得在這個知識點上無法與視覺傳達專業進行區分，無法體現數字媒體專業的特性。

②使用計算機專業的授課方法

學生由于計算機技術基礎薄弱，導致學習代碼困難，學生成績普遍不理想，由此產生了對學習的恐懼心理，同時因沒有學習到相關網頁設計的視覺設計和Dreamweaver軟件的使用方法，在就業過程中會出現學習內容與工作內容不相符合的情況。

三、數字媒體專業網頁設計新模式探究

總結以上經驗，發現需要針對數字媒體專業的網頁設計課程進行一定的創新。以符合此專業對網頁設計的要求。因此我就此進行了一定的探索。

1.結合專業特點，交叉兼容并包

數字媒體專業是一個交叉學科，在課程上進行大膽整合是一個思路。學生是藝術類學生，因此以視覺傳達設計的授課模式為基礎，靈活截取計算機專業的教學中淺顯易懂的知識點結合在其中，拓展學生的知識層面，形成自有特點。經總結后課程流程大致如下：①Dreamweaver軟件學習；②學習Photoshop制圖技巧；③學習在Dreamweaver中操作HTML代碼的能力，配合DIV+CSS構建合理網頁架構；④進行簡單的JS代碼了解，豐富學生的交叉知識鏈。

2.實例教學為主，實行漸進式實例教學

我校此課程行課為4周時間，第一周進行Dreamweaver基礎學習，并制作簡單個人介紹頁面；第二周進行PS圖形修改制作，進一步豐富頁面；第三周結合DIV+CSS進行版式調整，并加入多頁面，逐步開始增加難度；第四周使學生自行根據能力進行JS代碼的添加，個性化其作品。整個行課過程中，實例就是一個"個人網站的建設"，整個實例從第一周到第四周是一個逐漸豐富的過程，而不是多個復雜實例的多次練習。增加了學生知識鏈的完整度，有效的控制了對學生知識輸入速度，防止學生學習大量知識產生接受困難。

3.作業布置合理，內容版式與代碼結合

在作業設置上，即根據課上實例"個人網站建設"展開，學生先觀摩，再模仿，并在此基礎上進行自我個性的實現，逐步將課上的知識內容轉化為了自己的作品。同時在課堂上逐個知識點攻破，在不知不覺中就對版式、代碼都有了一定的認識。教師則準備實例和個人作品進行展示，使學生充分了解作業制作過程和結果，從而得到一個對網頁設計知識的完整認識。

結論

綜上所述，數字媒體專業是一個高新技術帶來的新的藝術設計學科，其專業的網頁設計，也應當是各學科知識的集合。且需要根據學生的實際情況，有方法，有策略的對科目內容進行調整，以符合科學的教學教育理念。

參考文獻：

[1]夏燕靖.對我國高校藝術設計本科專業課程結構的探討[D].南京藝術學院，2010

[2]溫謙.HTML+CSS網頁設計與布局從入門到精通[M].人民郵電出版社,2008

[3]侯立平.文化轉型與中國當今設計學學科本科教育課程設計的變革[D].中央美術學院，2013