想好好的推廣自己的網站,10條優秀的網站設計經驗

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

一個設計良好的網頁應該能夠被寬頻網上的多媒體高檔電腦或者依然使用慢速MODEM連接的低檔電腦上安裝的瀏覽器閱讀。 然而，很多新的網站設計者均不是非常的瞭解如何儘量的讓這些HTML檔保持很好的相容性。

當然，這裡有太多的不確定因素影響網頁最後呈現的結果。 首先，電腦的顯示器有不同的解析度和顯示品質，其次，運行著各種各樣的作業系統，使用著不通版本的WEB瀏覽器 ，不同INTERNET連接方式和各種速度的MODEM。 我們不能想當然的去武斷地判定流覽者的喜好。 我們還是花點時間來測試頁面，這樣可以讓每一個訪問者感到愉快。 然而，遺憾的是我們沒有辦法為每一個訪問者來優化頁面，但是下面講述的幾個步驟將有助於您保證大多數訪問者的流覽效果。

1、確定受眾

一般的來說，絕大多數普通受眾圖形，外掛程式，applets和其它有關的高級Web瀏覽器特性。 對我們來說，頁面的實用可能比漂亮更重要，對於使用者來說，沒有什麼比頁面能夠快速下載更重要了，簡而言之，精簡你的網站，這是一條最佳的捷徑。

波士頓一點陣圖形設計者兼美術講師說:"你必須考慮什麼，這一切都應該來自自于你的觀眾"!

為了讓每個人滿意，一個網站的實用比漂亮更加重要。 並且首先，它必須能夠快速的被使用者端的較老版本的瀏覽器快速解釋。 簡化你的網站，然而，那未必是最好的辦法。

考慮一下網站訪問者的作業系統，監視器，瀏覽器，和的連線類型。 然後，想想理論上他們需要從你的網站獲得什麼?他們是想獲得連接還是需要實際的內容?如果是普通的網站是否會失望，是否需要為流覽下載特別的外掛程式。 有一個竅門就是沒有必要為每一個人優化你的網站，要滿足每一個訪問者顯然不可能，你必須為訪問者採取適當的技術。

2、不要依賴圖形

就網站設計而言，的確能夠通過成功的圖形設計招徠或者丟失訪問者。 並非所有的訪問者可以完全看到圖片，某些人為了加快存取網路的速度已經關閉了瀏覽器端的圖形。 簡而言之，圖形並不能正確的在用戶端載入。 然而，圖形經常被用來作為導覽按鈕。 舉例來說，訪問者經常按向左的箭頭返回上一頁，或者一個包含問號的圖形可以得到更多的資訊，或者按公司的標誌(LOGO)會告訴使用者公司的位址和電話號碼。 圖形映射(IMAGE MAP)允許你按圖像的不同區域連接到不同的地方，這個經常被用來用作網站地圖，你給訪問者提供網站內容指引。 但是如果你僅僅通過圖片來提供網站導覽的話，某些訪問者將不能完全或者正確的離開你的網站。

總是告訴使用者你的網站需要什麼樣類型的技術才能正確流覽你的網站是一個非常愚笨的方法。 如果訪問者需要安裝外掛程式才能處理，如果你僅僅給出一個連接讓訪問者去下載。 這個自認為非常酷的頁面對使用者來說根本不是什麼幽默的事情，這是和使用者的期待所恰恰相反的。 至於為什麼恰恰相反，希望你能反思一下，如果是你，你會為了流覽一個你根本不知道什麼樣的網站而去下載一堆你不知道的外掛程式麼?

如何解決這個矛盾呢?你可能想到的解決方法有二種:一個是單純的文本，另外就是完全的圖形方式。 其實不然。 如果你使用一個圖形映射的方式給內容清單，可以在該頁的最後使用一個純文字方式的表格來處理，這樣會好很多。 如果使用圖形按鈕，最好還是包括簡單的導航文字提示。

大多數的時候，通常我們要養成使用"ALT"標記的習慣，這樣當圖形未能正確顯示的時候可用預備的文本替代顯示。 這樣，使用者至少可以看到關於這個圖形的表述，便知道這個圖形究竟意味著什麼。 舉例來說某個圖像標記的預備文本就可以這樣寫:

使用"ALT"標記也有另外一個好處。 文字將顯示在圖像的上面，這樣會給使用者造成一個頁面快說引導的感覺。

3、保持頁面小巧

這個小節我們談論的是關於圖形的處理。 最好的方法是我們呼籲廣大的讀者保持讓圖形檔的尺寸儘量的小。 即使是那些僥倖擁有快速Internet連接的使用者，他們不會抱怨說你的網站載入速度太快。

第一個基本原則是讓每一個圖形檔的尺寸小於30KB。 這絕對不是一個壞的建議。 更"極端"的某些頁面設計專家說，保持整個頁面的尺寸大概在30KB, 40KB左右(也就是包含圖形和文本以及其它多媒體物件之後的整個頁面)才是比較合適的。 並忠告我們"千萬不要使用非常大的頁面"。

要保持頁面尺寸小巧，花些時間來處理一下圖形，在保證圖形品質的情況下使用盡量高的壓縮比例，讓圖形儘量的小。

另外，讓圖形使用較少的色彩也是一個讓圖形儘量小的辦法。 使用單調的顏色比使用梯度的顏色要好。 使用梯度顏色可以在瀏覽器端快速填充顏色調色板供用戶端顯示。 此外，減少圖形的色彩深度進而可以使用較少的色彩樹也是可以的。

如果你需要提供較大的圖像和多媒體檔案，儘量不要插入頁面裡面，提供一個連接就可以了。 這樣，如果使用快速的連接點擊圖像就可以立刻看到，低速的連接不看圖像也可以看到他最關心的內容，流覽感覺上沒有什麼延遲是最好的。

4、不要假設使用者的顯示器和解析度大小

一個常見的錯誤的是好多的網頁設計師都認為訪問者都有一個他們一樣顯示效果良好的大螢幕顯示器。 按照目前的狀況，你可以為你的網站優化設計為標準的800×600解析度，這是現在主流顯示器的的預設顯示解析度。

搜尋引擎，比如Excite，我們可以發現一些為增加大量使用者訪問量的好主意。 舉例來說，多使用表格儲存格顏色填充。 該頁的網頁設計師為該網頁添加了背景色，這樣使用者就不會在感覺上覺得下載頁面耗費的時間過多。 另外，大多數的顯示器只能顯示256色，而不是設計師所使用的真彩上百萬種顏色設置。 瀏覽器能顯示的顏色在瀏覽器"安全色彩範圍"，即256色以內。 後面我們將詳細討論這個問題。

5、小心使用外掛程式(plug-ins)和Applets

突出交互性或者多媒體特性的網站通常使用plug-ins和applets。 Plug-ins是Web瀏覽器功能的擴展。 流覽者如果安裝了Plug-ins，他們就能夠運行不同類型的檔，比如動畫，視頻和音訊。 Applets是小的程式片斷或者是工具，經常用JAVA語言編寫，可以借助諸如瀏覽器這樣的大型程式完成一些有用的功能。

雖然plug-ins和applets能大大增強網站的交互性和多媒體性能，但是對於一些較老配置的機器來說，這無疑又是一個多餘的功能。 舉例來說，JAVA applets僅能工作在32位的作業系統下，Windows 3.

雖然plug-ins和applets能大大增強網站的交互性和多媒體性能，但是對於一些較老配置的機器來說，這無疑又是一個多餘的功能。 舉例來說，JAVA applets僅能工作在32位的作業系統下，Windows 3.x就行不通(雖然現在很少有人使用了)。 另外，plug-ins需要花費時間下載安裝，但並不是每一個使用者都能熟練的完成下載後安裝這樣一個過程。 不熟練的使用者安裝plug-ins的時候可能會遇到故障，不熟練的使用者不需要這樣的煩惱。

如果你判斷你的受眾可以安裝plug-ins和applets，你必須要在相關的部分提示使用者，下載plug-ins和applets的時間和位址，並且安裝過程中需要注意哪些方面的內容。 這樣可以方便使用者的使用。 如果是非常重要的資訊，建議你提供一個可用的如純文字型的可用資訊，以方便那些確實無法安裝plug-ins和applets的訪問者。

6、僅僅在需要的時候使用幀(FRAME)

使用幀可以把一個瀏覽器分成幾個不同的視窗，對於網站的結構的把握是一個不錯的方法。 但是，你還是必須知道，還是有人在使用不支援幀的瀏覽器。 在你開始打算設計一個幀的時候，你該仔細的考慮考慮你是否的確真的需要。 經常，你這樣的需求可以通過表格來組織網站的結構。 當然，有些特別特別老的瀏覽器的確連表格也不支援。 哎，這樣說來，我們似乎真的是沒有辦法了。

如果你必須使用幀，設法為還在使用那些古董瀏覽器的使用者提供其它的解決辦法。 最壞的打算就是，如果真的沒有辦法解決，給這些使用者一些道歉的資訊，不要讓他們感覺到你忽視了他們的存在。

7、不要忘記Web瀏覽器

你應該知道，最終的流覽者有很多的方法可以控制網頁在用戶端瀏覽器的顯示效果(包括字體大小，顏色等等)，不過從市場佔有率來看，網景公司的航海家(Navigator)相比微軟公司的探險家(Internet Explorer) 的份額正逐漸減小。

對一個指定的網站來說，如果考慮到某些訪問者不喜歡使用圖形方式的導航條，測試的時候你就需要關閉圖形顯示。 所以，在製作的時候，你就必須要考慮到大部分(不是全部，當是至少應該考慮到導航條圖形)的圖形必須要使用文字提示，這樣即使在流覽者用戶端不顯示導航圖片的時候還有文字給予適當的提示，這樣的感覺，會好很多， 至少面對無法顯示圖形的紅叉而言，這樣的文字提示就給人以友好的感覺二不至於無所適從。

事實上，微軟公司出品的WEB探險家和美國Netscape公司航海家已經有越來越多的相似之處了，其實，早在一年前，他們之間的相容已經不是一個大問題了。 但是在細節上還是有區別的，某些在某個瀏覽器看上去的效果用另外一個瀏覽器看就完全不是那麼一回事了。 你可以理解這些差別，但是你無法支配他，不同的瀏覽器看上去就是不同，就象不同的人眼裡的某個人各自會有不同的印象一樣。 你所需要的，就是知道他們存在差別，你應該儘量的去避免使用導致巨大差別的代碼或者方法。 好消息是，這二個瀏覽器都可以免費下載，對使用者來說，完全可以嘗試用二個瀏覽器去看看你的網站有什麼不同的流覽感受，選擇的權利在於流覽者，而你作為網站設計者，要做的只是去傾聽流覽者可能的回饋。 壞消息就是，你不能控制訪問者使用什麼樣的瀏覽器，或者額外的去改變瀏覽器視窗的大小，設置字體類型、顏色和大小。 你能作的就是當訪問者不能訪問某些部分的時候建議他們使用什麼樣的配置，怎麼樣看你的網站，這樣他們就可以使用預設的設置或者你建議的瀏覽器。

8、保持蘋果和PC格式相容

很多的頁面在蘋果環境中設計而流覽者使用的確是PC。 對大部分頁面來說，這個理由。 實際上，瀏覽器比作業系統更多的影響網站的流覽效果。 有一個需要指出的事實，在IBM相容PC機上看到的圖片似乎比蘋果機上的小，而且顏色稍深。 如果你的網站圖形大部分在蘋果機上設計，建議在發佈之前，在PC機上進行預覽，看是否有較大的效果差異。

蘋果機和PC上顯示的同樣的顏色在某種程度上看上去往往有些差別。 說的更精確些就是我們早前提到的關於調色板的區別在起著決定性的作用。 這二個不同的平臺，有216個通用的顏色，所以，網頁設計師在設計的時候儘量使用這通用的216色就可以最大程度的保證這二個平臺的頁面色彩顯示效果基本一致。

9、測試、測試、再測試

不要為我的囉嗦而感到厭煩。 為了保證在眾多的流覽者瀏覽器裡面能正確的看到我們所想表達的頁面效果，所以正式發佈網站之前的測試顯得非常的重要，是重中之重。 從你自己的電腦開始，一遍又一遍的開始測試，使用不同的瀏覽器，試著調整瀏覽器視窗的寬度和高度，關閉圖形顯示，試著使用不同的顯示解析度。 然後，在朋友、同事甚至鄰居的電腦上重複剛才作過的事情。

有專業的網頁設計師建議我們將測試工作交給熟識的普通的使用者去進行，因為這樣才符合大多數的消費者的習慣，而且這些使用者使用的瀏覽器版本較老，這樣可以保證最終使用者的流覽效果。 有必要強調這一步的重要性。 在辦公室裡面，我們經常可以看到一些似乎是作為點綴使用的古老的機器(幾乎能見證電腦的發展歷史)，我們不妨用作我們的測試機器，似乎更能體現這些古董機器的價值。 而這些古董機器得出的測試結果，往往比我們使用的專業的設計師所有的電腦測試的效果更加客觀，更加具有代表性。

10、可以通知你的訪問者了

即使我們作了上面我們要作的一切工作，你必須明白，我們還是無法保證這個精心設計的網站能讓每一個訪問者都有很好的顯示效果。 如果你在首頁上明確指出流覽你的網站需要具備什麼什麼樣的條件，你必須明白並非所有的使用者都能具備你所要求的條件。 你可以為這些不能滿足你認為的基本條件的使用者一個另外的選擇，這樣可以讓他們知道你並沒有忽視他們。 你可以告訴他們如何通過電話，書信或者電子郵件的方式與你取得聯繫，這樣也不至於讓他們空手而歸。

最後，經過測試、驗收合格的網站才能向全世界發佈。 流覽者是否有興趣流覽你的網站或者在你的網站停留很長事件已經完全擺脫你的控制了。 有些使用者由於使用速度過慢的數據機而變得煩躁不安，或者是頁面無法顯示圖形或者，或者使用者使用了他們個人化的瀏覽器無法正常顯示網站...... 這些問題都將存在，一點也不用感到驚奇。 我們現在所能作的，就是從客戶的回饋資訊當中分析和測試使用者的多樣性和可能性不斷的進行調整。

無論如何，你已經從你的網站得到某種心理上的滿足。 在開始繼續作這件事情以前，你可以坐下來清楚的想想你究竟是為了什麼創建這個網站的。 仔細的列出你的連接，並不是所有的使用者都有耐心在你的網站上尋找他所關心的內容。 讓他們知道什麼時候什麼地方將提供什麼，比如你準備在什麼時候提供一個重要資料的下載等等。 尤其重要的是，要讓那些相關的宣傳物件滿意，因為一旦他們發現一些對他們有用的東西，他們將向他們周圍的朋友、同學或者親戚進行擴散，這樣你的網站的知名度就會慢慢的打開。

恭喜你，你已經成功了一半，接下來要告訴你的就是"持之以恆，精益求精"。 希望你能記住。