黑色的圓角矩形框載入選區(qū)ctrl+左擊圖層，選擇白色圖層，反選刪除，刪除多余的部分添加由#4a4a49到#d5d5d5的漸變疊加得到如下效果3輸入導(dǎo)航文字顏色分別為#ffffff#d9ff3f4輸入“”旋轉(zhuǎn)90°作。

1從優(yōu)化方面看導(dǎo)航有些人會把網(wǎng)站導(dǎo)航設(shè)計成flash的形式flash的導(dǎo)航是很有特色，但是不利于優(yōu)化蜘蛛抓取網(wǎng)頁根據(jù)文字和的腳本進(jìn)行抓取，而flash導(dǎo)航把所有的鏈接都放到了flash腳本里，蜘蛛是不會抓取flash腳本里的鏈接。

6復(fù)合導(dǎo)航 現(xiàn)在，應(yīng)用大多有復(fù)雜的多項功能，導(dǎo)航也適應(yīng)這種情況，復(fù)合使用，現(xiàn)在這種也是當(dāng)下適應(yīng)性最強(qiáng)用的導(dǎo)航導(dǎo)航分析 1Web端導(dǎo)航分析 我把Web端的導(dǎo)航主要分為三種，一種就是置頂?shù)臉?biāo)簽導(dǎo)航，這里放置著用戶個人信。

用戶只有在這些相關(guān)的頁面上通過局部導(dǎo)航鏈進(jìn)入這些頁面有兩種導(dǎo)航策略導(dǎo)航條和網(wǎng)站導(dǎo)航圖1導(dǎo)航條，他實(shí)際上是一組鏈接，它可以告訴瀏覽者目前所在的位置而且使瀏覽者既快又容易地轉(zhuǎn)向網(wǎng)站的主要網(wǎng)頁一般來說我們。

通過這次制作網(wǎng)站的過程，我個人 有以下幾點(diǎn)心得體會1在制定網(wǎng)站計劃是很重要的，一個好的計劃可以詳細(xì)制定網(wǎng)站的相關(guān)內(nèi)容，成員的分工，為后期的制作節(jié)省不少時間團(tuán)隊開發(fā)的進(jìn)度好像總是比實(shí)際中要慢，在制定計劃時要有。

1用Dreamweaver新建一個HTML文件2修改title為html+css實(shí)現(xiàn)橫向?qū)Ш?新建一個div id為“a”，添加ul li標(biāo)簽4在li中添加自己想要的文字 并調(diào)整好文字間距，按F12預(yù)覽5首先去掉字體前面的小黑點(diǎn)6接。

首頁內(nèi)容精彩豐富，首頁主要是導(dǎo)航作用首頁制作時，時刻考慮著網(wǎng)頁的基本原則統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，一個網(wǎng)站強(qiáng)調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的。

1導(dǎo)航條的設(shè)置效果 2通過列表制作 3導(dǎo)航條的DIV樣式設(shè)置 4important實(shí)現(xiàn)對不同的瀏覽器設(shè)值，列表項樣式 5但這樣看起來還是沒有任何效果，只是顯示文本一樣為此，我們就需要在 標(biāo)簽中嵌套超鏈接標(biāo)簽，超鏈接。

1首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例 2其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了 3正文的框架設(shè)置橫向因素和縱向因素交錯在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

1打開網(wǎng)站后臺 2找到欄目設(shè)置，不同的程序位置有所不同，3進(jìn)入欄目設(shè)置，吧設(shè)計好的欄目導(dǎo)航詞條 按順序填寫，排序越小也靠前 4填寫完畢，一定要保存，然后生成一下，有的程序不需要生成，偽靜態(tài)的也不需要生成5切換到。

網(wǎng)站制作中導(dǎo)航欄的設(shè)置非常重要漂亮的導(dǎo)航按鈕和菜單會給網(wǎng)站增色不少下面介紹一款精致的水晶風(fēng)格按鈕的制作作者不僅介紹了按鈕的制作還介紹了文字部分的制作方法，非常值得學(xué)習(xí)最終效果1創(chuàng)建一個新文件600 * 140px。

一般地，每部位只設(shè)一到兩種狀態(tài)的圖像因為圖像太多了，會影響網(wǎng)頁頁面的訪問瀏覽的速度導(dǎo)航條制作方法移動光標(biāo)到需要導(dǎo)航條的地方，單擊主菜單欄的“Insert\Navigation Bar”子命令，或直接單擊Objects面板上的圖標(biāo)。

Dreamweaver，簡稱“DW”，中文名稱\quot夢想編織者\(yùn)quot，是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器想用DW做出導(dǎo)航欄必熟知div+css，基本代碼ul#navwidth100%height60pxbackground。

所謂針對性，就是指對不同類別的網(wǎng)頁要求采用不同的美工藝術(shù)效果 4網(wǎng)頁的內(nèi)容 網(wǎng)頁設(shè)計人員美化網(wǎng)頁，增加網(wǎng)頁設(shè)計的藝術(shù)感，都是為了網(wǎng)頁設(shè)計的內(nèi)容服務(wù)的一般來說，網(wǎng)頁的幾項基本內(nèi)容標(biāo)題網(wǎng)站標(biāo)志主體內(nèi)容導(dǎo)航廣告欄等。

層次不要超出三層，只是針對一些個人站點(diǎn)和小網(wǎng)站而言，這樣不但能使網(wǎng)站結(jié)構(gòu)清晰，一目了然，而且更便于你網(wǎng)站的日常維護(hù)，如果鏈接目錄結(jié)構(gòu)不能控制在三層以內(nèi)， 建議你在頁面里顯示導(dǎo)航條，可以幫助瀏覽都明確自己所處的位置。

導(dǎo)航條有很多種的，最簡單的就是你設(shè)置超鏈接就行了，按鈕的你就把圖片加進(jìn)去嘛復(fù)雜一點(diǎn)的有加Javas Script或者Flash導(dǎo)航條。