Dreamweaver如何设计方案简易的导航栏按钮?

设计方案网页页面的情况下，要想加上导航栏按钮，该如何制做导航栏按钮呢？下面大家就看来看应用Dreamweaver设计方案导航栏按钮的实例教程。

1、开启Dreamweaver手机软件运用程序流程，页面以下图所示，这里用的是cs6版本号。

2、开启“文档”菜单，在往下拉中寻找“新建(N)”,或用便捷键"ctrl+n"来立即新建1个html文本文档。

3、在新建的html文档上，我点开的是“拆分”方式，因此左边显示信息的是编码，右侧是实际效果，这样能够在左侧写编码，右侧预览。

4、在Dreamweaver cs6中早已沒有插进导航栏条目标了，这里用spry工具栏，实际操作更便捷。在菜单中寻找“插进"—"合理布局目标"—”spry工具栏“以下图所示。

5、弹出”在插进widget前储存此文本文档“会话框，点一下”确定“，以下图所示。

6、依据必须挑选您自身喜爱的罢了文件格式，在这里大家就用默认设置的选项，随后”明确“便可。

7、点一下蓝色地区便可调出特性会话面板，随后面板中设定菜单主要参数便可。以下图所示。

8、按”f12“预览实际效果以下图所示。这只是最基础的实际操作，假如要想好看点的就涉及到到加上款式了。

以上便是Dreamweaver制做导航栏按钮的实例教程，期待大伙儿喜爱，请再次关心脚本制作之家。

有关强烈推荐：

Dreamweaver如何自身制做图型按钮?

Dreamweaver单选按钮如何出1道单选题?

dreamweaver cs5如何给网页页面加上设定为首页的按钮?