Dreamweaver网页中怎么插入导航条?Dreamweaver中网页为了更有层次感,想要插入导航条,该怎么使用导航条呢?下面我们就来看看dw网页导航条的使用方法,需要的朋友可以参考下

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


  • 软件名称:

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

  • 软件大小:

  • 758MB

  • 更新时间:

  • 2016-11-05

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

1、点击Dreamweaver,双击打开。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关推荐:

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

怎样用DIV和CSS做导航条

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

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

08-29 20:40