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