張嘉興

【摘要】近年來，數(shù)字媒體專業(yè)在國家進(jìn)行了整合專業(yè)目錄后成為一個(gè)新興科目。其內(nèi)容涵蓋很多交叉學(xué)科，網(wǎng)頁設(shè)計(jì)作為一個(gè)新的媒體呈現(xiàn)形式，也是其研究的對(duì)象。因此本文對(duì)數(shù)字媒體專業(yè)的網(wǎng)頁設(shè)計(jì)課程教學(xué)方法進(jìn)行了一定的研究。

【關(guān)鍵詞】數(shù)字媒體網(wǎng)頁設(shè)計(jì)教學(xué)模式研究

【中圖分類號(hào)】G420 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】2095-3089（2014）2-0112-02

數(shù)字媒體專業(yè)是一個(gè)新興的交叉學(xué)科專業(yè)，專業(yè)課程多且繁雜。網(wǎng)頁設(shè)計(jì)則是本專業(yè)較為重要的一門課程。網(wǎng)頁設(shè)計(jì)在計(jì)算機(jī)、視覺傳達(dá)等專業(yè)也有涉及，并有相應(yīng)的教學(xué)辦法，針對(duì)較特殊的數(shù)字媒體專業(yè)，也應(yīng)該有自己獨(dú)特的新教學(xué)模式。本文針對(duì)網(wǎng)頁設(shè)計(jì)在數(shù)字媒體專業(yè)行課的教學(xué)模式作為問題，探討交叉學(xué)科專業(yè)課程設(shè)置的新思路和行課經(jīng)驗(yàn)。

一、其他專業(yè)網(wǎng)頁設(shè)計(jì)的情況

1.計(jì)算機(jī)專業(yè)

計(jì)算機(jī)專業(yè)是理工專業(yè)，是網(wǎng)絡(luò)發(fā)展初期網(wǎng)頁設(shè)計(jì)的中堅(jiān)力量。當(dāng)然，計(jì)算機(jī)專業(yè)的網(wǎng)頁設(shè)計(jì)人員無美術(shù)基礎(chǔ)，此專業(yè)將對(duì)網(wǎng)頁HTML代碼、JS代碼進(jìn)行編程作為課程內(nèi)容。此專業(yè)的課程流程大致如下：①Dreamweaver軟件學(xué)習(xí)；②HTML代碼學(xué)習(xí)；③針對(duì)JS代碼進(jìn)行學(xué)習(xí)；④學(xué)習(xí)一或多門動(dòng)態(tài)語言及數(shù)據(jù)庫（如ASP.NET、SQL等）。

計(jì)算機(jī)專業(yè)的課程鏈條主要針對(duì)后臺(tái)代碼，教學(xué)方法多以實(shí)例作為主要的教學(xué)模式，先學(xué)習(xí)編程語言，后切入從易到繁的實(shí)例進(jìn)行講解。

2.視覺傳達(dá)專業(yè)

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

視覺傳達(dá)專業(yè)課程鏈條主要針對(duì)前臺(tái)視覺效果，教學(xué)方法則是單一的實(shí)例為主，基本上不涉及代碼的學(xué)習(xí)。

二、數(shù)字媒體專業(yè)網(wǎng)頁設(shè)計(jì)現(xiàn)狀

1.以往情況

數(shù)字媒體專業(yè)在創(chuàng)建后，課程進(jìn)行了多次改革，網(wǎng)頁設(shè)計(jì)課程也一并在調(diào)整，其中一些高校則將教師資源整合，使用了視覺傳達(dá)的教師進(jìn)行授課，全盤使用了視覺傳達(dá)設(shè)計(jì)專業(yè)的網(wǎng)頁設(shè)計(jì)課程內(nèi)容。

還有一種情況，多出現(xiàn)于綜合類大學(xué)中的數(shù)字媒體專業(yè)，教師多為從計(jì)算機(jī)專業(yè)借用的教師進(jìn)行講授，藝術(shù)專業(yè)學(xué)生計(jì)算機(jī)技術(shù)底子薄，編程語言學(xué)習(xí)困難，往往這樣的課程還要求學(xué)生深入學(xué)習(xí)代碼相關(guān)知識(shí)，造成了學(xué)習(xí)的難度。

2.行課結(jié)果

兩個(gè)行課情況導(dǎo)致了以下的結(jié)果：

①使用視覺傳達(dá)專業(yè)的授課方法

學(xué)生僅僅掌握了視覺上的網(wǎng)頁表現(xiàn)效果，結(jié)果是于數(shù)字媒體其他專業(yè)課無法有效的銜接：在進(jìn)行UI設(shè)計(jì)課程時(shí)，學(xué)生無法有效的使用網(wǎng)頁設(shè)計(jì)來輔助UI設(shè)計(jì)；也使得在這個(gè)知識(shí)點(diǎn)上無法與視覺傳達(dá)專業(yè)進(jìn)行區(qū)分，無法體現(xiàn)數(shù)字媒體專業(yè)的特性。

②使用計(jì)算機(jī)專業(yè)的授課方法

學(xué)生由于計(jì)算機(jī)技術(shù)基礎(chǔ)薄弱，導(dǎo)致學(xué)習(xí)代碼困難，學(xué)生成績普遍不理想，由此產(chǎn)生了對(duì)學(xué)習(xí)的恐懼心理，同時(shí)因沒有學(xué)習(xí)到相關(guān)網(wǎng)頁設(shè)計(jì)的視覺設(shè)計(jì)和Dreamweaver軟件的使用方法，在就業(yè)過程中會(huì)出現(xiàn)學(xué)習(xí)內(nèi)容與工作內(nèi)容不相符合的情況。

三、數(shù)字媒體專業(yè)網(wǎng)頁設(shè)計(jì)新模式探究

總結(jié)以上經(jīng)驗(yàn)，發(fā)現(xiàn)需要針對(duì)數(shù)字媒體專業(yè)的網(wǎng)頁設(shè)計(jì)課程進(jìn)行一定的創(chuàng)新。以符合此專業(yè)對(duì)網(wǎng)頁設(shè)計(jì)的要求。因此我就此進(jìn)行了一定的探索。

1.結(jié)合專業(yè)特點(diǎn)，交叉兼容并包

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

2.實(shí)例教學(xué)為主，實(shí)行漸進(jìn)式實(shí)例教學(xué)

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

3.作業(yè)布置合理，內(nèi)容版式與代碼結(jié)合

在作業(yè)設(shè)置上，即根據(jù)課上實(shí)例"個(gè)人網(wǎng)站建設(shè)"展開，學(xué)生先觀摩，再模仿，并在此基礎(chǔ)上進(jìn)行自我個(gè)性的實(shí)現(xiàn)，逐步將課上的知識(shí)內(nèi)容轉(zhuǎn)化為了自己的作品。同時(shí)在課堂上逐個(gè)知識(shí)點(diǎn)攻破，在不知不覺中就對(duì)版式、代碼都有了一定的認(rèn)識(shí)。教師則準(zhǔn)備實(shí)例和個(gè)人作品進(jìn)行展示，使學(xué)生充分了解作業(yè)制作過程和結(jié)果，從而得到一個(gè)對(duì)網(wǎng)頁設(shè)計(jì)知識(shí)的完整認(rèn)識(shí)。

結(jié)論

綜上所述，數(shù)字媒體專業(yè)是一個(gè)高新技術(shù)帶來的新的藝術(shù)設(shè)計(jì)學(xué)科，其專業(yè)的網(wǎng)頁設(shè)計(jì)，也應(yīng)當(dāng)是各學(xué)科知識(shí)的集合。且需要根據(jù)學(xué)生的實(shí)際情況，有方法，有策略的對(duì)科目內(nèi)容進(jìn)行調(diào)整，以符合科學(xué)的教學(xué)教育理念。

參考文獻(xiàn)：

[1]夏燕靖.對(duì)我國高校藝術(shù)設(shè)計(jì)本科專業(yè)課程結(jié)構(gòu)的探討[D].南京藝術(shù)學(xué)院，2010

[2]溫謙.HTML+CSS網(wǎng)頁設(shè)計(jì)與布局從入門到精通[M].人民郵電出版社,2008

[3]侯立平.文化轉(zhuǎn)型與中國當(dāng)今設(shè)計(jì)學(xué)學(xué)科本科教育課程設(shè)計(jì)的變革[D].中央美術(shù)學(xué)院，2013