Dreamweaver怎么設計簡單的導航按鈕?
發(fā)布時間：2017-12-11 15:16:46 作者：nly雙魚 
我要評論
我要評論Dreamweaver怎么設計簡單的導航按鈕？一般網(wǎng)頁中都有導航欄或者導航按鈕，該怎么制作導航按鈕呢？下面我們就來看看詳細的制作方法，需要的朋友可以參考下
設計網(wǎng)頁的時候，想要添加導航按鈕，該怎么制作導航按鈕呢？下面我們就來看看使用Dreamweaver設計導航按鈕的教程。
1、打開Dreamweaver軟件應用程序，界面如下圖所示，這里用的是cs6版本。
2、打開“文件”菜單，在下拉中找到“新建(N)”,或者用快捷鍵"ctrl+n"來直接新建一個html文檔。
3、在新建的html文件上，我點開的是“拆分”模式，所以左側顯示的是代碼，右邊是效果，這樣可以在左邊寫代碼，右邊預覽。
4、在Dreamweaver cs6中已經沒有插入導航條對象了，這里用spry菜單欄，操作更方便。在菜單中找到“插入"—"布局對象"—”spry菜單欄“如下圖所示。
5、彈出”在插入widget前保存此文檔“對話框，點擊”確定“，如下圖所示。
6、根據(jù)需要選擇您自己喜歡的而已格式，在這里我們就用默認的選項，然后”確定“即可。
7、點擊藍色區(qū)域即可調出屬性對話面板，然后面板中設置菜單參數(shù)即可。如下圖所示。
8、按”f12“預覽效果如下圖所示。這只是最基本的操作，如果想要漂亮點的就涉及到添加樣式了。
以上就是Dreamweaver制作導航按鈕的教程，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
dreamweaver cs5怎么給網(wǎng)頁添加設置為主頁的按鈕?
相關文章
Dreamweaver代碼中的空鏈接怎么批量刪除？Dreamweaver代碼中有很多空的超鏈接，該怎么批量刪除鏈接呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-04-11
Dreamweaver輸入的文本字體怎么加粗？Dreamweaver中想要加粗輸入的文本，該怎么加粗呢？這都是最基礎的教程，很簡單，需要的朋友可以參考下2017-04-11
dreamweaver常用工具怎么添加到收藏夾？dreamweaver建站的時候有很多常用的工具，為了方便使用，想要將常用工具添加到收藏夾，該怎么添加呢？下面我們就來看看詳細的教程，2017-04-11
Dreamweaver怎么自己制作圖形按鈕？Dreamweaver中的按鈕樣式不好看，想要自己制作一個圖形按鈕，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-04-07
Dreamweaver中怎么鏈接本地視頻？Dreamweaver中想要給網(wǎng)頁添插入視頻，該怎么插入呢？下面我們就來看看詳細的教程，很簡單，感興趣的朋友可以進來參考一下2017-04-07
Dreamweaver標尺怎么設置單位？Dreamweaver中想要自己設置標尺工具的單位，該怎么自定義設置呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-04-07
Dreamweaver登陸界面怎么顯示？Dreamweaver中想要顯示登陸歡迎的界面，該怎么顯示呢？下面我們就來看看詳細的設置方法，需要的朋友可以參考下2017-03-27
Dreamweaver怎么創(chuàng)建本地測試服務器?
Dreamweaver怎么創(chuàng)建本地測試服務器？Dreamweaver中想要創(chuàng)建本地測試服務器方便以后測試自己設計的網(wǎng)站，下面我們就來看看詳細的教程，需要的朋友可以參考下2017-03-23
Dreamweaver怎么更改網(wǎng)頁默認瀏覽器？Dreamweaver設計網(wǎng)頁的時候，我們經常會預覽一下網(wǎng)頁的效果，該怎么更換打開網(wǎng)頁默認的瀏覽器呢？下面我們就來看看詳細的教程，需要的2017-03-20
dreamweaver怎么制作網(wǎng)頁模板？dreamweaver中想要設計一個網(wǎng)頁模板，以后可以直接套用，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-03-15
