Dreamweaver網(wǎng)頁(yè)中怎么插入導(dǎo)航條? dw網(wǎng)頁(yè)導(dǎo)航條的使用方法

Dreamweaver中導(dǎo)航條可以讓網(wǎng)頁(yè)更有層次感,該怎么使用導(dǎo)航條呢?下面我們就來(lái)看看詳細(xì)的教程。

Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類(lèi)型:網(wǎng)頁(yè)設(shè)計(jì)
- 大小:758MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2016-11-05
1、點(diǎn)擊Dreamweaver,雙擊打開(kāi)。
2、選擇文件-打開(kāi)(快捷鍵Ctrl+O),打開(kāi)網(wǎng)頁(yè)文本。
3、把鼠標(biāo)光標(biāo)放在需要插入導(dǎo)航條的地方,選擇插入記錄-圖像對(duì)象-導(dǎo)航條命令。
4、此時(shí)會(huì)彈出插入導(dǎo)航條的對(duì)話框。
5、點(diǎn)擊“狀態(tài)圖像”后面的瀏覽,在彈出的對(duì)話框中選擇需要的圖片。
6、同上步一樣,插入鼠標(biāo)經(jīng)過(guò)圖像和按下圖像。
7、點(diǎn)擊確定后出現(xiàn)下面效果。
8、保存文檔,按F12使用瀏覽器瀏覽效果。
以上就是Dreamweaver中導(dǎo)航條的使用方法,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Dreamweaver怎么設(shè)計(jì)簡(jiǎn)單的導(dǎo)航按鈕?
Dreamweaver怎么使用框架結(jié)構(gòu)快速制作網(wǎng)頁(yè)?
Dreamweaver cc2018新版頁(yè)面怎么切換回舊版本布局?
相關(guān)文章
- Dreamweaver怎么避免中文亂碼的問(wèn)題?Dreamweaver設(shè)計(jì)網(wǎng)站的時(shí)候,會(huì)遇到中文亂碼的情況,該怎么提前預(yù)防出現(xiàn)這種情況呢?請(qǐng)看下文詳細(xì)的介紹,需要的朋友可以參考下2017-12-31
Dreamweaver cc2018新版頁(yè)面怎么切換回舊版本布局?
Dreamweaver cc2018新版頁(yè)面怎么切換回舊版本布局?Dreamweaver cc2018中的布局界面和舊版本有很大不同,很多工具都找不到,想要切換到舊版本,該怎么切花呢?請(qǐng)看下文詳細(xì)2017-12-20Dreamweaver怎么添加本地的瀏覽器為測(cè)試瀏覽器?
Dreamweaver怎么添加本地的瀏覽器為測(cè)試瀏覽器?Dreamweaver測(cè)試瀏覽器可以自己添加,該怎么將電腦安裝的火狐瀏覽器添加到測(cè)試瀏覽器呢?下面我們就來(lái)看看詳細(xì)的教程,需要2017-12-19dreamweaver網(wǎng)頁(yè)中怎么制作DIV圖層?
dreamweaver網(wǎng)頁(yè)中怎么制作DIV圖層?dreamweaver制作網(wǎng)頁(yè)的時(shí)候,想要在網(wǎng)頁(yè)上制作一個(gè)圖層放圖片,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-12-19Dreamweaver怎么使用標(biāo)簽及代碼設(shè)計(jì)表格?
Dreamweaver怎么使用標(biāo)簽及代碼設(shè)計(jì)表格?Dreamweaver中可以直接繪制表格,也可以通過(guò)標(biāo)簽和代碼來(lái)制作表格,下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-12-12Dreamweaver怎么使用框架結(jié)構(gòu)快速制作網(wǎng)頁(yè)?
Dreamweaver怎么使用框架結(jié)構(gòu)快速制作網(wǎng)頁(yè)?Dreamweaver制作網(wǎng)頁(yè)的時(shí)候,表格布局已經(jīng)不能實(shí)現(xiàn)網(wǎng)頁(yè)的功能了,比如同一頁(yè)面下有多個(gè)子頁(yè)面時(shí),就要使用框架結(jié)構(gòu)來(lái)布局,下面2017-12-11dreamweaver怎么制作鼠標(biāo)經(jīng)過(guò)圖片變換的效果?
dreamweaver怎么制作鼠標(biāo)經(jīng)過(guò)圖片變換的效果?dreamweaver中想要制鼠標(biāo)經(jīng)過(guò)或點(diǎn)擊圖片,圖片會(huì)改變,該怎么制作這個(gè)效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參2017-12-11dreamweaver怎么快速對(duì)齊代碼? dw對(duì)齊代碼的設(shè)置方法
dreamweaver怎么快速對(duì)齊代碼?dreamweaver中的代碼很多,想要對(duì)齊代碼,該怎么對(duì)齊呢?下面我們就來(lái)看看dw對(duì)齊代碼的設(shè)置方法,需要的朋友可以參考下2017-12-11Dreamweaver怎么設(shè)計(jì)簡(jiǎn)單的導(dǎo)航按鈕?
Dreamweaver怎么設(shè)計(jì)簡(jiǎn)單的導(dǎo)航按鈕?一般網(wǎng)頁(yè)中都有導(dǎo)航欄或者導(dǎo)航按鈕,該怎么制作導(dǎo)航按鈕呢?下面我們就來(lái)看看詳細(xì)的制作方法,需要的朋友可以參考下2017-12-11- Dreamweaver怎么給圖片添加晃動(dòng)效果?網(wǎng)頁(yè)中經(jīng)常能看到一些晃動(dòng)的廣告圖片,該怎么給圖片添加晃動(dòng)效果呢?下面我們就來(lái)看看詳細(xì)的教程, 需要的朋友可以參考下2017-12-04