CSS設(shè)計網(wǎng)站導(dǎo)航菜單的四種優(yōu)勢

http://m.yibo1263.com　2008-10-10 8:33:10 　來源:東北IT網(wǎng) 　編輯:葉子

　　導(dǎo)航結(jié)構(gòu)在網(wǎng)站設(shè)計中是起到?jīng)Q定性作用的，導(dǎo)航菜單/欄常常通過顏色、排版、形狀和一些圖片來幫助網(wǎng)站創(chuàng)造更好的視覺和感受，它是網(wǎng)頁設(shè)計的關(guān)鍵元素。

　　雖然網(wǎng)站導(dǎo)航菜單的外觀是網(wǎng)頁設(shè)計中關(guān)系到整個設(shè)計成敗與否的關(guān)鍵，但視覺效果也不能影響到網(wǎng)站可用性。最理想的設(shè)計是網(wǎng)站的導(dǎo)航既能比其他網(wǎng)站的導(dǎo)航外觀更吸引人，又不會奪走網(wǎng)站內(nèi)容的焦點。

　　不幸的是，目前還有很多網(wǎng)站在使用過時的導(dǎo)航菜單方式，這樣使網(wǎng)站可用性大打折扣。如果導(dǎo)航菜單過分的依賴圖片那會失去一定的用戶，比如那些網(wǎng)速慢或瀏覽器設(shè)置關(guān)閉讀取網(wǎng)頁圖片功能。但是，并不意味著導(dǎo)航一定要樸素簡單才能提高訪問性及網(wǎng)站可用性。

　　現(xiàn)在暴風(fēng)彬彬歸納基于CSS導(dǎo)航菜單的四個優(yōu)點分析：

　　一、減少代碼量

　　結(jié)合CSS和XHTML來制作導(dǎo)航菜單會比使用Javascript或圖片來實現(xiàn)同樣效果更加節(jié)省代碼(CSS可以結(jié)合一些圖片來制作導(dǎo)航而且代碼量很小，而完全使用圖片的導(dǎo)航代碼量也要多很多)。代碼量曉得網(wǎng)站會更有益于搜索引擎的索引排名，而且讀取速度會快很多。

　　二、親和力

　　基于CSS的導(dǎo)航菜單對用戶來說不但更有可用性，而且更有親和力。如果用戶關(guān)閉讀取圖片和(或)CSS的功能，網(wǎng)站仍然可以以簡潔的方式瀏覽，內(nèi)容結(jié)構(gòu)及網(wǎng)站可用性不會受到影響。有極少數(shù)用戶使用的舊瀏覽器雖然不支持CSS，但網(wǎng)站導(dǎo)航菜單卻仍然能夠訪問。

　　三、無限的設(shè)計方案

　　使用CSS來設(shè)計導(dǎo)航菜單并不會限制你的設(shè)計。事實上，CSS會提供更加靈活的導(dǎo)航設(shè)計方案，當用CSS來設(shè)置背景圖時也能實現(xiàn)各種視覺效果。

　　四、大量的腳本資源

　如果你不想自己從頭開始設(shè)計基于CSS的導(dǎo)航菜單，那么有大量的免費腳本資源可以拿來使用。但暴風(fēng)彬彬并不提倡使用這些腳本資源，因為這樣的話你會和其它成百上千的網(wǎng)站使用同樣的導(dǎo)航菜單。不過有一些菜單可以自定義樣式(顏色、字體、尺寸及背景圖)來符合你自己的網(wǎng)站風(fēng)格。

【收藏】【打印】【進入論壇】

相關(guān)文章：

·CSS3 Media Queries 詳解

·CSS實例教程:非浮動區(qū)域設(shè)置寬度

·css的效率和瀏覽器渲染的速度

·關(guān)于CSS HACK 解決兼容的寫法

·DIV+CSS布局代碼精簡對SEO的影響

·CSS教程:網(wǎng)頁中英文字體的設(shè)置

·css3文本陰影屬性text-shadow說明

亚洲AV无码乱码在线观看不卡|最新大伊香蕉精品视频在线|亚洲不卡av一区二区|国产美女无遮挡免费