1. 首頁
  2. 設計

網站設計和最佳化不容忽視的問題

網站設計和最佳化不容忽視的問題

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

當然,這裡有太多的不確定因素影響網頁最後呈現的結果。首先,計算機的顯示器有不同的解析度和顯示質量,其次,執行著各種各樣的作業系統,使用著不通版本的WEB瀏覽器

,不同INTERNET連線方式和各種速度的MODEM。我們不能想當然的去武斷地判定瀏覽者的喜好。我們還是花點時間來測試頁面,這樣可以讓每一個訪問

者感到愉快。然而,遺憾的是我們沒有辦法為每一個訪問者來最佳化頁面,但是下面講述的幾個步驟將有助於您保證大多數訪問者的瀏覽效果。

1、確定受眾

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

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

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

考慮一下站點訪問者的作業系統,監視器,瀏覽器,和的連線型別。然後,想想理論上他們需要從你的站點獲得什麼?他們是想獲得連線還是需要實際的內容?如

果是普通的站點是否會失望,是否需要為瀏覽下載特別的外掛。有一個竅門就是沒有必要為每一個人最佳化你的站點,要滿足每一個訪問者顯然不可能,你必須為訪問

者採取適當的技術。

2、不要依賴圖形

就站點設計而言,的確能夠透過成功的圖形設計招徠或者丟失訪問者。並非所有的訪問者可以完全看到圖片,某些人為了加快存取網路的速度已經關閉了瀏覽器端的圖形。簡而言之,圖形並不能正確的在客戶端載入。

然而,圖形經常被用來作為導航按鈕。舉例來說,訪問者經常按向左的箭頭返回上一頁,或者一個包含問號的圖形可以得到更多的資訊,或者按公司的標誌

(LOGO)會告訴使用者公司的地址和電話號碼。圖形對映(IMAGE

MAP)允許你按影象的不同區域連線到不同的地方,這個經常被用來用作站點地圖,你給訪問者提供站點內容指引。但是如果你僅僅透過圖片來提供站點導航的

話,某些訪問者將不能完全或者正確的離開你的站點。

總是告訴使用者你的站點需要什麼樣型別的技術才能正確瀏覽你的網站是一個非常愚笨的方法。如果訪問者需要安裝外掛才能處理,如果你僅僅給出一個連線讓訪問

者去下載。這個自認為非常酷的頁面對使用者來說根本不是什麼幽默的事情,這是和使用者的期待所恰恰相反的。至於為什麼恰恰相反,希望你能反思一下,如果是你,

你會為了瀏覽一個你根本不知道什麼樣的站點而去下載一堆你不知道的外掛麼?

如何解決這個矛盾呢?你可能想到的解決方法有二種:一個是單純的文字,另外就是完全的圖形方式。其實不然。如果你使用一個圖形對映的方式給內容列表,可

以在該頁的最後使用一個純文字方式的表格來處理,這樣會好很多。如果使用圖形按鈕,最好還是包括簡單的導航文字提示。

大多數的時候,通常我們要養成使用"ALT"標記的習慣,這樣當圖形未能正確顯示的時候可用預備的文字替代顯示。這樣,使用者至少可以看到關於這個圖形的

表述,便知道這個圖形究竟意味著什麼。舉例來說某個圖象標記的預備文字就可以這樣寫:

使用"ALT"標記也有另外一個好處。文字將顯示在圖象的上面,這樣會給使用者造成一個頁面快說引導的感覺。< IMG SRC="/Cat.gif" ALT="一隻憂鬱的貓!">

3、保持頁面小巧

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

第一個基本原則是讓每一個圖形檔案的尺寸小於30KB。這絕對不是一個壞的建議。更"極端"的某些頁面設計專家說,保持整個頁面的尺寸大概在30KB,

40KB左右(也就是包含圖形和文字以及其它多媒體物件之後的整個頁面)才是比較合適的。並忠告我們"千萬不要使用非常大的頁面"。

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

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

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