目前媒體上關于主頁編寫技巧方面的文章很多，而關于網(wǎng)站優(yōu)化方面的文章卻較為少見。實際上，一個網(wǎng)站在建成之后，必須不斷地對其進行優(yōu)化才能使其生命得以延續(xù)和長青。為此，筆者半路殺出個程咬金，大喝一聲，猛砍三板斧……一、處理圖像 稍有經(jīng)驗的網(wǎng)民都知道，鏈接一個網(wǎng)頁后，文字部分幾秒之內(nèi)即會傳完，然后是“傻傻地等，她也不會回來”的圖像下載過程。一個不起眼的小圖像，卻相當于上千個字所占的儲存空間。很多網(wǎng)頁制作者會花大力氣MAKE出又猛又酷的圖像，但要知道網(wǎng)民最常用的一個動作便是：快速拖拉滾動條或猛點鏈結點進入下一網(wǎng)頁用以跳過圖像！但對這些嘔血圖像，你我又“舍不得放棄心不甘”，這時可以采用一些技巧來優(yōu)化處理圖像，達到優(yōu)化網(wǎng)頁、加速頁面下載的目的。1.該出手時出手 你的網(wǎng)頁真的簡潔嗎？看看頁面中是否還擺放著幾個精巧的FrontPage98、NetscapeNavigator或InternetExplorer商業(yè)按鈕？郵箱地址前是否還有一個大大的賣弄風姿的動畫郵桶？是否還有一對非常漂亮但又與內(nèi)容無關痛癢的小美人？刪了吧！想想刪去幾個圖標能獲得加快幾秒或幾十秒瀏覽速度的快感，有何不忍！ 還有一種比較折中的辦法：用文本化的“提交”按鈕取代圖形化的“提交”按鈕。用靜態(tài)圖形取代GIF動畫圖形以及用標記取代能產(chǎn)生特殊效果的“header”圖形等，都將大大加快網(wǎng)頁下載速度。2.圖像格式的選擇 有人認為圖像采用GIF格式或JPEG格式相差無幾，其實在網(wǎng)頁中卻大有學問，很多網(wǎng)頁是在這條小溝里翻了船�！ IF格式的圖像是不會超過256色的，因此適用于整潔的小圖形，如簡單的小按鈕、導航條和公司標志等。同時，GIF是無損失的壓縮格式，不會使圖形變模糊。因此對于要求比較細微的圖形（如游戲攻略中的迷宮地圖），應選用GIF格式�！ Ρ葍蓚�圖標：圖1是透明GIF格式。看上去清晰、簡明；圖2是JPEG格式，見到那些象地下城一樣惡心的暗點及模糊不清的邊界了嗎？如果進一步把兩種格式的圖像放在有背景色的頁面中，更能明顯地看出GIF文件在顯示低于256色圖標時的優(yōu)勢所在。JPEG格式圖像的優(yōu)勢在于可顯示出16MB色，壓縮率比GIF格式圖像高（且圖像越大壓縮率越優(yōu)于GIF格式文件），最適合用于照片形式的圖像。JPEG是有損失的壓縮格式，因此在壓縮時會造成照片細節(jié)的損失。對比四幅圖像：圖3是128色的GIF圖像，顯得粗糙。圖4是效果（256色）的GIF圖像，效果比圖3好得多，但顯得枯澀無光澤。圖5為16MB的JPEG圖像，漸近色的漸變光滑細致，效果，且文件更小。圖6是盡可能壓縮的JPEG圖像，文件最小，但卻“不忍目睹”。 由此可見，對于照片圖像，是用JPEG格式。你可以用PhotoShop、GraphicConverter、ACDsee等軟件進行圖像壓縮或格式轉(zhuǎn)換，然后比較各種格式文件的字節(jié)數(shù)及圖像質(zhì)量，擇優(yōu)而取。對大部分的圖片進行這項工作，將大大減少圖像的占用空間。3.圖片尺寸非小事 在編輯網(wǎng)頁時，注意盡量不用WIDTH和HEIGHT語句調(diào)整圖形的大小或形狀。其一：放大圖像可能產(chǎn)生鋸齒現(xiàn)象，但如果需要一個很少曲線或斜線的大圖像（如大字的H），不妨用一個小圖像在網(wǎng)頁編輯軟件中拉大，比直接采用大圖像省好多空間；其二：縮小的圖像會使瀏覽器下載的數(shù)據(jù)比實際要顯示的圖像多，增加了無謂的下載時間。筆者的辦法是將圖像調(diào)到大小后，用HyperSnap-DX等截圖軟件截下，方便快捷。二、巧用分割視窗 眾所周知，絕大多數(shù)瀏覽器都會在內(nèi)存或硬盤中設置緩存，存儲用到的圖像。當瀏覽器讀到相同的文件名時將首先從緩存中調(diào)用，極大地提高了瀏覽的效率。因此，如果網(wǎng)站有大量相似的頁首圖形（如公司的通用標志、按鈕或?qū)Ш綏l），不妨在頁面5:1左右的地方砍下一斧——進行分割視窗，把不變的部分單獨做成一個小窗口，使那些重復的圖像不必一遍一遍地下載而可以直接從緩存中讀出。三、提供多版本 你要想到，自己的網(wǎng)站不是小學時代在課堂上念的得意作文，而是要展示在世界大舞臺上。不同的語言、不同的審美觀、不同的操作系統(tǒng)、不同公司開發(fā)的瀏覽器、瀏覽器的不同版本……最常見的例如眾多低版本的瀏覽器不支持JavaScript、CGI、Frame、GIF89等等。當我看到自己用FrontPage98嘔血制作的精美網(wǎng)頁在朋友的Netscape2.0中“上鏡”的表現(xiàn)時，真是天暈地轉(zhuǎn)、日月無光……醒來后立馬用NetscapeGold3.0做個低版本鏈上去。因此，如果你籌備一個較大的網(wǎng)站，應考慮簡體中文版、繁體版、英文版、純文本版、多媒體版。雖然聽起來很可怕，但實際做起來不過增加一倍的工作量，這樣卻能拉來全世界的觀眾，何樂而不為？ 總之切記：如果你的網(wǎng)站是采用了先進的技術制作而成，一定要制作一個要求系統(tǒng)軟硬件配置低的低版本（或干脆來個純文本版），可別忘了不算少數(shù)的“工薪階層”的網(wǎng)民。
上一篇：
網(wǎng)格結構的制作
下一篇：
在網(wǎng)頁上設計飄動廣告（推薦）