□王惠蘭

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

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

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

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

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

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

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

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

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

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

6.首頁的設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(三)公開匯報主頁的設(shè)計情況

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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