水平導航是網站導航最常見的形式，其制作方法比較簡單。下面我將詳細教你如何制作水平導航。 打開Adobe Dreamweaver CC 2015 首先打開Adobe Dreamweaver CC 2

水平導航是網站導航最常見的形式，其制作方法比較簡單。下面我將詳細教你如何制作水平導航。

打開Adobe Dreamweaver CC 2015

首先打開Adobe Dreamweaver CC 2015軟件，這是一款專業(yè)的網頁制作工具。

創(chuàng)建一個新的網頁文檔

在菜單欄中點擊"文件"，然后選擇"新建"命令或按住Ctrl N鍵打開"新建文檔"對話框，并選擇文檔類型為HTML，然后點擊"創(chuàng)建"按鈕，即可創(chuàng)建一個新的網頁文檔。

添加導航容器

在body標簽之間添加一個div元素作為導航的容器，這樣可以方便地控制導航的樣式和布局。

添加無序列表

在div標簽內部添加ul標簽，用來創(chuàng)建一個無序列表，無序列表中的每個li標簽代表一個導航項。

添加導航鏈接

在每個li標簽里面添加a標簽，設置href屬性為相應的鏈接地址，并填寫顯示的文本內容，這樣就創(chuàng)建了一個導航鏈接。

添加樣式

在head標簽之間添加style標簽，用來定義導航的樣式?？梢栽O置導航容器的背景色、邊框樣式和高度等屬性，以及導航鏈接的浮動、內邊距和字體樣式等。

保存并預覽

最后保存網頁文件，并按住F12鍵可以在瀏覽器中預覽效果，這樣就可以看到制作好的水平導航了。

通過以上步驟，你可以輕松地制作一個簡單的水平導航欄，方便用戶在網站上進行導航和瀏覽。