1、主要利用框架集制作web導航欄的jsp是一種常用的方法框架集可以通過目標連接相關頁面，實現(xiàn)導航1indexjsp垂直主導航，主頁面和頁腳橫向主頁面分為左導航和兩個內容使用2topjsp表格或div和css來橫向布局相應的；1用Dreamweaver新建一個HTML文件2修改title為html+css實現(xiàn)橫向導航3新建一個div id為“a”，添加ul li標簽4在li中添加自己想要的文字 并調整好文字間距，按F12預覽5首先去掉字體前面的小黑點6接；2然后點擊導航欄的“窗口”，在其子菜單中會看到“屬性”選項，可以點擊一下3這時候就發(fā)現(xiàn)頁面底部有工具欄面板彈出來了將光標定位到某個標簽，下面屬性欄就顯示某個標簽的相關屬性 4點擊屬性面板右側的菜單圖標；如何使用css布局水平導航欄 如果是導航菜單，可以用ul不必要列表制作同時在CSS中使用floatleft控制李向左浮動實現(xiàn)水平菜單請注意，UL或UL的父容器的寬度必須大于所有l(wèi)i寬度的總和例如 html怎么把一行圖片變兩行橫向排列；導航欄標簽可以直接在H5使用2然后打開indexhtml文件，輸入以下代碼3首先第一個方法就是使用displayinlineblock將ul標簽設置成行內塊級元素然后將li標簽設置為左浮動即可4第二種方法就是就是將p設置為displayta。

2、首先打開SublimeText軟件，新建一個html頁面，并且在html頁面中準備好html結構，如下圖所示 接下來我們在html的body結構里添加導航條的內容，如下圖所示 然后就需要在style標簽中用CSS對導航條的樣式進行定義了，如下圖所示；18首先我們的html里，添加好導航內容28后面的就是網頁的具體內容了，這里的代碼簡單一些38樣式里，我們先定義一些菜單里的樣式48這時運行頁面時，在滾動條滾動下去后，導航是會消失不見的58為了讓導航欄。

3、lt！doctype html lthtml lthead lttitle導航條lttitle ltstyle body margin 0boxsizing borderbox nav *最外層框寬度* width 150px nav ul margin 0padding 0 nav ul li。

4、01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結構，如下圖所示02接下來，我們在html的body結構中添加導航欄的內容，如下圖所示03然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫樣；你的導航是浮動不隨網頁上下滾動條移動可以使用div positionfixed left0 top0 width100px height100% 如果是跟隨內容改動，你的內容區(qū)分左右兩塊，左邊寫你的導航就可以了；建議使用FF，Safari，舉個例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

5、超級實用！網站導航欄設計形式綜述導航對一個網站起著重要的導向作用一個優(yōu)秀的導航設計可以讓用戶快速找到自己需要的東西，讓用戶清楚地了解網站的結構框架，起到重要的指導作用以下是一些常見的網頁導航形式 1頂部導航 置頂導航廣泛應；1打開Deamweaver8，新建一網頁文件接著輸入以下導航菜單的內容lthtml xmlns=quot lthead ltmeta；如圖，制作導航條菜單一般是用一個div嵌套ul和li標簽，然后li里面有a標簽布局做好之后，開始寫導航條的樣式，如圖，先清除導航條的margin和padding然后定位導航條的div，這里我就用絕對定位來居中，如果你有其他導航條居中。

6、1首先打開Deamweaver8，新建一網頁文件，接著輸入以下導航菜單的內容2此時對應效果如圖3接下來準備相關的導航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網頁此時的效果；html做導航欄步驟如下1用Dreamweaver新建一個HTML文件2按ctrl+s先保存，以防突然斷電數(shù)據丟失3修改title為html+css實現(xiàn)橫向導航4新建一個divid為“a”，添加ulli標簽5在li中添加自己想要的文字并調整；首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結構，如下圖所示接下來，我們在html的body結構中添加導航欄的內容，如下圖所示然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫樣式的時候。