Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法

作者:袖梨 2025-07-15

Dreamweaver中导航条可以让网页更有层次感,该怎么使用导航条呢?下面我们就来看看详细的教程。

img_64cb7acf31f7530.jpg

1、点击Dreamweaver,双击打开。

img_64cb7acf40e6231.jpg

2、选择文件-打开(快捷键Ctrl+O),打开网页文本。

img_64cb7acf703ef32.jpg

3、把鼠标光标放在需要插入导航条的地方,选择插入记录-图像对象-导航条命令

img_64cb7acfa1cbf33.jpg

4、此时会弹出插入导航条的对话框。

img_64cb7acfe70d534.jpg

5、点击“状态图像”后面的浏览,在弹出的对话框中选择需要的图片。

img_64cb7ad021ca435.jpg

6、同上步一样,插入鼠标经过图像和按下图像。

img_64cb7ad05256a36.jpg

7、点击确定后出现下面效果。

img_64cb7ad0ac49d37.jpg

8、保存文档,按F12使用浏览器浏览效果。

img_64cb7ad0e3c3738.jpg

img_64cb7ad11580339.jpg

img_64cb7ad174cdf310.jpg

相关文章

精彩推荐