□王惠蘭

(山西廣播電視大學(xué)，山西 太原 030027)

網(wǎng)頁制作課程是一門具有綜合交叉學(xué)科特點(diǎn)的課程，技術(shù)與藝術(shù)在課程中完美的結(jié)合在一起。一般在教材的章節(jié)中，三分之二為基礎(chǔ)和設(shè)計(jì)部分，即藝術(shù)部分，僅有三分之一為網(wǎng)頁制作內(nèi)容，即網(wǎng)頁技術(shù)部分，網(wǎng)頁設(shè)計(jì)與網(wǎng)頁制作技術(shù)并存，而且前者比例相對(duì)偏重。這樣一個(gè)教材體系完全吻合網(wǎng)頁建設(shè)的流程，但和學(xué)生的學(xué)習(xí)習(xí)慣有些相背。因?yàn)榫W(wǎng)頁設(shè)計(jì)部分是一個(gè)大活，而且是慢活、細(xì)活，需要精雕細(xì)琢才能出佳品，并且還和個(gè)人的藝術(shù)修養(yǎng)、審美觀緊密相連。但學(xué)生學(xué)習(xí)時(shí)急需“成就感”，急著要打開Dreamweaver建站點(diǎn)，做網(wǎng)頁，忽略了制作前的看似多余繁瑣的設(shè)計(jì)環(huán)節(jié)。他們被一個(gè)個(gè)圖文并茂的網(wǎng)頁所吸引，急著出成品，出佳品。殊不知一個(gè)個(gè)精美網(wǎng)頁內(nèi)容的形式、按鈕的擺放、文字的組合、色彩的搭配等等都是網(wǎng)頁設(shè)計(jì)的成果。急于求成只追求技術(shù)忽視藝術(shù)的做法勢(shì)必導(dǎo)致做出粗制濫造的網(wǎng)頁，成品不會(huì)成為佳品，而往往是次品。為此，在教學(xué)中需要引導(dǎo)學(xué)生，需要?jiǎng)?chuàng)造機(jī)會(huì)，需要在學(xué)生急切制作網(wǎng)頁前巧妙鋪墊設(shè)計(jì)內(nèi)容，借題發(fā)揮或迂回曲折強(qiáng)調(diào)設(shè)計(jì)的重要性。讓學(xué)生明白好的建筑是設(shè)計(jì)出來的，不是蓋出來的。同理，好的網(wǎng)頁也是設(shè)計(jì)出來的，為做好網(wǎng)頁而設(shè)計(jì)，因設(shè)計(jì)網(wǎng)頁成佳品。

下面就如何提高學(xué)生網(wǎng)頁設(shè)計(jì)能力所做的一些探究與實(shí)踐和各位同行共勉。

一、 明確設(shè)計(jì)步驟，細(xì)化設(shè)計(jì)任務(wù)

在教學(xué)中，為了滿足學(xué)生的成就感，又體現(xiàn)網(wǎng)站制作的規(guī)律，需要將教材各章節(jié)內(nèi)容細(xì)致梳理，重新組合，以建立網(wǎng)站步驟為總綱，網(wǎng)頁設(shè)計(jì)與網(wǎng)頁制作技術(shù)有機(jī)結(jié)合，形成一個(gè)任務(wù)驅(qū)動(dòng)式的化整為零的教學(xué)路子，網(wǎng)站設(shè)計(jì)這個(gè)“大活”在一個(gè)個(gè)具體的任務(wù)中得到落實(shí)。在循序漸進(jìn)的站點(diǎn)設(shè)計(jì)和制作中，成品與佳品一同出現(xiàn)。在設(shè)計(jì)中制作，在制作中設(shè)計(jì)，學(xué)生在一個(gè)個(gè)制作任務(wù)中體會(huì)設(shè)計(jì)理念，在一個(gè)個(gè)設(shè)計(jì)任務(wù)中完成制作步驟。隨著以下設(shè)計(jì)步驟的逐漸認(rèn)真完成，即便作為初學(xué)者，也將會(huì)有一個(gè)個(gè)初具專業(yè)、略顯獨(dú)特且滲透美感的網(wǎng)頁躍然網(wǎng)上。

1.確定網(wǎng)站主題和名稱

2.設(shè)計(jì)網(wǎng)站視覺形象

3.確定網(wǎng)站的欄目和版塊

4.確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)

5.確定網(wǎng)站的整體風(fēng)格和創(chuàng)意設(shè)計(jì)

6.首頁的設(shè)計(jì)

7.版面布局的設(shè)計(jì)

8.網(wǎng)頁風(fēng)格的設(shè)計(jì)

二、公開設(shè)計(jì)情況，及時(shí)督促指導(dǎo)

設(shè)計(jì)無止境。沒有最好，只有更好。網(wǎng)頁設(shè)計(jì)部分內(nèi)容的完成有伸縮性，學(xué)生容易產(chǎn)生應(yīng)付的心理，急忙奔向網(wǎng)頁制作的環(huán)節(jié)。作為教師，怎么督促學(xué)生完成設(shè)計(jì)，怎么將設(shè)計(jì)理念落實(shí)到位，是需要下一番功夫的。

在整個(gè)教學(xué)過程中，我特意安排了三次匯報(bào)的活動(dòng)。實(shí)踐證明，細(xì)化任務(wù)并擇時(shí)匯報(bào)，有效的監(jiān)控了學(xué)習(xí)過程，及時(shí)掌握學(xué)生設(shè)計(jì)理念的建立情況，為整個(gè)站點(diǎn)的順利完成打下堅(jiān)實(shí)的基礎(chǔ)。

(一)公開匯報(bào)網(wǎng)站主題的確立 單獨(dú)匯報(bào)網(wǎng)站名字的確定

1.確立主題。主題的確立是設(shè)計(jì)網(wǎng)站的第一步。主題是網(wǎng)站的根基問題，方向問題，主旋律問題。網(wǎng)站以后所做的一切都是圍繞這個(gè)話題來進(jìn)行的。一旦確立主題，忌諱朝令夕改，否則一切都要推倒重來。所以主題的確立需要教師重點(diǎn)指導(dǎo)。

作為在校學(xué)生，一般以做個(gè)人網(wǎng)站為宜。個(gè)人網(wǎng)站內(nèi)容繁多，定位在哪里，是難點(diǎn)。明確了網(wǎng)站類型，瀏覽搜狐、中國(guó)精彩網(wǎng)址等門戶網(wǎng)站后，一般先讓學(xué)生匯報(bào)自己擬做網(wǎng)站的主題，這時(shí)我們需要一個(gè)“網(wǎng)站設(shè)計(jì)情況一覽表”配合整個(gè)網(wǎng)站設(shè)計(jì)過程。該表如下：

網(wǎng)站設(shè)計(jì)情況一覽表

學(xué)生逐個(gè)匯報(bào)，教師逐個(gè)錄入學(xué)生匯報(bào)內(nèi)容進(jìn)行演示。學(xué)生匯報(bào)同時(shí)需要回答這幾個(gè)問題：為什么選這個(gè)主題，將在這個(gè)主題下闡述哪些內(nèi)容，有同類的網(wǎng)站嗎，自己的網(wǎng)站與同類網(wǎng)站相比有什么不同的地方，怎么和同類網(wǎng)站互補(bǔ)，自己在技術(shù)、喜愛方面有什么優(yōu)勢(shì)，受眾人群是哪些……主題好定，問題難答。答不出問題，說明網(wǎng)站主題的確立理由不充分，進(jìn)而引導(dǎo)學(xué)生思考網(wǎng)站主題確立的步驟，然后再次確立主題。

2.縮小定位。確定了主題，在大的主題下，分支很多，方向很多，自己的網(wǎng)站具體做哪方面的內(nèi)容，這就是網(wǎng)站的定位。比如學(xué)生喜歡做的旅游網(wǎng)站，有介紹一個(gè)景點(diǎn)的網(wǎng)站，有介紹全國(guó)景點(diǎn)的網(wǎng)站，有訂機(jī)票的網(wǎng)站，有旅行社介紹的網(wǎng)站等等。自己定位在哪里？有的同學(xué)做戲曲網(wǎng)站，是介紹中國(guó)戲曲概況，還是介紹一個(gè)劇種，還是劇情人物介紹，或是劇種的歷史發(fā)展？男生喜歡籃球，是介紹籃球比賽規(guī)則，籃球明星，還是國(guó)際籃球幾大賽事？每一個(gè)主題下的內(nèi)容都很寬泛，作為初學(xué)者，作為個(gè)人主頁，定位一定要窄，內(nèi)容要精、深、透。學(xué)生起初往往低估網(wǎng)站設(shè)計(jì)制作的復(fù)雜性，艱巨性，喜歡做大而全的網(wǎng)站。這時(shí)候需要引導(dǎo)學(xué)生說出自己網(wǎng)站的定位，耐心傾聽學(xué)生講述自己的網(wǎng)站主題下的方向問題，幫助學(xué)生分析大主題下的不同方向，量力而行縮小定位。像前面的例子，做旅游主題的就可以定位在自己周圍的一個(gè)景點(diǎn)或當(dāng)?shù)氐拿袼捉榻B，做籃球的可以定位在介紹自己喜歡的籃球明星，做戲曲的定位在京劇人物臉譜的演變與發(fā)展。

3.起一個(gè)合適的名稱。主題確立了，定位縮小了。在這個(gè)主題下為自己的站點(diǎn)起個(gè)響當(dāng)當(dāng)?shù)拿Q也是個(gè)難點(diǎn)。第一次做站點(diǎn)，缺乏經(jīng)驗(yàn)，盡管教學(xué)中有名站名稱欣賞和分析的環(huán)節(jié)，盡管把名稱確定的依據(jù)再三強(qiáng)調(diào)，學(xué)生往往還是把站點(diǎn)名稱起的大而空，抽象化，理想化，想當(dāng)然。針對(duì)這個(gè)情況，在課上讓學(xué)生單獨(dú)向教師匯報(bào)自己站點(diǎn)的名稱，然后將所有同學(xué)的網(wǎng)站名稱匯總到“網(wǎng)站設(shè)計(jì)情況一覽表”中，隱藏學(xué)生姓名和主題，公開演示設(shè)計(jì)情況一覽表，讓大家逐個(gè)去猜每個(gè)名稱網(wǎng)站所對(duì)應(yīng)的主題是什么。一猜問題就出來了，有的離題萬里，有的異議一堆，有的干脆不知所云……一番猜測(cè)，學(xué)生明白網(wǎng)站的名稱是網(wǎng)站主題內(nèi)容的提升概括，名稱要合法、合理、合情，要簡(jiǎn)練、概括、合乎猜想，要有特色，有個(gè)性，密切結(jié)合主題。

(二)公開匯報(bào)網(wǎng)站視覺形象的設(shè)計(jì)

視覺形象的設(shè)計(jì)一般首先是LOGO的設(shè)計(jì)。關(guān)于LOGO的作用，教學(xué)時(shí)我是這樣引入鋪墊的。選幾個(gè)風(fēng)格相似的網(wǎng)站主頁，刪除了LOGO圖片，然后演示這幾個(gè)網(wǎng)頁，讓學(xué)生猜是什么網(wǎng)站。學(xué)生一時(shí)說不出，然后就試圖在網(wǎng)站上找有特殊標(biāo)記的內(nèi)容，當(dāng)學(xué)生迷惑不解時(shí)，將LOGO出現(xiàn)在原有的位置上。啊！明白了。一個(gè)小小的LOGO，將網(wǎng)頁的身份表明；一個(gè)小小的教學(xué)設(shè)計(jì)，將LOGO的作用說明了一大半。

LOGO的設(shè)計(jì)理念和設(shè)計(jì)規(guī)則主要通過反復(fù)欣賞知名LOGO來理解。

學(xué)生可以用附件中的畫圖軟件，或PPT，或Flash、Photoshop等軟件制作自己個(gè)性化的LOGO。網(wǎng)站上有許多半成品LOGO，可以借用套用；還可以在線生成LOGO，模仿知名LOGO的設(shè)計(jì)框架；可以在線招募設(shè)計(jì)人員，為自己設(shè)計(jì)LOGO。

要做出精美、醒目、獨(dú)特、藝術(shù)的LOGO對(duì)于學(xué)生來說是難點(diǎn)。一是個(gè)人的美術(shù)天賦，另外是時(shí)間問題，還有設(shè)計(jì)理念問題。在這個(gè)環(huán)節(jié)，我們強(qiáng)調(diào)做，做成一個(gè)什么結(jié)果是次要的，明白我要做成什么樣是關(guān)鍵的。感覺到心有余力不足、眼高手低、準(zhǔn)備好好學(xué)繪圖軟件，目的達(dá)到了。一顆種子已經(jīng)種下。

同樣，每個(gè)人制作的LOGO需要上傳給教師，然后粘貼到網(wǎng)站設(shè)計(jì)情況一覽表中。同網(wǎng)站名稱一樣，隱去其他信息，讓大家去猜某個(gè)LOGO所對(duì)應(yīng)的網(wǎng)站主題，猜不出的讓制作者解釋自己的設(shè)計(jì)理念。課后時(shí)常有同學(xué)要換掉自己原來設(shè)計(jì)的LOGO。

視覺形象中關(guān)于標(biāo)準(zhǔn)色彩、標(biāo)準(zhǔn)字體和宣傳口號(hào)的設(shè)計(jì)，都做了相應(yīng)的匯報(bào)。麻雀雖小，五臟俱全。雖然是個(gè)人站點(diǎn)，也要學(xué)生規(guī)規(guī)矩矩走一趟網(wǎng)站制作的專業(yè)之路，明白應(yīng)有的設(shè)計(jì)環(huán)節(jié)、設(shè)計(jì)理念。

(三)公開匯報(bào)主頁的設(shè)計(jì)情況

好的開頭是成功的一半?？磿べI書，看首頁決定是否繼續(xù)瀏覽。在教學(xué)中，為了把好這一關(guān)，除了反復(fù)賞析名站首頁，講解首頁設(shè)計(jì)思路外，同樣采用公開匯報(bào)的方法。學(xué)生初步設(shè)計(jì)好首頁后，進(jìn)行一次公開匯報(bào)。大家會(huì)發(fā)現(xiàn)，每次公開匯報(bào)，對(duì)學(xué)生來說，是一次展示的機(jī)會(huì)，雖然不愿意頻繁的公開匯報(bào)，但每次匯報(bào)學(xué)生都很重視，都做了精心的準(zhǔn)備，有的為了明天的匯報(bào)一晚上在網(wǎng)吧。所以每次公開匯報(bào)都是一次督促和學(xué)習(xí)的機(jī)會(huì)。

首頁設(shè)計(jì)環(huán)節(jié)的匯報(bào)可以是相互瀏覽主頁，通過其他同學(xué)瀏覽發(fā)現(xiàn)自己網(wǎng)頁的問題所在。最典型的問題是別人找不見自己的鏈接按鈕，多數(shù)同學(xué)是注意了美觀忽略了實(shí)用。其次網(wǎng)頁打開速度慢，為了追求花哨，放置了過多過大的圖像。另一個(gè)關(guān)鍵問題是忽略網(wǎng)頁主要內(nèi)容的形式和位置，沒有充分利用網(wǎng)頁設(shè)計(jì)中放置重要內(nèi)容的位置手段、時(shí)間手段和內(nèi)容形式手段。還有一個(gè)通病是主欄目太寬泛、綜合，網(wǎng)站闡述內(nèi)容沒有做到精、深、透。

在首頁設(shè)計(jì)制作匯報(bào)環(huán)節(jié)，還可以采用比較法。將學(xué)生的主頁設(shè)計(jì)與同類主題比較知名網(wǎng)站的主頁相比，比標(biāo)準(zhǔn)色的運(yùn)用、比LOGO的位置、比欄目的版塊、比鏈接的方式和按鈕的位置等。不比不知道，一比差距大。通過比較，學(xué)生會(huì)發(fā)現(xiàn)自己好多設(shè)計(jì)的不足。學(xué)生可以去模仿，去借鑒名站的設(shè)計(jì)元素，通過模仿，領(lǐng)會(huì)設(shè)計(jì)理念。經(jīng)常有意識(shí)地這樣去實(shí)踐，就有可能達(dá)到獨(dú)特的有創(chuàng)新的設(shè)計(jì)新境界。

三、量化設(shè)計(jì)指標(biāo)，步步扎實(shí)提高

在學(xué)期即將結(jié)束時(shí)，每個(gè)學(xué)生都制作了一個(gè)個(gè)人站點(diǎn)。這時(shí)安排一個(gè)全班總匯報(bào)，人人參與?？倕R報(bào)有匯報(bào)提綱，有評(píng)分細(xì)則，有優(yōu)秀比例，有評(píng)委，有點(diǎn)評(píng)，有打分，最后評(píng)出優(yōu)良合格等級(jí)。之所以重視總匯報(bào)，因?yàn)檫@個(gè)站點(diǎn)的完成，不是學(xué)習(xí)的結(jié)束，而是新的學(xué)習(xí)起點(diǎn)。通過匯報(bào)點(diǎn)評(píng)比較打分，學(xué)生更多看到的是別人的優(yōu)點(diǎn)，自己的不足；看到許多需要改進(jìn)學(xué)習(xí)的地方，體會(huì)到網(wǎng)站藝術(shù)技術(shù)的無窮魅力；不僅明白自己站點(diǎn)沒有做到的很多，更重要的是明白了該怎么做。

如下“網(wǎng)頁作品匯報(bào)提綱及量化指標(biāo)”包含各設(shè)計(jì)環(huán)節(jié)量化分值的表格，在開課之初就張貼在教室，一直伴隨著學(xué)生的課程學(xué)習(xí)。它涵蓋整個(gè)教學(xué)環(huán)節(jié)，有著提示設(shè)計(jì)步驟、提醒設(shè)計(jì)原則、提升設(shè)計(jì)質(zhì)量之作用。量化任務(wù)指標(biāo)像一把尺子，時(shí)刻檢測(cè)著學(xué)習(xí)的每個(gè)環(huán)節(jié)，丈量著網(wǎng)頁設(shè)計(jì)制作的每一步。在此目標(biāo)的督促下，學(xué)期末，許多學(xué)生的網(wǎng)頁作品受到好評(píng)。

網(wǎng)頁作品匯報(bào)提綱及量化指標(biāo)

總而言之，通過幾輪的教學(xué)實(shí)踐，通過不斷總結(jié)改進(jìn)教學(xué)策略和方法，網(wǎng)頁制作課中的設(shè)計(jì)環(huán)節(jié)得到較為扎實(shí)的落實(shí)，學(xué)生對(duì)各設(shè)計(jì)環(huán)節(jié)的設(shè)計(jì)理念認(rèn)識(shí)明顯提高。雖然目前學(xué)生沒有做出像樣的佳品，但明確了設(shè)計(jì)思路，明確了設(shè)計(jì)理念，就有了以后的努力的方向。相信課堂上個(gè)人主頁設(shè)計(jì)制作過程，是朝著優(yōu)秀網(wǎng)頁設(shè)計(jì)師邁出的第一步。

參考文獻(xiàn)：

[1]彭蘭.網(wǎng)絡(luò)主頁制作課程設(shè)計(jì)[M].北京：中央廣播電視大學(xué)出版社,2004.

[2]趙菊珊,郭均英.提高教師教學(xué)有效性的路徑探討[J].中國(guó)高等教育,2010,(2).

[3]張黎.創(chuàng)新發(fā)展成人教育的途徑[J].高職論叢,2009,(1).