用CSS作導航菜單的4個理由

    導航結構在網站設計中是起到決定性做用的，導航菜單/欄經常經過顏色、排版、形狀和一些圖片來幫助網站創造更好的視覺和感覺，它是網頁設計的關鍵元素。雖然網站導航菜單的外觀是網頁設計中關係到整個設計成敗與否的關鍵，但視覺效果也不能影響到網站可用性。最理想的設計是網站的導航既能比其餘網站的導航外觀更吸引人，又不會奪走網站內容的焦點。不幸的是，目前還有不少網站在使用過期的導航菜單方式，這樣使網站可用性大打折扣。若是導航菜單過度的依賴圖片那會失去必定的用戶，好比那些網速慢或瀏覽器設置關閉讀取網頁圖片功能。可是，並不意味着導航必定要樸素簡單才能提升訪問性及網站可用性。

1.減小代碼量

　　結合CSS和XHTML來製做導航菜單會比使用Javascript或圖片來實現一樣效果更加節省代碼(CSS能夠結合一些圖片來製做導航並且代碼量很小，而徹底使用圖片的導航代碼量也要多不少)。代碼量曉得網站會更有益於搜索引擎的索引排名，並且讀取速度會快不少。

2.親和力

　　基於CSS的導航菜單對用戶來講不但更有可用性，並且更有親和力。若是用戶關閉讀取圖片和(或)CSS的功能，網站仍然能夠以簡潔的方式瀏覽，內容結構及網站可用性不會受到影響。有極少數用戶使用的舊瀏覽器雖然不支持CSS，但網站導航菜單卻仍然可以訪問。

3.無限的設計方案

　　使用CSS來設計導航菜單並不會限制你的設計。事實上，CSS會提供更加靈活的導航設計方案，當用CSS來設置背景圖時也能實現各類視覺效果。

4.大量的腳本資源

　　若是你不想本身從頭開始設計基於CSS的導航菜單，那麼有大量的免費腳本資源能夠拿來使用。但暴風彬彬並不提倡使用這些腳本資源，由於這樣的話你會和其它成百上千的網站使用一樣的導航菜單。不過有一些菜單能夠自定義樣式(顏色、字體、尺寸及背景圖)來符合你本身的網站風格。下面暴風彬彬推薦幾個國外的資源，它們的導航菜單腳本能夠算是最棒的:

300+Jquery, CSS, MooTools 和 JS的導航菜單資源 (請參考其中CSS菜單部分)
Vandelay Website Design
Exploding Boy
Dynamic Drive
CSS Vault
Listamatic
CSS Showcase
Razvan’s Nerve 

轉載 連接:http://blog.bingo929.com/4-reasons-css-navigation.html