Dreamweaver設計簡單的導航按鈕方法教學

本文和大家分享Dreamweaver設計簡單的導航按鈕方法，Dreamweaver怎麼設計簡單的導航按鈕？一般網頁中都有導覽列或導覽按鈕，該怎麼製作導覽按鈕呢？下面我們就來看看詳細的製作方法，需要的朋友可以參考下，希望能幫助大家。

設計網頁的時候，想要加入導航按鈕，該怎麼製作導航按鈕呢？下面我們就來看看使用Dreamweaver設計導航按鈕的教學。

• 軟體名稱：

• Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解修補程式+安裝教學) 64位元

• 軟體大小：

• 758MB

• #更新時間：

• 2016-11-05

1、開啟Dreamweaver軟體應用程序，介面如下圖所示，這裡用的是cs6版本。

2、開啟「檔案」選單，在下拉中找到「新建(N)」,或用快捷鍵"ctrl+n"來直接新建一個html文件。

3、在新建的html檔案上，我點開的是「分割」模式，所以左邊顯示的是程式碼，右邊是效果，這樣可以在左邊寫程式碼，右邊預覽。

4、在Dreamweaver cs6中已經沒有插入導覽列物件了，這裡用spry選單欄，操作更方便。在選單中找到「插入"—"佈局物件"—」spry功能表列「如下圖所示。

5、彈出」在插入widget前儲存此文件「對話框，點選」確定“，如下圖所示。

6、根據需要選擇您自己喜歡的而已格式，在這裡我們就用預設的選項，然後」確定「即可。

7、點選藍色區域即可調出屬性對話面板，然後面板中設定選單參數即可。如下圖所示。

8、按」f12「預覽效果如下圖所示。這只是最基本的操作，如果想要漂亮一點的就涉及添加樣式了。

相關推薦：

Dreamweaver網頁製作跳轉選單的方法介紹

Dreamweaver--網站新增動態橫幅效果

小強的HTML5行動開發之路（22）－ Adob​​​​e DreamWeaver CS6安裝與破解

以上是Dreamweaver設計簡單的導航按鈕方法教學的詳細內容。更多資訊請關注PHP中文網其他相關文章！