提高學生網(wǎng)頁設計能力的探究與實踐

□王惠蘭

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

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

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

一、 明確設計步驟，細化設計任務

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

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

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

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

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

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

6.首頁的設計

7.版面布局的設計

8.網(wǎng)頁風格的設計

二、公開設計情況，及時督促指導

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、量化設計指標，步步扎實提高

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

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

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

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

參考文獻：

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

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

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