網頁建設指南

在你開始設計一個網際網路站點之前首先要考慮的是你的目标浏覽者。一個法律咨

詢公司的網站和一個音樂網站的目标浏覽者，是會不一樣的，相應的網站設計當

然也就會有所差别。這裡，我們主要緻力于設計一個“正規”的網際網路站點，雖

然下面文中提到的這些規則可能對于你的項目而言，并不一定會完全适用。

版面布局

　  我們常說，第一印象是非常重要的。是以，你的網際網路站點的首頁必須包含

你的公司或站點所提供的所有服務内容。可以使用一個短的描述性的标題指明站

點的主題是什麼。你也可以加入你的公司的徽标，但是千萬不要讓資訊和圖檔填

滿了你的首頁（站點的其它網頁也必須如此）；首頁看起來必須是幹淨而有組織

條理的。使用很容易閱讀的字型。當然，根據你的站點的大小，你可能還必須解

釋如何浏覽。在首頁的下面，提供你的公司的聯系資訊，例如，你的email位址或

電話号碼，這樣就使浏覽者能很容易地跟你聯系。首頁通常是放置更換資訊或新

聞的絕好的場所。

　  在你開始設計之前，你必須仔細地為站點挑選色彩組合。千萬不要出現紫色

的背景加上黑藍色的文字的組合。要使整個站點保持同一種色彩組合，因為不同

顔色組合的背景或字型可能會是非常令人讨厭的。你也可以選用一個背景圖，而

不是僅用一種顔色。背景圖案可以自己繪制，也可以從網際網路上下載下傳。通過模糊

背景圖案，就可以使文字更容易被閱讀。要記住的是，圖檔不會被浏覽器重畫的

，而背景色彩則是要被重新畫的，是以，在上傳你的圖檔之前，必須檢查不同的

浏覽器是如何顯示這些網頁的。 當增加文字時，盡量設定容易被閱讀的字型和大

小。如果你使用背景圖檔，那麼，當網頁被浏覽時，背景色和字型将會先于背景

圖檔被下載下傳，是以，如果背景色和文本的顔色沒有鮮明的對照的話，那麼浏覽者

會有幾秒鐘的時間看到一個充滿了不可閱讀的文本的網頁。解決這個問題的簡單

的方法就是，使背景色與背景圖的顔色相類似。 使你的網頁短一些，努力使資訊

/動畫通過幾個網頁來表現。如果把很多東西堆放一個網頁上，就會使你的網頁看

起來非常淩亂，這樣也就會使浏覽者不太願意閱讀所有的内容。是以，要設計幾

個網頁，每個網頁上放一段或兩段文字。在段落的下面放置一個按鈕，連結到下

一頁，在最後一頁則放置一個按鈕，連結到上一頁、首頁，或者浏覽者剛剛所到

來的地方。盡可能使用模闆，降低設計的工作量和複雜性。

　  如果你準備為你的網站首頁插入一個Flash movie，那麼最好把它與首頁分離

開。一定要加一個“跳過介紹”按鈕，這樣就使那些不願意等待下載下傳，或已經看

過該介紹的人，能很容易地直接進入你的首頁。運用cookies，你可以使曾經浏覽

過你們網站的人自動跳轉到首頁。

浏覽導航

　  站點的浏覽導航必須被設計成非常容易。如果需要，把站點分割為幾個部分

。最容易的方法，就是在整個網站的所有的網頁的左邊放置一個菜單條。當然，

除此以外，還有許多可選的方法。對于具有大量資訊的站點，使用一個可擴充的

菜單條會是一個不錯的選擇。

　  無論你使用何種導航模式，在每一頁都放置一個首頁連結，那會是一種不錯

的設計思想；浏覽者必須知道，無論何時，當他們迷失在你的站點浏覽中時，都

可以通過簡單的一次點選就能準确地知道目前所處的位置。

圖檔和多媒體

　  圖檔，電影和聲音效果永遠都是很好的，但是不能過分。要記住，大多數人

現在還是通過最高連結速度為56Kbps的“貓”上網的。好多次，為了浏覽一個頁

面，我耐心地等待了很可觀的幾分鐘，而這種耐心不是每個人每時每刻都有的。

　  努力使每一個頁面小于50-75Kbytes。盡量把你的GIF 和JPEG圖檔壓縮後再加

入到你的網頁中。如果你準備在你的站點中放置高品質的圖檔、音樂或動畫，那

麼你最好設計兩個版本，一個為高品質，另一個為低品質，這樣就能使不同的浏

覽者有一個最佳選擇。 Flash是一個目前非常流行的程式，許多Web設計者都樂意

往自己的網站中加入。Flash的好處就是可以使你的動畫和音樂檔案非常小。為了

觀看Flash電影，你必須要有一個插件，該插件可以從Macromedia公司的網站上下

載。雖然可能超過80%的網際網路使用者已經有了該插件，并且有了許多新的針對

Internet Explorer 和Netscape的版本，但是，它依舊是你必須考慮的問題。除

非确實需要，盡量不要把Flash動畫加入到你的網頁中，因為有些浏覽者沒有那麼

大的耐心等待電影的下載下傳， 或者甚至沒有耐心去下載下傳一個插件。純HTML設計，對

于大多數（商業）網站，目前依舊是最好的選擇。

你可以經常使用這些技巧

　  為 Flash電影添加預下載下傳器，這使你可以一邊用一些文字、簡單的圖檔或一

個導覽列“取悅”浏覽者，一邊下載下傳你的大檔案。這樣就可以使Flash電影很平滑

地運作，并且當它運作時，不需要停下來緩沖。

　  壓縮，如前面所述，可以優化你的圖檔。音樂和聲音可以為你的網站增添不

少的精彩，但是，永遠都不能太過分。每一點選發出的蜂鳴聲會讓你的網站令人

讨厭，并且對你的網站留下不夠專業化的印象。如果你準備要往你的網站中增加

一些背景音樂，那麼最好使用一些流音頻軟體，如Real Audio來播放檔案。或者

，你也可以插入一個Flash檔案，循環播放一段音樂。你可以通過在 Flash檔案中

導入WAV檔案的方法完成，或者你也可以到網際網路上下載下傳一些免費的相關軟體。

　  如果你要在你的Flash電影中使用聲音，通常加一個“弱音”按鈕，會更好些

；如果你用行為腳本控制浏覽者計算機上的聲音的話，那麼，再加上一個音量控

制條。當然，永遠不要改變聲音是最好的。浏覽者如果需要，可以自己調整他的

計算機的音量。

Frame(幀,架構)的問題

　　　  Frame―― 你也許會喜歡它，也許不喜歡。如果你在你的網站上使用幀

，你很可能使一個幀用于導航目的，另一個幀用于放置内容。你可以看見在同一

頁上有兩個被分割的浏覽視窗，你點選左邊的幀，隻會改變右邊的内容。用幀來

組織網站的内容，顯然是非常容易的。

　  但是，我不贊成使用幀。

　  當你要為某個站點作書簽時，幀就會變得非常麻煩，因為站點的單個頁就不

能被做成書簽，浏覽者在列印時也會碰到問題。當然，不同的浏覽者對待幀是不

一樣的。

另外要注意的事

　  使公司的徽标在整個站點保持一緻。

　  避免在你的站點或浏覽視窗中使用滾動文本，因為滾動文本會降低你的網頁

的可通路性。

　  檢查你的網站文字，請其他人檢查網站文字、文法的準确性，分類等等。多

多詢問你的親朋好友，甚至你的網站浏覽者對網站的看法。

　  經常檢查網頁中的連結，确信它們沒有被打斷，尤其是在你對網站内容作了

更新後。

　  檢查你的網站是否和所有流行的浏覽器相容。

　  如果你有一個商業網站，并且準備直接在上面銷售産品或服務，那麼，購買

安全服務以確定信用卡交易安全，應該是必須的。

　  把你的站點資訊送出給搜尋引擎，檢查你的站點在分類中的排名，如果很後

，那麼最好考慮更換你的META标記。

　  許多人還在使用14英寸或15英寸的顯示器，是以盡量使你的網頁也是可以“

自由滾動”的（最起碼可以水準滾動）。

　  不要在顯著的位置堆積很多廣告條，兩個廣告條基本上應該是上限了。

檢驗你的HTML代碼

　  不要在你的網站上放置浏覽計數器。計數器會讓你的網站看起來不夠專業化

，如果浏覽量不夠的話，還會起到相反的宣傳作用。

　  最後，内容是金。如果你能給你的浏覽者一些有價值的東西，如，資訊，建

議，或軟體，那麼就能吸引浏覽者經常光顧你的網站。為你的站點增加消息闆和

聊天室，進而提高網站的互動性，使你和你的通路者交流，讓通路者彼此交流。

結語

　  你也許會認為所有的這些都會是一種限制；不錯，如果運用不當，它們确實

是會成為一種限制。不管怎樣，當你開始設計你的網站時，要努力去這樣做。不

要跟随上述所有的規則，充分發揮你的創造力 ，你可以去建立一個大大的Flash