欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

程序员文章站 2022-05-16 12:36:44
...
Dreamweaver网页中怎么插入导航条?Dreamweaver中网页为了更有层次感,想要插入导航条,该怎么使用导航条呢?下面我们就来看看dw网页导航条的使用方法,需要的朋友可以参考下

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


  • 软件名称:

  • Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解补丁+安装教程) 64位

  • 软件大小:

  • 758MB

  • 更新时间:

  • 2016-11-05

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

1、点击Dreamweaver,双击打开。

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

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

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

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

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

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

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

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

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

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

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

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

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

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

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作

相关推荐:

html导航条制作的图文代码分享

怎样用DIV和CSS做导航条

JavaScript获取到导航条中HTTP信息的实例分析

以上就是Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法_Dreamweaver教程_网页制作的详细内容,更多请关注其它相关文章!