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