第九章Fireworks制作导航栏与弹出菜单.pptVIP

新华教育集团版权所有 课程名称：Fireworks网页图像设计 新华教育集团版权所有 第9章 制作导航栏与弹出菜单 本章目标 掌握行为面板的基本操作 掌握制作导航栏与弹出菜单的方法 9.1 行为面板 9.1.1 关于行为 9.1.2 行为面板的操作 9.2 制作轮替图效果 9.2.1 关于轮替图 9.2.2 简单交换 9.2.3 交换图像 9.3 制作导航栏 9.4 制作弹出菜单 9.4.1 关于弹出菜单编辑器 9.4.2 创建基本弹出菜单 9.4.3 创建弹出菜单内的子菜单 9.4.4 设计弹出菜单的外观 9.4.5 添加弹出菜单样式 9.4.6 设置高级弹出菜单属性 9.4.7 控制弹出菜单和子菜单的位置 9.4.8 编辑弹出菜单 9.4.9 关于导出弹出菜单 本章总结 掌握行为面板的基本操作 掌握制作导航栏的两种方法 掌握弹出菜单的制作及控制弹出菜单外观的方法 9.4.5 添加弹出菜单样式 可以向弹出菜单编辑器中添加自定义单元格样式。当选择【图像】选项作为单元格类型（这将设置弹出菜单使其在它们的单元格中使用图形背景）时，自定义单元格样式可以与预设选择项一起显示在【外观】选项卡上。 若要向弹出菜单编辑器中添加自定义单元格样式，具体操作步骤如下： （1）将笔触、填充、纹理和动态滤镜的任意组合应用于对象，然后使用【样式】面板将该组合保存为样式。 （2）在【样式】面板中选择该新样式，然后从【样式】面板的【选项】菜单中选择【导出样式】命令。 （3）选择样式的保存位置，并输入样式名称，然后单击【保存】按钮。 当返回到弹出菜单编辑器的【外观】选项卡并选择了【图像单元格】背景选项时，就可以将该新样式与弹出菜单单元格的【弹起状态】和【滑过状态】的预设样式一起使用了。 9.4.6 设置高级弹出菜单属性 弹出菜单编辑器的【高级】选项卡提供了用于控制以下各项的附加设置：单元格大小、边距和间距，文字缩进，菜单消失延时，以及边框宽度、颜色、阴影和高亮，如图。 若要为当前弹出菜单设置高级单元格属性，具体操作步骤如下： （1）在弹出菜单编辑器中，使所需弹出菜单处于打开状态，单击【高级】选项卡。 （2）从【单元格宽度】和【单元格高度】右端的下拉列表框中宽度或高度约束： 自动：强制单元格高度符合在弹出菜单编辑器的【外观】选项卡中设置的文本大小，并强制单元格宽度符合包含最长文本的菜单项。 像素：允许以像素为单位在【单元格宽度】和【单元格高度】文本框中输入特定尺寸。 9.4.6 设置高级弹出菜单属性 （3）在【单元格边距】文本框中输入一个值，用以确定弹出菜单文本和单元格边缘之间的距离。 （4）在【单元格边距】文本框中输入一个值，用以设置菜单单元格之间的间距。 （5）在【文字缩进】文本框中输入一个值，用于设置弹出菜单文本的缩进量。 （6）在【菜单延迟】文本框中输入一个值，用以设置当指针从菜单移开后，菜单仍保持可见的时间量（单位为毫秒）。 （7）设置弹出边框属性： 显示边框：允许显示或隐藏弹出菜单边框。如果该选项未选定，则将禁用下列选项。 边框宽度：设置弹出菜单边框的宽度。 边框颜色、阴影和高亮：允许修改弹出菜单边框的颜色。 提示　若在【外观】选项卡上选择了【图像】单元格类型，则上述许多选项会被禁用。 9.4.6 设置高级弹出菜单属性 （8）执行下列操作之一完成弹出菜单的创建或继续生成它： 单击【继续】按钮以移动到【位置】选项卡，或者选择其他选项卡继续生成弹出菜单。 单击【完成】按钮关闭弹出菜单编辑器。 9.4.7 控制弹出菜单和子菜单的位置 弹出菜单编辑器的【位置】选项卡使你可以指定弹出菜单的位置，如图。当【网页层】可见时，还可以通过在工作区中拖动顶级弹出菜单的轮廓来调整其位置。 单击【位置】按钮以相对于触发弹出菜单的切片来调整菜单的位置。 输入X和Y坐标。如果坐标为（0，0），则使弹出菜单的左上角和触发它的切片或热点的左上角对齐。 1．设置弹出菜单的位置 若要使用弹出菜单编辑器设置弹出菜单的位置，具体操作步骤如下： （1）在弹出菜单编辑器中，使所需弹出菜单处于打开状态，单击【位置】选项卡。 （2）执行下列操作之一定义菜单位置： 9.4.7 控制弹出菜单和子菜单的位置 单击【子菜单位置】按钮以相对于触发该子菜单的弹出菜单项调整子菜单的位置。 输入X和Y坐标。如果坐标为（0，0），则会将弹出子菜单的左上角和触发它的菜单或菜单项的右上角对齐。 2．设置弹出子菜单的位置 若要使用弹出菜单编辑器设置弹出子菜单的位置，具体操作步骤如下： （1）在弹出菜单编辑器中，