Fireworks 图形图像制作任务教程 丁桂芝编著 第5章

《Fireworks 图形图像制作任务教程 丁桂芝编著 第5章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章创建按钮、导航栏和弹出菜单在网页中，按钮、导航栏和弹出菜单通常相互依存。导航栏是指提供到网站不同区域的链接的一组导航按钮，通常情况下，所有网页的导航栏外观都是一样的。所谓弹出菜单是指当用户将指针移到触发网页对象上或单击这些对象时，浏览器中将显示弹出菜单，可以将URL链接附加到弹出菜单选项，以便于导航。1．使用“按钮编辑器”创建按钮Fireworks中的“按钮编辑器”可以引导用户完成按钮的创建过程，并且自动完成许多按钮的制作任务，从而使用户能够得到一个便于使用的按钮元件。2．创建导航栏创建了按钮元件后，就可以轻松地创建该元件的实例来

2、制作导航栏了。3．使用“弹出菜单编辑器”创建弹出菜单1第5章创建按钮、导航栏和弹出菜单5.1创建按钮元件按钮是网页的导航元素，在FireworksMX2004的“按钮编辑器”中创建的按钮具有以下特点：1．几乎可以将任何图形、图像或文本对象制作成按钮。2．可以从头创建新按钮，也可以将现有对象转换为按钮，还可以导入已创建好的按钮。3．按钮是一种特殊类型的元件，可以将它的实例从元件库拖到文档中，如此就可以在更改了单个按钮的图形外观后，自动更新导航栏中所有按钮实例的外观。4．可以在不影响同一按钮元件的其它实例并且在不断开元件和实例之间关系的前提

3、下，编辑某个按钮实例的文本、URL和目标。5．按钮实例是经过封装的，在文档中拖动按钮实例时，Fireworks会移动与之关联的所有组件和状态，因此无需进行多帧编辑。2第5章创建按钮、导航栏和弹出菜单5.1创建按钮元件6．按钮易于编辑。双击画布上的实例后，就可以在“按钮编辑器”或属性检查器中对其进行更改。7．同其它元件一样，按钮也有注册点。注册点即一个中心点，该中心点有助于在“按钮编辑器”中将文本和不同的按钮状态对齐。5.1.1按钮的状态按钮最多有四种不同的状态，每种状态都表示该按钮在响应鼠标事件时的外观，各种按钮状态的解释如下：“弹起（

4、释放）”状态——是指按钮的默认外观或静止时的外观，按钮的一般状态。“滑过”状态——是指当指针滑过按钮时该按钮的外观，该状态的作用是提醒用户单击鼠标时很可能会引发一个动作。3第5章创建按钮、导航栏和弹出菜单5.1创建按钮元件5.1.1按钮的状态“按下”状态——表示单击按钮后的按钮外观。按钮的凹下图像通常用于表示按钮已按下，该按钮状态通常在多按钮导航栏上表示当前网页。“按下时滑过”状态——是指将指针滑过处于“按下”状态的按钮时该按钮的外观。该按钮状态通常表明指针正位于多按钮导航栏中当前网页的按钮上方。使用“按钮编辑器”，可以创建所有这些不同

5、的按钮状态以及用来触发按钮动作的区域。4第5章创建按钮、导航栏和弹出菜单5.1创建按钮元件5.1.2按钮编辑器在Fireworks中，“按钮编辑器”是用来创建和编辑按钮元件的工具。“按钮编辑器”顶部的选项卡对应四种按钮状态和活动区域。“按钮编辑器”中每个选项均有提示，这些提示有助于用户决定如何设计按钮状态。5.1.3创建具有两种状态的简单按钮在“按钮编辑器”中，可以通过绘制图形、导入图形图像或者从文档窗口中拖动对象等方法来创建自定义按钮。然后，“按钮编辑器”会引导用户完成各种控制按钮行为的步骤。1．创建“释放（弹起）”状态的操作（1）选

6、择【编辑】→【插入】→【新建按钮】，打开“按钮编辑器”。“按钮编辑器”打开时默认显示【释放（弹起）】状态选项卡，如下页图所示。5第5章创建按钮、导航栏和弹出菜单5.1创建按钮元件5.1.3创建具有两种状态的简单按钮6第5章创建按钮、导航栏和弹出菜单5.1创建按钮元件5.1.3创建具有两种状态的简单按钮（2）执行下列操作之一，创建“释放”状态图形。将要显示为按钮“弹起”状态的图形拖放或导入到按钮编辑器的工作区。使用绘图工具创建一个图形，或者使用【文本】工具创建基于文本的按钮。单击【导入按钮】，然后从“导入元件：按钮”库中选择一个现成的可编

7、辑按钮。如果选择了该选项，就不必为创建其余的按钮状态而费心了，因为每个按钮状态中都会自动填入适当的图形和文本。（3）使用【文本】工具，创建按钮的文本（可选）。2．创建“滑过”状态的操作7第5章创建按钮、导航栏和弹出菜单5.1创建按钮元件5.1.3创建具有两种状态的简单按钮2．创建“滑过”状态的操作（1）在按钮编辑器中，单击【滑过】选项卡。（2）执行下列操作之一，以创建按钮的“滑过”状态。单击【复制弹起时的图形】按钮可将“弹起”状态按钮的副本粘贴到“滑过”窗口中，然后对其外观或文本进行编辑、更改。拖放、导入或绘制图形。5.1.4创建具有三

8、种或四种状态的按钮在创建按钮时，除了“弹起”状态和“滑过”状态之外，用户还可能需要创建“按下”状态和“按下时滑过”状态，这些状态为网页浏览者提供了额外的可视化提示。8第5章创建按钮、导航栏和弹出菜单5.1创