做法如下:打开dw软件后,新建一张页面,并保存其页面,接着进行导航条的设计选择插入--spry--spry菜单栏选项这是关键的一步根据需要可以选择水平或垂直菜单设计方法1.打开Dreamwe。怎么在DW里做导航条?更多详情请大家跟着小编一起来看看吧!

怎么在DW里做导航条

怎么在DW里做导航条(1)

做法如下:打开dw软件后,新建一张页面,并保存其页面,接着进行导航条的设计

选择插入--spry--spry菜单栏选项。这是关键的一步。根据需要可以选择水平或垂直菜单设计方法

怎么在DW里做导航条

怎么在DW里做导航条(2)

1.打开Dreamweaver软件应用程序,这里用的是cs6版本。

2.打开“文件”菜单,在下拉中找到“新建(N)”,或者用快捷键ctrl+n来直接新建一个html文档。

3.在新建的html文件上,我点开的是“拆分”模式,所以左侧显示的是代码,右边是效果,这样可以在左边写代码,右边预览。

4.在Dreamweaver cs6中已经没有插入导航条对象了,这里用spry菜单栏,操作更方便。在菜单中找到插入-布局对象-spry菜单栏。

5.弹出“在插入widget前保存此文档”对话框,点击“确定”

6.根据需要选择您自己喜欢的而已格式,在这里我们就用默认的选项,然后确定即可。

怎么在DW里做导航条

怎么在DW里做导航条(3)

在DW里做导航条的方法:

1.点击Dreamweaver,双击打开。

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

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

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

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

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

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

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