文章用Dreamweaver打造活动菜单条，轻松提升网页体验！

一、 准备工作

先说说我们需要在Dreamweaver中创建一个新的HTML文档。点击“文件”菜单，选择“新建”来创建一个新的空白文档。 他破防了。 然后设置你的CSS样式，这样Ke以帮助我们geng好地控制菜单的外观。

二、插入表格

接下来在页面中插入一个表格。这个表格的目的是为了控制菜单层在不同分辨率下保持相对的位置不变。你Ke以将表格设置为长500像素，具体数值Ke以根据你的需求进行调整，何必呢？。

三、设计菜单结构

现在我们需要设计菜单的结构。在表格中插入菜单项，并为每个菜单项设置超链接。确保每个菜单项的超链接地址dou是正确的，这样用户点击菜单项时Ke以跳转到相应的页面，别担心...。

四、 添加动态效果

内卷... 为了提升用户体验，我们Ke以为菜单添加一些动态效果。在Dreamweaver中，我们Ke以使用时间线面板来实现这个功Neng。

第2步：设计菜单的动态效果

Dreamweaver创建单本教程为大家介绍一下Dreamweaver创建单,希望对大家有帮助。一、 在Dreamweaver中插入单1.点击标,将光标定位在单框线内,点击

选定层面当鼠标变成十字形时按住左键将层面拖动到页面右上角，在窗口菜单中打开时间线面板，选定层面将其拖动到时间线上，Dreamweaer会自动产生一个长度为15帧的动画对象，拖动该动画对象的再说说一个关键帧到第30帧，将其长度设置为30帧，这家伙...。

然后在第15帧处单击右键， 在弹出的快捷菜单中选择添加关键帧选项插入一个关键帧，并将层面拖动到适当位置。在时间线窗口中的第15帧处 单击右键， 在弹出的快捷菜单中选择添加动作，为该帧添加一个交互行为，Dreamweaer将自动打开行为面板，调整一下。。

别犹豫... 单击行为面板中的+按钮， 从弹出的菜单中选择Timeline/Stop Timeline，打开Stop Timeline对话框，选择Timeline1后单击确定按钮关闭该对话框。交互行为的事件为onFrame15， 动作为Stop Timeline，这样当时间线运行到第15帧时动画将停止播放，这样就实现了菜单条弹回的功Neng。

但这个菜单条还有一点美中不足的是 它的消失必须在鼠标经过了菜单条下方的特定区域时才行，要想在菜单条弹出后只要把鼠标从该菜单条上移开即可使菜单消失，可Neng就要借助Fireworks或Flash了Ru果你有什么好方法，不妨来信和我们一起交流一下。

五、 优化用户体验

精辟。 为了进一步提升用户体验，我们Ke以设置一个行为让时间线停止后Neng继续播放。在一般状态下菜单条弹回但仅保留下方的校园大观字样，而菜单条 弹出和弹回则由鼠标是否经过了菜单条上的校园大观来控制。

选定菜单条中的校园大观字样， 单击行为面板中的+按钮，在弹出的菜单中选择Timeline/Play Timeline，在接着弹出的对话框中选择Timeline1后单击确定按钮， 补救一下。 这时行为面板中将增加一个行为，在其Events下拉列表中选择onMouseOver事件，表示当鼠标处于该字样上方时播放动画。

你猜怎么着？ 通过以上步骤，我们就Ke以使用Dreamweaver制作一个活动菜单条，从而提升网页的用户体验。在实际操作中，你Ke以根据自己的需求对菜单进行修改和优化，以达到Zui佳效果。