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