網頁中想要添加菜單欄，如spry菜單欄，spry選項卡式面板，spry折疊式，spry可折疊面板，該怎么添加呢？下面我們就來看看詳細的教程。

1、打開dreamweaver，新建html，在右下方管理站點，然后新建站點，選擇一個你想放網站文件的位置。最后點完成。站點建立結束。

一、spry菜單欄：

選擇上方的“插入”，找到”布局對象“，選擇”spry菜單欄“，布局可根據需要選擇，這里我選擇了水平，菜單欄創建完成，點擊項目1上方的藍色區域，即”Spry 菜單欄：MenuBar1“，可以設置菜單欄的屬性。

在屬性中輸入文本，先輸入項目1的文本，再輸入項目1.1,1.2,1.3等的文本，根據你的需要繼續添加項目2，項目3等。調試后如圖。

二、spry選項卡式面板：

新建一個html，插入布局對象中的spry選項卡式面板，同樣的，點擊標簽1上方的藍色區域可以設置屬性。不同的是，這個可以直接在菜單欄修改文本，即標簽1，內容1說可以直接刪掉并修改的。換行可以添加更多選項，再對選項設置超鏈接就行了。

三、spry折疊式：

插入布局對象中的spry折疊式，可直接修改文本，內容中以換行區分，和選項卡式面板類似，

四、spry可折疊面板：

插入布局對象中的spry可折疊面板，和前三者不同的是，每添加一個選項都要插入一個spry可折疊面板，但是選項的內容還是以換行區分，

另外，可折疊式面板的屬性中可以設置打開的默認狀態，我將第二個可折疊式面板的默認狀態設置成了關閉，那么打開網頁的時候就不會顯示第二個面板的內容。

以上就是dreamweaver制作菜單欄的教程，希望大家喜歡，請繼續關注武林網。

相關推薦：

Dreamweaver怎么給網頁制作跳轉菜單?

Dreamweaver網頁怎么制作一個帶有列表值的下拉菜單?

Dreamweaver cc2018新版頁面怎么切換回舊版本布局?