網頁設計三部曲之一：網頁設計要素分析

　　在你開始設計一個因特網站點之前首先要考慮的是你的目標瀏覽者。一個法律咨詢公司的網站和一個音樂網站的目標瀏覽者，是會不一樣的，相應的網站設計當然也就會有所差別。這里，我們主要致力于設計一個“正規”的因特網站點，雖然下面文中提到的這些規則可能對于你的項目而言，并不一定會完全適用。 　　版面布局 　　我們常說，第一印象是非常重要的。因此，你的因特網站點的主頁必須包含你的公司或站點所提供的所有服務內容?？梢允褂靡粋€短的描述性的標題指明站點的主題是什么。你也可以加入你的公司的徽標，但是千萬不要讓信息和圖片填滿了你的主頁(站點的其它網頁也必須如此);主頁看起來必須是干凈而有組織條理的。使用很容易閱讀的字體。當然，根據你的站點的大小，你可能還必須解釋如何瀏覽。在主頁的下面，提供你的公司的聯系信息，例如，你的email地址或電話號碼，這樣就使瀏覽者能很容易地跟你聯系。主頁通常是放置更換信息或新聞的絕好的場所。 　　在你開始設計之前，你必須仔細地為站點挑選色彩組合。千萬不要出現紫色的背景加上黑藍色的文字的組合。要使整個站點保持同一種色彩組合，因為不同顏色組合的背景或字體可能會是非常令人討厭的。你也可以選用一個背景圖，而不是僅用一種顏色。背景圖案可以自己繪制，也可以從因特網上下載。通過模糊背景圖案，就可以使文字更容易被閱讀。要記住的是，圖片不會被瀏覽器重畫的，而背景色彩則是要被重新畫的，因此，在上傳你的圖片之前，必須檢查不同的瀏覽器是如何顯示這些網頁的。 　　當增加文字時，盡量設置容易被閱讀的字體和大小。如果你使用背景圖片，那么，當網頁被瀏覽時，背景色和字體將會先于背景圖片被下載，因此，如果背景色和文本的顏色沒有鮮明的對照的話，那么瀏覽者會有幾秒鐘的時間看到一個充滿了不可閱讀的文本的網頁。解決這個問題的簡單的方法就是，使背景色與背景圖的顏色相類似。 　　使你的網頁短一些，努力使信息/動畫通過幾個網頁來表【關鍵詞53】現。如果把很多東西堆放一個網頁上，就會使你的網頁看起來非常凌亂，這樣也就會使瀏覽者不太愿意閱讀所有的內容。所以，要設計幾個網頁，每個網頁上放一段或兩段文字。在段落的下面放置一個按鈕，鏈接到，在最后一頁則放置一個按鈕，鏈接到、主頁，或者瀏覽者剛剛所到來的地方。盡可能使用模板，降低設計的工作量和復雜性。 　　如果你準備為你的網站主頁插入一個Flashmovie，那么最好把它與主頁分離開。一定要加一個“跳過介紹”按鈕，這樣就使那些不愿意等待下載，或已經看過該介紹的人，能很容易地直接進入你的主頁。運用cookies，你可以使曾經瀏覽過你們網站的人自動跳轉到主頁。 　　瀏覽導航 　　站點的瀏覽導航必須被設計成非常容易。如果需要，把站點分割為幾個部分。最容易的方法，就是在整個網站的所有的網頁的左邊放置一個菜單條。當然，除此以外，還有許多可選的方法。對于具有大量信息的站點，使用一個可擴展的菜單條會是一個不錯的選擇。 　　無論你使用何種導航模式，在每一頁都放置一個主頁鏈接，那會是一種不錯的設計思想;瀏覽者必須知道，無論何時，當他們迷失在你的站點瀏覽中時，都可以通過簡單的一次點擊就能準確地知道目前所處的位置。 　　圖片和多媒體 　　圖片，電影和聲音效果永遠都是很好的，但是不能過分。要記住，大多數人現在還是通過最高連結速度為56Kbps的“貓”上網的。好多次，為了瀏覽一個頁面，我耐心地等待了很可觀的幾分鐘，而這種耐心不是每個人每時每刻都有的。 　　努力使每一個頁面小于50-75Kbytes。盡量把你的GIF和JPEG圖片壓縮后再加入到你的網頁中。如果你準備在你的站點中放置高質量的圖片、音樂或動畫，那么你最好設計兩個版本，一個為高質量，另一個為低質量，這樣就能使不同的瀏覽者有一個最佳選擇。 　　Flash是一個目前非常流行的程序，許多Web設計者都樂意往自己的網站中加入。Flash的好處就是可以使你的動畫和音樂文件非常小。為了觀看Flash電影，你必須要有一個插件【關鍵詞70】，該插件可以從Macromedia公司的網站上下載。雖然可能超過80%的因特網用戶已經有了該插件，并且有了許多新的針對InternetExplorer和Netscape的版本，但是，它依舊是你必須考慮的問題。除非確實需要，盡量不要把Flash動畫加入到你的網頁中，因為有些瀏覽者沒有那么大的耐心等待電影的下載，或者甚至沒有耐心去下載一個插件。純HTML設計，對于大多數(商業)網站，目前依舊是最好的選擇。 　　你可以經常使用這些技巧 　　為Flash電影添加預下載器，這使你可以一邊用一些文字、簡單的圖片或一個導航條“取悅”瀏覽者，一邊下載你的大文件。這樣就可以使Flash電影很平滑地運行，并且當它運行時，不需要停下來緩沖。 　　壓縮，如前面所述，可以優化你的圖片。音樂和聲音可以為你的網站增添不少的精彩，但是，永遠都不能太過分。每一點擊發出的蜂鳴聲會讓你的網站令人討厭，并且對你的網站留下不夠專業化的印象。如果你準備要往你的網站中增加一些背景音樂，那么最好使用一些流音頻軟件，如RealAudio來播放文件?；蛘?，你也可以插入一個Flash文件，循環播放一段音樂。你可以通過在Flash文件中導入WAV文件的方法完成，或者你也可以到因特網上下載一些免費的相關軟件。 　　如果你要在你的Flash電影中使用聲音，通常加一個“弱音”按鈕，會更好些;如果你用行為腳本控制瀏覽者計算機上的聲音的話，那么，再加上一個音量控制條。當然，永遠不要改變聲音是最好的。瀏覽者如果需要，可以自己調整他的計算機的音量。 　　Frame(幀,框架)的問題 　　Frame——你也許會喜歡它，也許不喜歡。如果你在你的網站上使用幀，你很可能使一個幀用于導航目的，另一個幀用于放置內容。你可以看見在同一頁上有兩個被分割的瀏覽窗口，你點擊左邊的幀，只會改變右邊的內容。用幀來組織網站的內容，顯然是非常容易的。 　　但是，我不贊成使用幀。 　　當你要為某個站點作書簽時，幀就會變得非常麻煩，因為站點的單個頁就不能被做成書簽，瀏覽者在打印時也會碰到問題。當然，不同的瀏覽者對待幀是不一樣的。 　　另外要注意的事 　　使公司的徽標在整個站點保持一致,避免在你的站點或瀏覽窗口中使用滾動文本，因為滾動文本會降低你的網頁的可訪問性。 　　檢查你的網站文字，請其他人檢查網站文字、語法的準確性，分類等等。多多詢問你的親朋好友，甚至你的網站瀏覽者對網站的看法。 　　經常檢查網頁中的鏈接，確信它們沒有被打斷，尤其是在你對網站內容作了更新后。 檢查你的網站是否和所有流行的瀏覽器兼容。 　　如果你有一個商業網站，并且準備直接在上面銷售產品或服務，那么，購買安全服務以確保信用卡交易安全，應該是必須的。 　　把你的站點信息提交給搜索引擎，檢查你的站點在分類中的排名，如果很后，那么最好考慮更換你的META標記。 　　許多人還在使用14英寸或15英寸的顯示器，因此盡量使你的網頁也是可以“自由滾動”的(最起碼可以水平滾動)。 　　不要在顯著的位置堆積很多廣告條，兩個廣告條基本上應該是上限了。 　　檢驗你的HTML代碼 　　不要在你的網站上放置瀏覽計數器。計數器會讓你的網站看起來不夠專業化，如果瀏覽量不夠的話，還會起到相反的宣傳作用。 　　最后，內容是金。如果你能給你的瀏覽者一些有價值的東西，如，信息，建議，或軟件，那么就能吸引瀏覽者經常光顧你的網站。為你的站點增加消息板和聊天室，從而提高網站的交互性，使你和你的訪問者交流，讓訪問者彼此交流。 　　結語 　　你也許會認為所有的這些都會是一種限制;不錯，如果運用不當，它們確實是會成為一種約束。不管怎樣，當你開始設計你的網站時，要努力去這樣做。不要跟隨上述所有的規則，充分發揮你的創造力，你可以去創建一個大大的Flash電影，再加上一點點的文字內容，使你的網站在眾多的網站中脫穎而出，哪怕瀏覽者只是為了再看一下你的設計。靈活地使用本文中所述的一些規則方法，將會使你的網站更完美，更容易獲得成功。祝你好運! 　　上一篇：中國最大的企業搜索引擎將問世 前康柏CEO助陣 　　下一篇【關鍵詞62】： 美送餐搜索引擎GrubHub第4輪融資2000萬美元