提高學生網頁設計能力的探究與實踐

□王惠蘭

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

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

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

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

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

1.確定網站主題和名稱

2.設計網站視覺形象

3.確定網站的欄目和版塊

4.確定網站的目錄結構和鏈接結構

5.確定網站的整體風格和創意設計

6.首頁的設計

7.版面布局的設計

8.網頁風格的設計

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

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

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

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

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

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

網站設計情況一覽表

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

網頁作品匯報提綱及量化指標

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

參考文獻：

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

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

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