如圖，制作導(dǎo)航條菜單一般是用一個div嵌套u(yù)l和li標(biāo)簽，然后li里面有a標(biāo)簽布局做好之后，開始寫導(dǎo)航條的樣式，如圖，先清除導(dǎo)航條的margin和padding然后定位導(dǎo)航條的div，這里我就用絕對定位來居中，如果你有其他導(dǎo)航條居中。

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

html做導(dǎo)航欄步驟如下1用Dreamweaver新建一個HTML文件2按ctrl+s先保存，以防突然斷電數(shù)據(jù)丟失3修改title為html+css實(shí)現(xiàn)橫向?qū)Ш?新建一個divid為“a”，添加ulli標(biāo)簽5在li中添加自己想要的文字并調(diào)整。

1橫排無非是本身標(biāo)簽是行內(nèi)標(biāo)簽或者將塊狀標(biāo)簽添加浮動效果，然后變成橫排排列的導(dǎo)航a標(biāo)簽既可以當(dāng)做鏈接符號來用，本身也是行內(nèi)標(biāo)簽的一種，直接用a標(biāo)簽輸入文字，可以直接在橫排顯示2如圖所示效果，橫排顯示的導(dǎo)航3。

用以下代碼開頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max。