1、打开dw软件后，新建一张页面，并保存其页面，接着进行导航条的设计
2、选择插入--spry--spry菜单栏选项。这是关键的一步。根据需要可以选择水平或垂直菜单设计方法
3、一般默认为水平菜单选项，然后单击确定即可。
4、双击新增的菜单选项可以找到属性，或选中后鼠标右击选中属性内容。
5、在相应的属性中，可以设计菜单内容于下拉框内容，默认为每个菜单有个空链接#
6、要设计菜单的字体颜色和背景颜色，可以选中其上方的.css文件，选中其中的代码进行设计，具体如下图
7、最后点击F12预览其整体的效果就可以了