Admin
管理員
|
# 發表時間: 4 1月 2008 00:20 - 修改: Admin
回覆
優秀的網站設計經驗10則(1)
一個設計良好的網頁應該能夠被網際網路上的多媒體高檔電腦或者依然使用慢速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)的份額正逐漸減小。
對一個指定的站點來說，如果考慮到某些訪問者不喜歡使用圖形方式的導航條，測試的時候你就需要關閉圖形顯示。所以，在製作的時候，你就必須要考慮到大部分(不是全部，當是至少應該考慮到導航條圖形)的圖形必須要使用文字提示，這樣即使在瀏覽者用戶端不顯示導航圖片的時候還有文字給予適當的提示，這樣的感覺，會好很多，至少面對無法顯示圖形的紅叉而言，這樣的文字提示就給人以友好的感覺二不至
|
