網站設計的原則

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

01 明確內容

如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的使用者需要什麼。 你的整個設計都應該圍繞這些方面來進行。

02 抓住使用者

如果使用者不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的 。 不要讓使用者失望而轉向你的對手的網站。

03 優化內容

內容是核心。 大約在兩年以前，企業網站就像一本廣告冊子，更槽糕的是， 網站使用了大量的圖片，似乎要幾個世紀才能下載完。

04 快速下載

沒有什麼比要花很長時間下載頁面更槽糕的了。 作為一條經驗，一個標準的網頁應不大於60K，通過56K數據機載入花30秒的時間。 有的設計者說網頁載入應在15秒內。

05 網站升級

時刻注意網站的運行狀況。 性能很好的主機隨著訪問人數的增加，可能會運行緩慢。 但是，如果你不想失去訪問者的話，一定要仔細計畫好你的升級計畫。

06 學習HTML

用HTML設計網站，可以控制設計的整個過程。 但是，如果你僅僅是網站設計 的新手，你應該尋找一個允許修改HTML的套裝軟體。 HomeSite4是一個很好的Web設計工具。 在設計過程中，HomeSite4能説明你學習HTML。 它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。

07用筆劃一個網站的框架

聖人雲：筆比劍更強大。 在用電腦之前，用筆劃一個網站的框架，顯示出所有網頁的相互關係。 計畫好你的使用者如何以最少的時間流覽你的網站。

08 網站地圖

許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大於利。 絕大部分的訪問者上網是尋找一些特別的資訊，他們對於你的網站是如何工作的，並沒有興趣。 如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。

09 點擊規則

聽說過3次點擊規則嗎？ 對於小型網站，在你的主頁上，沒有任何一條資訊，需要點擊次數超過3次的。 對於大型網站，使用導航和工具條來改善操作。

10 特殊字體的應用

雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的電腦上將看到什麼。 在你的電腦裡看起來相當好的頁面，在另一個不同的平臺上看起來可能非常糟糕。 一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的電腦上不能顯示。 級聯風格表CSS有助於解決這些問題，但是只有最新 版的瀏覽器才支援CSS。

11 檢查錯別字

好的拼寫是人們一生中重要的技能。 但是遺憾的是，許多設計者都缺少這種 技能。 確保你拼寫正確，並且格外注意平常容易誤寫的錯別字。

12 避免長文本頁面

在一個網站上有許多隻有文本的頁面，是令人乏味的，且也浪費Web的潛力。 如果你有大量的基於文本的文檔，應當以Adobe Acrobat格式的檔形式來放置， 以便你的訪問者能離線閱讀。

13 不要使用卷滾條

人們厭惡在網上使用卷滾條。 Trouble網站是一個典 型的設計很差的網站。 它基於一個浮動的架構，為了閱讀所有的文本，流覽者不 得不使用卷滾條。

14 網站介紹

你應當有一個很清晰的網站介紹，告訴訪問者你的網站能夠提供些什麼，以 便訪問者能找到想要的東西。 但是，許多設計者都沒有這樣做。 有效的導航條和 搜索工具使人們很容易找到有用的資訊，這對訪問者很重要。 告訴訪問者你所提 供的正是他們想要的資訊。

15 閃爍讓人頭痛

通過使用標識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪 問者頭痛。 如果你想使訪問者再次光顧你的網站，就少用此方法。

16 背景顏色

背景顏色也會產生一些問題，可能會使網頁難於閱讀。 你應當堅持使用白色 的背景和黑色的文本，另外還應當堅持使用通用字體。

17 向前和向後按鈕

應當避免強迫使用者使用向前和向後按鈕。 你的設計應當使使用者能夠很快地找 到他們所要的東西。 絕大多數好的網站在每一頁同樣的位置上都有相同的導航條 ，使流覽者能夠從每一頁上訪問網站的任何部分。

18 點擊記數器

不要輕易考慮在你的網站上放置一個醒目的點擊記數器。 你設計網站是為了 給訪問者提供服務，而不是推銷你自己認為重要的東西。 大多數流覽者認為計數 器毫無意義，它們很容易被做假，流覽者也不想看廣告。 如果你顯示你的網站是 多麼受歡迎，你最好提供一個連結，顯示訪問日誌。

19 不要用框架

與記數器一樣，框架在網頁上越來越流行。 在大多數網站上，在螢幕的左邊 有一個框架。 但是設計者立刻就發現，在使用框架時產生了許多的問題。 使用框 架時如果沒有17英寸的顯示幕幾乎不可能顯示整個網站。 框架也使得網站內個人 主頁不能夠成為書簽。 也許更重要的是，搜尋引擎常常被框架混淆，從而不能列 出你的網站。

20 去掉圖像

在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網站上獲得滿 意的效果。 對於那些使用ISDN連接並且關掉了圖像功能的訪問者，還能獲得好的 網頁載入性能。 可以通過在網頁底部提供另外的連結和使用替代文字，而不是圖 像來滿足訪問者的需要。

21 重複使用圖像

一些網站由於使用大量不重複的圖像而錯過了使用更好的技巧的機會。 在創 建商標時，在網頁上多次使用同樣的圖像是一個好的方法，並且一旦它們被裝入 ，以後重新載入就會很快。

22 避免使用過大的圖像

不要使用橫跨整個螢幕的圖像。 避免訪問者向右滾動螢幕。 占75%的螢幕寬度 是一個好的建議。

23 選擇使用Flash動畫

許多使用比較慢的電腦的訪問者發現動畫圖標很容易耗盡系統資源，使網 站的操作變得很困難，因此，應該給使用者一個跳過使用Flash動畫的選擇。

24 儘量少使用Flash外掛程式

雖然許多Web設計者認為Flash功能很強大，並且Netscape5.0將支援Flash， 在使用時不必再下載任何外掛程式。

但是，最好還是取消使用Flash做各介面的想法。

25 讓使用者先預覽小圖像

如果不得不放置大的圖像在網站上，就最好使用Thumbnails軟體，把圖像的 縮小版本的預覽效果顯示出來，這樣使用者就不必浪費金錢和時間去下載他們根本 不想看的大圖像。

26 動畫與內容應有機結合

確保動畫和內容有關聯。 它們應和網頁渾然一體，而不是乾巴巴的。 動畫並 不只是Macromedia Director等製作的東西的簡單堆積。

27 慎用聲音

聲音的運用也應得到警惕。 內聯聲音是網頁設計者的另一個禁地。 因為過多 地使用聲音會使下載速度很慢，同時並沒有帶給流覽者多少好處。 首次聽到滑鼠 發出聲音可能會很有趣，但是多次以後肯定會很煩人。 使用聲音前，應該仔細考 慮聲音將會給你帶來什麼。

28 少用JAVA 和AxtiveX

在網頁上應儘量少使用JAVA 和AxtiveX。 因為並不是每一種瀏覽器都需要使 用它，只有那些Netscape 和Explorer的早期版本的消費者才需要它。 另外Mac在 處理JAVA時也存在問題，過分地使用JAVA，會使Mac崩潰。

29 慎用外掛程式

在Web設計中，如果依賴于一些特別的外掛程式，會減少網站的吸引力。 如果訪問 者沒有所要求的外掛程式，將不得不到其它網站去下載，這樣訪問者有可能就不會返 回了。

30 使用著名的外掛程式

如果網站上有聲音或視頻，要保證消費者通過使用某個知名的外掛程式，能夠聽 到或看到。 許多網站使用QuickTime、RealPlay和 Shockwave外掛程式。 因為，許多訪 問者並不願意浪費很多時間和金錢去下載可能僅使用一次的外掛程式。

31 使用先進技術

跟上新的技術。 Web技術的進步絕不會停止，所以應花一些時間來研究新產品 和開發技術。

32 自己創建圖像和聲音

使用你自己創建的或從某個商業網站上下載的圖像和聲音。 在製作商業網站 時，應該花足夠的資金來創建圖形，以增強公司的宣傳。

33 平臺的相容性

要為使用者著想，必須最少在一台PC 和一台Mac機上測試你的網站，看看相容 性如何。

34 用軟體分析工具找錯

使用軟體分析工具檢查HTML。 軟體分析工具Doctor HTML能夠説明檢查HTML中 的任何問題。 如果你有許多網頁需要檢查，可選用軟體分析工具。 在網址www.we blint.org/validation.html中，你能夠找到更多有效的HTML工具。

35 避免錯誤連結

網站中可能與其它一些有用的網站作了連結。 但是，如果在你的網頁上有鏈 接，一定要經常檢查它們，保證連結有效。 連結的網站可能很多，但不要連結到 與你的內容無關的網站上。

36 給觀眾成熟的東西

如果網站沒有完成，就不要發送到Web上。 所有好的網站都是在幕後完成之後 再發佈的。

37 在搜尋引擎上登記網站

任何一個人發現你的網站的機會都很少，除非你把你的網站在主要的搜索引 擎上進行登記。

38 設計一個留言板

流覽者願意把時間花在好的網站上，所以最好有一個留言本，這能激勵訪問 者再次回到你的網站，還有助於擴充網站內容。

39 測試網站

在你的網站正式發佈之前，必須進行有用的測試。 在設計網站時要使用最新 的軟體，但是不要忘了人們並不會使用最新的瀏覽器，所以要照顧到以前的流覽 器。 在上載網站時還要測試所有的連結和導航工具條。

40 演示即將發佈的網站

在網站正式運行之前，讓人演示它。 演示中人們會告訴你所設計的網站是否 容易使用。

41 動畫點綴

網頁上的動畫最多隻用一個。

42 內容組織

在開始創建新的網頁前，仔細考慮網站內容的組織。 決定好想讓訪問者流覽 的內容，然後設計導航系統。

43 「空白萬歲」

注意留空白。 不要用圖像、文本和不必要的動畫GIFs來充斥網頁，即使有足 夠的空間，在設計時也應該避免使用。

44 圖像壓縮

為了保持小的圖像，可以使用類似GIF嚮導的程式，它能自動對圖像進行壓縮 。

先聲明圖像的大小

在圖像顯示之前最好能詳細說明圖像大小屬性，可以在IMG標籤中保存這個屬 性。 這可以使網頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在螢幕上顯示 整個網頁。

45 圖像大小屬性，

可以在IMG標籤中保存這個屬性。 這可以使網頁顯得很流 暢，因為瀏覽器可以在圖像被下載之前在螢幕上顯示整個網頁。

46 使用者註冊

如果能知道誰流覽了網站以及是怎樣流覽網站的，那麼就能得到大量有用的 資訊。 但是，要求訪問者在流覽網站之前進行註冊，這樣做是要冒風險的，因為 這將趕走一批不願意註冊的人。 獲得資訊的另一種方法是進行有獎競猜或金錢獎 勵，讓使用者能主動填一些資訊回饋表。

47 使網站具有交互功能

在網站上提供一些回答問題的工具，使得訪問者能從網站上獲得交互的資訊 。

48 圖片更新

盡可能經常更換網站上的圖片，人們更願意點擊的是圖片而不是文本。

49 在網站上提供遊戲

遊戲是很好的交互工具，它是使訪問者能再次光顧網站的好方法。

50 挑選工具軟體

仔細選擇Web設計工具。 保證使用自己最想要的、自我感覺最好的軟體。

51 使用最新版本的軟體

儘量使用Web設計軟體的最新版本，還應當能被授權進行免費或便宜的升級。