dreamweaver怎么制作各種類型的菜單欄?
我要評(píng)論網(wǎng)頁(yè)中想要添加菜單欄，如spry菜單欄，spry選項(xiàng)卡式面板，spry折疊式，spry可折疊面板，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程。
Adobe Dreamweaver CS6 官方中文正式原版
- 類型：網(wǎng)頁(yè)設(shè)計(jì)
- 大?。?/span>317.3MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2014-05-14
1、打開(kāi)dreamweaver，新建html，在右下方管理站點(diǎn)，然后新建站點(diǎn)，選擇一個(gè)你想放網(wǎng)站文件的位置。最后點(diǎn)完成。站點(diǎn)建立結(jié)束。
一、spry菜單欄：
選擇上方的“插入”，找到”布局對(duì)象“，選擇”spry菜單欄“，布局可根據(jù)需要選擇，這里我選擇了水平，菜單欄創(chuàng)建完成，點(diǎn)擊項(xiàng)目1上方的藍(lán)色區(qū)域，即”Spry 菜單欄：MenuBar1“，可以設(shè)置菜單欄的屬性。
在屬性中輸入文本，先輸入項(xiàng)目1的文本，再輸入項(xiàng)目1.1,1.2,1.3等的文本，根據(jù)你的需要繼續(xù)添加項(xiàng)目2，項(xiàng)目3等。調(diào)試后如圖。
二、spry選項(xiàng)卡式面板：
新建一個(gè)html，插入布局對(duì)象中的spry選項(xiàng)卡式面板，同樣的，點(diǎn)擊標(biāo)簽1上方的藍(lán)色區(qū)域可以設(shè)置屬性。不同的是，這個(gè)可以直接在菜單欄修改文本，即標(biāo)簽1，內(nèi)容1說(shuō)可以直接刪掉并修改的。換行可以添加更多選項(xiàng)，再對(duì)選項(xiàng)設(shè)置超鏈接就行了。
三、spry折疊式：
插入布局對(duì)象中的spry折疊式，可直接修改文本，內(nèi)容中以換行區(qū)分，和選項(xiàng)卡式面板類似，
四、spry可折疊面板：
插入布局對(duì)象中的spry可折疊面板，和前三者不同的是，每添加一個(gè)選項(xiàng)都要插入一個(gè)spry可折疊面板，但是選項(xiàng)的內(nèi)容還是以換行區(qū)分，
另外，可折疊式面板的屬性中可以設(shè)置打開(kāi)的默認(rèn)狀態(tài)，我將第二個(gè)可折疊式面板的默認(rèn)狀態(tài)設(shè)置成了關(guān)閉，那么打開(kāi)網(wǎng)頁(yè)的時(shí)候就不會(huì)顯示第二個(gè)面板的內(nèi)容。
以上就是dreamweaver制作菜單欄的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Dreamweaver怎么給網(wǎng)頁(yè)制作跳轉(zhuǎn)菜單?
Dreamweaver網(wǎng)頁(yè)怎么制作一個(gè)帶有列表值的下拉菜單?
Dreamweaver cc2018新版頁(yè)面怎么切換回舊版本布局?
相關(guān)文章
Dreamweaver中的AP元素怎么修改寬度高度和顏色？Dreamweaver中插入的ap元件想要修改高度寬度或者顏色，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-04-21
Dreamweaver如何給div添加css樣式? dw給div添加css樣式的方法
Dreamweaver如何給div添加css樣式？Dreamweaver中想要給div添加樣式，該怎么添加css樣式呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-04-10
Dreamweaver數(shù)據(jù)庫(kù)連接出現(xiàn)錯(cuò)誤404該怎么解決?
Dreamweaver數(shù)據(jù)庫(kù)連接出現(xiàn)錯(cuò)誤404該怎么解決？Dreamweaver在連接數(shù)據(jù)庫(kù)的時(shí)候出現(xiàn)404錯(cuò)誤，該怎么解決呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-04-04
Dreamweaver cs6怎么設(shè)計(jì)一款簡(jiǎn)單的網(wǎng)頁(yè)?
Dreamweaver cs6怎么設(shè)計(jì)一款簡(jiǎn)單的網(wǎng)頁(yè)？Dreamweaver中想要設(shè)計(jì)一款簡(jiǎn)單的網(wǎng)頁(yè)，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-02-27
Dreamweaver怎么輸入文本并設(shè)置文本樣式?
Dreamweaver怎么輸入文本并設(shè)置文本樣式？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要輸入文本并設(shè)置文本樣式，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-02-10
DreamWeaver中css代碼不換行顯示怎么實(shí)現(xiàn)?
DreamWeaver中css代碼不換行顯示怎么實(shí)現(xiàn)？DreamWeaver中css代碼是自動(dòng)換行的，想要讓代碼一行顯示，不換行，該怎么實(shí)現(xiàn)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參2018-02-10
Dreamweaver網(wǎng)頁(yè)怎么輸入文本內(nèi)容?
Dreamweaver網(wǎng)頁(yè)怎么輸入文本內(nèi)容？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候需要輸入文本，該怎么輸入文本呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-02-10
Dreamweaver怎么制作動(dòng)態(tài)導(dǎo)航? dw網(wǎng)頁(yè)添加動(dòng)態(tài)導(dǎo)航的教程
Dreamweaver怎么制作動(dòng)態(tài)導(dǎo)航？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要制作動(dòng)態(tài)導(dǎo)航，該怎么制作呢？下面我們就來(lái)看看dw網(wǎng)頁(yè)添加動(dòng)態(tài)導(dǎo)航的教程，需要的朋友可以參考下2018-02-10
Dreamweaver插入面板怎么顯示為水平插入欄？Dreamweaver中想要將面板中的插入面變其默認(rèn)停靠位置變成窗口頂部的水平位置，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程，需要2018-01-26
Dreamweaver網(wǎng)頁(yè)怎么添加文本字段?
Dreamweaver網(wǎng)頁(yè)怎么添加文本字段？Dreamweaver設(shè)計(jì)帶有用戶名密碼的登陸頁(yè)面的時(shí)候，需要添加文本字段，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-26
