1首先打開Deamweaver8，新建一網頁文件，接著輸入以下導航菜單的內容2此時對應效果如圖3接下來準備相關的導航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網頁此時的效果。

如果你不會編程，可以到很多js源碼站，下載復制導航欄的源代碼，粘貼到網頁上使用也有不少網頁導航欄制作軟件，可以方便地做出需要的菜單，同樣可以復制到網頁上使用。

這個只是一個圖標字體，一般要結合js點擊或者經過觸發(fā)事件代碼ltheadltmeta charset=#39utf8#39 lttitleHTML調試lttitleltscript type=quottextjavascriptquot src=quotjsjquery180minjsquotltscriptltscript src=#39。

2olli有序列表在網頁中顯示的默認樣式一般為每項 li 前都自帶一個序號，序號默認從1開始其實導航欄就是給列表標簽設置CSS樣式 第一步 在HTML上的文件里加上ulli 標簽，在對應的CSS文件中使用下邊語句去掉。

一般WEB開發(fā)把頁面分成3個模塊headertpl contenttpl footertplhead和footer一般都是固定不變的，唯一變化的部分是content你說的菜單應該是header部分的導航部分例如主頁的代碼可以這樣寫lthtml ltheadlthead lt。

lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleTitlelttitle lthead ltbody ltspan width=quot722quot style=quotbackgroundcolor redquotlt！#begineditable contype=quotquot name=quot網站導航quot action=quotquot。

lta href=quot小菜單頁面quot target=quotleftquot大菜單lta lta href=quot文本頁面quot target=quotrightquot小菜單lta 要用這樣的方式打開新的頁面，關鍵點在target這個值上面，表示你在哪個frame里打開新頁面。

ltul 但是也能用div+css模擬這樣的一個導航可以交給專門的美工人員做，不是很難的有很多學生組織和社會組織的集體都能做 你要是給我背景圖片的素材我都能做如果你是想學的話，那么建議從html+css學起。

你的導航是浮動不隨網頁上下滾動條移動可以使用div positionfixed left0 top0 width100px height100% 如果是跟隨內容改動，你的內容區(qū)分左右兩塊，左邊寫你的導航就可以了。