这一次我们来看看Dreamweaver制作下拉导航条的方法，制作环境：Dreamweaver4.0及以上版本（我这使用DreamweaverMX）。

    1、打开DreamweaverMX，在文档中打入一行字符串“导航栏”，然后我们可以做上链接，注意这是必须的过程！这个最基础的操作我想你一定会吧！如图一：

图一    图二   

    2、新建一个层，选择"Insert"菜单中的"Layer"如图三；在层中我们写入二级导航目录如图四：

图三图四

    注意：我们当然也可以在层里面插入表格，然后在单元格中插入二级导航目录

    3、二级导航目录里的每一条都可以做上链接，我这里就不多少了；下面我们把刚才插入的层设上隐藏的属性：选择层，在层的属性面板上设置"Vis"属性为"hidden" 如图五所示，这样我们预览一下，就看不到我们刚才插入的层了，是不是？

图五

    4、选择“导航栏”如图二，然后找到"window"菜单中的"Behaviors"并点击它如图六，接着会弹出行为"Behaviors"对话框如图七

图六 图七

    5、我们点击行为对话框中的“+”号，选择"show-hide layers"如图八，出现一个对话框点击"show"按钮如图九，点击"OK"按钮

图八
图九

     注意：刚才我们让层hidden隐藏了，所以现在让它显示出来

    6、这是我们会看到在行为对话框中出现一行文字如图十，在"events"列中下拉按钮选择"onmouseover"，当然也可以使用其他的鼠标命令，"onmouseover"意思是鼠标悬停时

图十 图十一

    7、同样再做一次这样的过程，目的就是鼠标放在文字上出现导航条；如果鼠标离开导航条，那么，我们是不是让导航条隐藏呢？选择层，点击行为对话框中的“+”号，选择"show-hide layers"如图八，出现一个对话框点击"hide"按钮，然后OK！还没完，鼠标离开应该是"onmouseout"，所以在"events"列中下拉按钮选择"onmouseout"如图十一

    OK!按F12预览一下看看，这只是最基本的制作方法，比如有的导航条鼠标放上去背景变色等等，导航条有个框架等等，这些就有你自己来添加了。好了，不多讲了，Dreamweaver制作出来的效果只能说是一般般，要作出正规的下拉导航条，或者是很酷的下拉导航条，跟着我来吧！