1、如何設(shè)置html導(dǎo)航欄1用Dreamweaver創(chuàng)建一個(gè)新的HTML文件2先按ctrls保存，以防突然斷電，數(shù)據(jù)丟失3將title修改為htmlcss，實(shí)現(xiàn)橫向?qū)Ш?創(chuàng)建一個(gè)新的divid“A”并添加ulli標(biāo)簽5在li中添加所需的文本，并調(diào)整文本間距按F12預(yù)覽，如下圖所示6首先去掉字體前面的小黑點(diǎn)代碼如下7；1導(dǎo)航條的設(shè)置效果 2通過列表制作 3導(dǎo)航條的DIV樣式設(shè)置 4important實(shí)現(xiàn)對(duì)不同的瀏覽器設(shè)值，列表項(xiàng)樣式 5但這樣看起來(lái)還是沒有任何效果，只是顯示文本一樣為此，我們就需要在 標(biāo)簽中嵌套超鏈接標(biāo)簽，超鏈接標(biāo)簽中，必須設(shè)置href屬性才會(huì)變成一個(gè)超鏈接href的屬性值就是目標(biāo)地址，#代表了；工具材料崇高的文本 首先打開SublimeText軟件，新建一個(gè)html頁(yè)面，在html頁(yè)面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示接下來(lái)，我們?cè)趆tml的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫樣式的時(shí)候一定要注意寫在樣式標(biāo)簽里最后，運(yùn)行html頁(yè)面，您將看到；HTMLlt！DOCTYPE htmllthtmllthead ltmeta charset=#39utf8#39 ltstyle type=quottextcssquot html， body margin 0 padding 0 background #E6E6E6 nav liststyle width 100% height 30px background # nav l；要實(shí)現(xiàn)樹狀導(dǎo)航何需ltdivltdiv標(biāo)簽?zāi)赜胠tulltul標(biāo)簽很方便其層級(jí)關(guān)系明確，只要定義好class類別用css進(jìn)行很好的控制相信效果非常棒，如果用ltdivltdiv標(biāo)簽來(lái)設(shè)計(jì)肯定會(huì)把你看懵其工作量肯定比用ltulltul大得多關(guān)于ul標(biāo)簽的用法這里就不給舉例了相信你肯定會(huì)用的；1首先打開Sublime Text軟件，新建一個(gè)html頁(yè)面，并且在html頁(yè)面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示 2接下來(lái)我們?cè)趆tml的body結(jié)構(gòu)里添加導(dǎo)航條的內(nèi)容，如下圖所示 3然后就需要在style標(biāo)簽中用CSS對(duì)導(dǎo)航條的樣式進(jìn)行定義了，如下圖所示，書寫樣式的時(shí)候一定要注意寫在style標(biāo)簽里面 4最后運(yùn)行html頁(yè)面；1首先打開Deamweaver8，新建一網(wǎng)頁(yè)文件，接著輸入以下導(dǎo)航菜單的內(nèi)容2此時(shí)對(duì)應(yīng)效果如圖3接下來(lái)準(zhǔn)備相關(guān)的導(dǎo)航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網(wǎng)頁(yè)此時(shí)的效果如圖，就完成了lt。

2、1導(dǎo)航條的設(shè)置效果 2通過列表制作ulul 3導(dǎo)航條的DIV樣式設(shè)置 4important實(shí)現(xiàn)對(duì)不同的瀏覽器設(shè)值，列表項(xiàng)樣式 5但這樣看起來(lái)還是沒有任何效果，只是顯示文本一樣為此，我們就需要在lili標(biāo)簽中嵌套a 超鏈接標(biāo)簽，超鏈接標(biāo)簽a 中，必須設(shè)置 href 屬性才會(huì)變成一個(gè)超鏈接href的屬性值就；1新建html頁(yè)面 打開html編輯軟件，新建一個(gè)html頁(yè)面如圖2添加導(dǎo)航標(biāo)簽 在ltbody標(biāo)簽里新建一個(gè)ltulltul標(biāo)簽，然后在ltul標(biāo)簽里添加幾個(gè)ltliltli標(biāo)簽如圖3在ltli標(biāo)簽內(nèi)添加文字在新建的ltli添加要顯示的內(nèi)容如圖4創(chuàng)建樣式標(biāo)簽 在lttitle標(biāo)簽后新建一個(gè)ltstyletype=\quot。

3、lthtmllthtml網(wǎng)頁(yè)開始和結(jié)束標(biāo)簽 ltheadlttitle瀏覽器標(biāo)題標(biāo)簽 ltbody網(wǎng)頁(yè)內(nèi)容標(biāo)簽 lth1lth6網(wǎng)頁(yè)內(nèi)容標(biāo)題標(biāo)簽 ltp網(wǎng)頁(yè)內(nèi)容中段落的標(biāo)簽 ltbr 網(wǎng)頁(yè)內(nèi)容中段落的折行標(biāo)簽 align=quotcenterquot居中屬性定義標(biāo)簽 lthr 水平線定義標(biāo)簽 lt！要隱藏的注釋內(nèi)容隱藏注釋定義標(biāo)簽 lt；1打開網(wǎng)站后臺(tái) 2找到欄目設(shè)置，不同的程序位置有所不同，3進(jìn)入欄目設(shè)置，吧設(shè)計(jì)好的欄目導(dǎo)航詞條 按順序填寫，排序越小也靠前 4填寫完畢，一定要保存，然后生成一下，有的程序不需要生成，偽靜態(tài)的也不需要生成5切換到前臺(tái)，刷新一下就制作完成；18首先我們的html里，添加好導(dǎo)航內(nèi)容28后面的就是網(wǎng)頁(yè)的具體內(nèi)容了，這里的代碼簡(jiǎn)單一些38樣式里，我們先定義一些菜單里的樣式48這時(shí)運(yùn)行頁(yè)面時(shí)，在滾動(dòng)條滾動(dòng)下去后，導(dǎo)航是會(huì)消失不見的58為了讓導(dǎo)航欄固定在頂部，我們可以在導(dǎo)航容器里添加樣式positionfixedtop0關(guān)鍵是第一個(gè)樣；如果是純html，那就沒辦法，不像php或者asp動(dòng)態(tài)語(yǔ)言，可以include文件但有一個(gè)將就可以用的辦法，就iframe，就是框架，你把整個(gè)網(wǎng)頁(yè)分成上下，或者左右，把你說(shuō)的導(dǎo)航放在一個(gè)html文件里，就可以用iframe來(lái)引用了；導(dǎo)航欄實(shí)現(xiàn)固定在網(wǎng)頁(yè)最上方的效果，可以通過設(shè)置 CSS 樣式實(shí)現(xiàn)一個(gè)基本的示例是使用 navbarfixedtop 類，將其應(yīng)用到你的導(dǎo)航欄元素上具體樣式如下navbarfixedtop position fixedright 0left 0zindex 1030 這段 CSS 代碼的作用是將導(dǎo)航欄定位為固定位置，確保其始終。

4、第一個(gè)問題網(wǎng)站開發(fā)中，每頁(yè)重復(fù)出現(xiàn)的部分一般涉及到，head頭部文件，即導(dǎo)航菜單和foot文件即頁(yè)腳部分為了避免每個(gè)頁(yè)面都重復(fù)寫代碼可以有一個(gè)方法如果是asp的話lt！ #include file=quotheadaspquot ，這里的headasp就是導(dǎo)航菜單具體的用法也很簡(jiǎn)單直接在內(nèi)頁(yè)的body里面引用即可如果。