网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2025/1/9 浏览:3 次 )

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

软件名称:
Adobe Dreamweaver CC 2017 v17.0 中文版(附安装教程) 64位
软件大小:
758MB
更新时间:
2016-11-05立即下载

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

1、点击Dreamweaver,双击打开。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以上就是Dreamweaver中导航条的使用方法,希望大家喜欢,请继续关注。

相关推荐:

Dreamweaver怎么设计简单的导航按钮?

Dreamweaver怎么使用框架结构快速制作网页?

Dreamweaver cc2018新版页面怎么切换回旧版本布局?

上一篇:Dreamweaver网页怎么创建css样式的复合声明?
下一篇:Dreamweaver怎么避免中文乱码的问题?
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。