設計網頁的時候，想要添加導航按鈕，該怎么制作導航按鈕呢？下面我們就來看看使用Dreamweaver設計導航按鈕的教程。

軟件名稱：

Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解補丁+安裝教程) 64位

軟件大小：

758MB

更新時間：

2016-11-05

1、打開Dreamweaver軟件html' target='_blank'>應用程序，界面如下圖所示，這里用的是cs6版本。

2、打開“文件”菜單，在下拉中找到“新建(N)”,或者用快捷鍵 ctrl+n 來直接新建一個html文檔。

3、在新建的html文件上，我點開的是“拆分”模式，所以左側顯示的是代碼，右邊是效果，這樣可以在左邊寫代碼，右邊預覽。

4、在Dreamweaver cs6中已經沒有插入導航條對象了，這里用spry菜單欄，操作更方便。在菜單中找到“插入 — 布局對象 —”spry菜單欄“如下圖所示。

5、彈出”在插入widget前保存此文檔“對話框，點擊”確定“，如下圖所示。

6、根據需要選擇您自己喜歡的而已格式，在這里我們就用默認的選項，然后”確定“即可。

7、點擊藍色區域即可調出屬性對話面板，然后面板中設置菜單參數即可。如下圖所示。

8、按”f12“預覽效果如下圖所示。這只是最基本的操作，如果想要漂亮點的就涉及到添加樣式了。

相關推薦：

Dreamweaver網頁制作跳轉菜單的方法介紹

Dreamweaver--網站添加動態橫幅效果

小強的HTML5移動開發之路（22）—— Adobe DreamWeaver CS6安裝與破解

以上就是Dreamweaver設計簡單的導航按鈕方法教程的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。