Fireworks 图形图像制作任务教程 教学课件 作者 丁桂芝编著 第5章.pptVIP

第5章 创建按钮、导航栏和弹出菜单 在网页中，按钮、导航栏和弹出菜单通常相互依存。导航栏是指提供到网站不同区域的链接的一组导航按钮，通常情况下，所有网页的导航栏外观都是一样的。所谓弹出菜单是指当用户将指针移到触发网页对象上或单击这些对象时，浏览器中将显示弹出菜单，可以将URL链接附加到弹出菜单选项，以便于导航。 1．使用“按钮编辑器”创建按钮 Fireworks中的“按钮编辑器”可以引导用户完成按钮的创建过程，并且自动完成许多按钮的制作任务，从而使用户能够得到一个便于使用的按钮元件。 2．创建导航栏 创建了按钮元件后，就可以轻松地创建该元件的实例来制作导航栏了。 3．使用“弹出菜单编辑器”创建弹出菜单 第5章 创建按钮、导航栏和弹出菜单 5.1 创建按钮元件 按钮是网页的导航元素，在Fireworks MX 2004的“按钮编辑器”中创建的按钮具有以下特点： 1．几乎可以将任何图形、图像或文本对象制作成按钮。 2．可以从头创建新按钮，也可以将现有对象转换为按钮，还可以导入已创建好的按钮。 3．按钮是一种特殊类型的元件，可以将它的实例从元件库拖到文档中，如此就可以在更改了单个按钮的图形外观后，自动更新导航栏中所有按钮实例的外观。 4．可以在不影响同一按钮元件的其它实例并且在不断开元件和实例之间关系的前提下，编辑某个按钮实例的文本、URL和目标。 5．按钮实例是经过封装的，在文档中拖动按钮实例时，Fireworks会移动与之关联的所有组件和状态，因此无需进行多帧编辑。 第5章 创建按钮、导航栏和弹出菜单 5.1 创建按钮元件 6．按钮易于编辑。双击画布上的实例后，就可以在“按钮编辑器”或属性检查器中对其进行更改。 7．同其它元件一样，按钮也有注册点。注册点即一个中心点，该中心点有助于在“按钮编辑器”中将文本和不同的按钮状态对齐。 5.1.1 按钮的状态 按钮最多有四种不同的状态，每种状态都表示该按钮在响应鼠标事件时的外观，各种按钮状态的解释如下： “弹起（释放）”状态——是指按钮的默认外观或静止时的外观，按钮的一般状态。 “滑过”状态——是指当指针滑过按钮时该按钮的外观，该状态的作用是提醒用户单击鼠标时很可能会引发一个动作。 第5章 创建按钮、导航栏和弹出菜单 5.1 创建按钮元件 5.1.1 按钮的状态 “按下”状态——表示单击按钮后的按钮外观。按钮的凹下图像通常用于表示按钮已按下，该按钮状态通常在多按钮导航栏上表示当前网页。 “按下时滑过”状态——是指将指针滑过处于“按下”状态的按钮时该按钮的外观。该按钮状态通常表明指针正位于多按钮导航栏中当前网页的按钮上方。 使用“按钮编辑器”，可以创建所有这些不同的按钮状态以及用来触发按钮动作的区域。 第5章 创建按钮、导航栏和弹出菜单 5.1 创建按钮元件 5.1.2 按钮编辑器 在Fireworks中，“按钮编辑器”是用来创建和编辑按钮元件的工具。“按钮编辑器”顶部的选项卡对应四种按钮状态和活动区域。“按钮编辑器”中每个选项均有提示，这些提示有助于用户决定如何设计按钮状态。 5.1.3 创建具有两种状态的简单按钮 在“按钮编辑器”中，可以通过绘制图形、导入图形图像或者从文档窗口中拖动对象等方法来创建自定义按钮。然后，“按钮编辑器”会引导用户完成各种控制按钮行为的步骤。 1．创建“释放（弹起）”状态的操作 （1）选择【编辑】→【插入】→【新建按钮】，打开“按钮编辑器”。“按钮编辑器”打开时默认显示【释放（弹起）】状态选项卡，如下页图所示。 第5章 创建按钮、导航栏和弹出菜单 5.1 创建按钮元件 5.1.3 创建具有两种状态的简单按钮 第5章 创建按钮、导航栏和弹出菜单 5.1 创建按钮元件 5.1.3 创建具有两种状态的简单按钮 （2）执行下列操作之一，