網頁設計學生方法指導

然而，與此同時，我也發現學生在創作的過程中，存在著不少的問題，這些問題許多時候並不是由於計算機技術造成的，而是學生缺乏基本的設計能力。我深深感到，除了Frontpage課本教學之外，還必須對學生進行網頁設計方面的指導。於是，如何加強對學生在網頁設計中的指導，成了一個很重要的問題。本文就網頁設計中的幾個問題提出自己的看法，供同行參考，望高手斧正。
一、主題的確立
主題是網頁的靈魂，一個小巧別緻的主題能使得一個網頁顯得內容充實而深入。一般地說，網頁主題的選擇要注意兩個問題，一是切口要小，二是構思要新。
教學過程中，我發現絕大多數學生缺乏細化主題的意識，簡單地採用一些很大的主題，這往往造成兩種情況，或者是由於內容太多而無法完成，或者是內容空洞缺少具體的材料。在學生開始製作網頁之前，教師一定要指導學生從小處入手。比如，在確定主題的初期，有不少學生會選擇“文學”作為主題，我們就應該幫學生分析，文學包括許多許多內容，應該將它層層細化，是中國文學還是外國文學，是古典文學還是現代文學，是小說、詩詞還是散文，可以是某一類作品集也可以是某個作家集，比如，最後定位在豐子愷散文上，那就集中收集、整理該系列作品及其相關資料。
其次，要指導學生選擇有新意的主題，內容要精，定位要高，要避免選取那些到處可見，人人都會想到的題材作為主題。比如若要以文學為基本範疇，可以選擇網絡文學作為切口；也可以選一些同學們熟悉的，與平時的學生學習、生活有關的內容，比如選擇語文教材中文言文裡虛詞的用法作為主題，不僅獨特，易入手，而且能起到對語文知識的複習、整理、鞏固的作用。這種思路可以推廣到其它學科。
二、色彩的搭配
色彩是一個網頁美學風格的顯形特徵，色彩搭配的和諧與否直接影響網頁美感。學生做的網頁有許多都是“絢麗多彩”的，色彩的雜亂使得網頁缺乏基本的美感，導致網頁的質量無形中下降。
在色彩的選擇和搭配上，要指導學生根據自己網頁的主題和風格確定下它的主色調，然後確立配色方案。這裡推薦幾個色彩搭配的方法：
1．用一種色彩。這裡是指先選定一種色彩，然後調整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產生新的色彩，用於網頁。這樣的頁面看起來色彩統一，有層次感。
2．用兩種色彩。先選定一種色彩，然後選擇它的對比色。比如用藍色和橙色來搭配，整個頁面色彩豐富又不花哨。例如我指導學生觀看我校外語組的網頁，就是採用這兩種顏色的組合，整個頁面既富有美觀又具有現代感。
3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。確定色彩的方法各人不同，比如可以在photoshop裡按前景色方框，在跳出的拾色器窗中選擇"自定義"，然後在"色庫"中選就可以了)。

另外還需提醒學生注意的是：不要將所有顏色都用到，盡量控制在三種色彩以內，在網頁的色彩搭配上，學生常常犯這樣的一個錯誤，希望製作一個漂亮的網頁，將自己收集到的最好的圖片，最滿意色彩都堆砌在頁面上，結果整個版面不僅沒有個性和風格，而且色彩雜亂。正確的做法是，背景和前文的對比盡量要大，(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容。

三、技術的合理運用

當教師對網站製作提出技術含量的要求時，不少學生就往往把學過的所有功能全部加上去，包括從網上下載一些閃動字,動畫,Java等等來體現自己的網頁設計技術豐富。在這裡，首先要指導學生對技術進行合理的使用。技術是為主題服務的，技術的使用價值是在於它要能更準確、更生動的體現主題的意圖，達到更美觀更吸引人的效果，反之，技術的添加則是畫蛇添足，特別是過多的特效與動畫、大而不當的圖片，只會降低網頁的顯示速度，並使瀏覽者眼花繚亂等。其次，軟件的進步已經使得增添效果越來越便捷,到處都有新鮮的,免費的GIF,Java applets等供人隨便下載,早使人見怪不怪。放有這些效果並不能體現出自己網頁製作的技術，我們提倡學生充分發揮自己的想像力，利用所學過的Photoshop和Flash等軟件進行原創，產生具有創意，個性化的作品。

四、版面佈局的設計

版面佈局是網頁的臉面。版面佈局是一個設計的概念，指的是在一個限定的面積範圍內合理安排、佈置圖像、文字的位置，把文章、信息按照輕重緩急的秩序陳列出來的同時，將頁面裝飾美化起來。主題確定後，接著就是確立與主題相適應的版面佈局風格。版面風格是指站點的整體形像給瀏覽者的綜合感受。我們在上網瀏覽時會覺得新浪是平易近人的，肯德基是生動鮮活的，聯想是專業嚴謹的……，這些都是網站給人們留下的不同感受。

學生在網頁設計製作網頁的時候，也必定要對網頁佈局進行設計。在這個過程中，我覺得給學生講一講設計風格是很重要的，同樣是畫一張草圖，有“設計”的意識還是沒有，最後的成果是有差異的。我們可以指導學生分步進行這項工作。首先，在腦子裡勾勒幾中風格的草圖，用一張白紙和一支鉛筆或者作圖軟件，把最初創意畫出來，以粗陋的線條勾畫出創意的輪廓即可。盡可能多畫幾張，以供選擇。然後，根據主題內容選定一個合適的作為繼續創作的腳本。最後，將粗略佈局精細化，具體化。 （不要認為這是可有可無的一步，它往往起到事半功倍的效果。）

其次，在網頁的製作中，常常使用表格工具來規劃版面。使用表格可以方便文字、圖片的定位、編輯。特別要提醒學生注意主頁與其它網頁之間佈局的相似性，至少要做到版式、風格統一，整個網頁渾然一體，不僅方便閱讀與搜尋，更能給整個網站帶來成熟、專業的風範。

五、層次結構與鏈接結構的建立

一個好的網頁應該有清晰的層次結構。網頁間的鏈接最好採用樹型目錄結構。網頁與網頁之間的鏈接不僅要正確，而且要使瀏覽者既可以方便快速的達到自己需要的頁面，又可以清晰的知道自己的位置。特別要指導學生注意的是網站、文件夾及文件在名稱的選取，提醒他們注意幾點：第一，不要使用中文，網絡無國界，使用中文文件名會影響到網頁的正確鏈接；.第二，不要使用過長的字符；儘管服務器支持長文件名，但是太長的文件名不便於記憶；.第三要盡量使用意義明確的文件名。如圖像文件要統一存放在image的文件夾裡，方便管理和維護。

網頁的製作，是對學生整體素質（包括自己想像力、創造力等）的一次檢驗。學生在網頁的製作時，教師必須加以多方面的指導。只要我們把握了以上提出的幾個方面，相信學生可以做出更多更精彩的好作品。