使用创建对象

使用创建对象第一页，共二十九页，编辑于2023年，星期五

7.1编辑元件7.1.1创建元件

FireworksMX2004提供三种类型的元件：图形、动画和按钮。要创建元件，可使用菜单“编辑”→“插入”→“新建元件”或者在“库”面板的“选项”菜单中使用菜单“新建元件”，在弹出的“元件属性”对话框中输入元件的名称并选择元件类型。第二页，共二十九页，编辑于2023年，星期五7.1.2编辑元件

（1）要编辑元件，双击某个实例或选择某个实例后使用菜单“修改”→“元件”→“编辑元件”。（2）在“库”面板中选中某个元件后选择“选项”菜单的“编辑元件”，打开“元件编辑器”窗口，对该元件进行修改后单击“完成”按钮关闭窗口。可对元件进行重命名，复制，更改其类型和删除等操作。编辑元件的方法：第三页，共二十九页，编辑于2023年，星期五7.1.3导入、导出元件

使用菜单“编辑”→“库”，选择相关的库，打开“导入元件”对话框，选择需要导入的元件，单击“导入”按钮，导入的元件随即出现在“库”面板中。如果已在Fireworks文档中创建或导入了元件，希望将其保存以便重新使用，可以在“库”面板的“选项”菜单中选择“导出元件”，在弹出的“导出元件”对话框中选择要导出的元件，单击“导出”按钮，输入文件名后单击“保存”按钮。第四页，共二十九页，编辑于2023年，星期五7.2编辑切片切片将Fireworks文档分割成多个较小部分，并将每部分导出为单独的文件。切片可以进一步优化图像、指定交互性，更新部分图像。7.2.1创建切片如要基于所选对象插入矩形切片，可使用菜单“编辑”→“插入”→“切片”。该切片是一个矩形，它的区域包括所选对象最外面的边缘。第五页，共二十九页，编辑于2023年，星期五要从矢量路径创建多边形切片，先选择一个矢量路径，使用菜单“编辑”→“插入”→“热点”，再使用菜单“编辑”→“插入”→“切片”，即可生成一个与该矢量对象形状一致的切片。如要更改所选切片对象的颜色，可在“属性”面板中从颜色框中选择一种新颜色。如要更改切片辅助线的颜色，可使用菜单“视图”→“辅助线”→“编辑辅助线”，在弹出的如图7.7所示的“辅助线”对话框的“切片颜色”中设置新颜色，单击“确定”按钮。第六页，共二十九页，编辑于2023年，星期五7.2.2编辑切片要调整切片的大小，可选择“指针”工具或“部分选定”工具并放在切片引导线上，拖动切片引导线到所需位置，切片大小随即被调整，并且所有相邻的切片也自动调整大小。要移动相邻辅助线，可按下[Shift]键并拖动一个切片辅助线经过相邻的切片辅助线，并在所需位置释放该切片辅助线，则拖动时经过的所有切片辅助线都将移到此位置。要编辑所选切片的形状，可选择“指针”工具或“部分选定”工具，然后拖动切片的角点修改其形状，或者使用变形工具来执行所需的变形。第七页，共二十九页，编辑于2023年，星期五

7.2.3使用拖放方式添加交互拖放变换图像方法是创建变换图像和交换图像效果的快速而有效的方法。拖放变换图像方法可以确定指针经过一个切片时该切片所发生的变化，最终结果通常称为变换图像。默认情况下，变换图像交互由一条蓝色行为线表示。行为手柄

第八页，共二十九页，编辑于2023年，星期五

7.2.4使用“行为“面板添加交互如果使用“行为”面板向所选切片附加行为，可使用菜单“窗口”→“行为”，单击“行为”面板中的“添加行为”删除行为只需选中“行为”面板中的行为，并单击“删除行为”按钮第九页，共二十九页，编辑于2023年，星期五7.2.5导出切片如果未在“属性”面板或“层”面板中输入切片名称，则Fireworks将在导出时自动命名切片，可通过“HTML设置”对话框更改自动命名惯例。如要为所选切片指定替代文本，可在“属性”面板的“Alt”文本框中键入文本。将一个经过切片的Fireworks文档导出到HTML中时，文档将使用HTML表重新装配。Fireworks文档中的每个切片元素都驻留在一个表单元格中。导出后，Fireworks切片就转换到HTML中的表单元格。可以指定在浏览器中重建Fireworks表的方式。第十页，共二十九页，编辑于2023年，星期五7.3编辑热点7.3.1创建热点“矩形热点”工具“圆形热点”工具“多边形热点”工具利用以上工具可以在图像的目标区域绘制热点或者选择一个对象后在该对象上插入热点。在图形的某个区域上绘制热点（按住[Alt]键可从中心点开始绘制）。如要创建复杂形状热点，可选择“工具”面板中的“多边形热点”工具，单击图像放置矢量节点，填充都将定义热点区域。第十一页，共二十九页，编辑于2023年，星期五7.3.2编辑热点

热点是网页对象，可使用“指针”工具、“部分选定”工具和“变形”工具对其进行编辑。也可使用“属性”面板或“信息”面板，以数字方式更改热点的位置和大小。要将所选热点转换为矩形、圆形或多边形热点，可在“属性”面板的“形状”下拉列表框中选择“矩形”、“圆形”或“多边形”。以使用“属性”面板为热点指定链接、替代文本、目标和自定义名称。第十二页，共二十九页，编辑于2023年，星期五7.3.3创建图像映射在图形上创建热点之后，必须将该图形导出为图像映射，使其可以在Web浏览器中运行。要导出图像映射或将其复制到剪贴板中，可使用菜单“文件”→“导出”，在弹出的“导出”对话框中的“文件名”文本框中输入文件名，在“保存类型”下拉列表框中选择“HTML和图像”。第十三页，共二十九页，编辑于2023年，星期五7.3.4用热点创建变换图像一个热点只能触发一个不相交的变换图像，它不能是来自其它热点或切片的变换图像的目标。如要使用切片上的热点创建变换图像效果的触发器，可将一个切片插入到要交换出去的图像上，再在图像上的触发器创建热点，在“帧”面板中创建一个新帧，然后插入要用作被交换图像的图像，将一条行为线从热点拖到包含要交换的图像的切片上，打开“交换图像”对话框，从“交换图像自”下拉列表中选择保存有变换图像的帧，单击“确定”按钮。第十四页，共二十九页，编辑于2023年，星期五7.4编辑按钮7.4.1创建按钮元件

按钮最多有四种不同的状态，每种状态都表示该按钮在响应鼠标事件时的外观：“弹起”状态是按钮的默认外观或静止时的外观；“滑过”状态是当指针滑过按钮时该按钮的外观；“按下”状态表示单击后的按钮，按钮的凹下图像通常用于表示按钮已按下；“按下时滑过”状态是在用户将指针滑过处于“按下”状态的按钮时按钮的外观。第十五页，共二十九页，编辑于2023年，星期五（1）使用菜单“编辑”→“插入”→“新建按钮”，打开按钮编辑器窗口，制作一个按钮。创建按钮的方法：

（2）单击“导入按钮”按钮在“导入元件：按钮”对话框中选择一个按钮。第十六页，共二十九页，编辑于2023年，星期五7.4.2编辑按钮元件要编辑元件级的按钮属性，可双击工作区中的按钮实例或在“库”面板中双击按钮元件图标，在弹出的按钮编辑器中更改按钮的特性，然后单击“完成”按钮。如需编辑某个实例的属性，可选择单个实例后，在“属性”面板编辑实例属性，不会影响该元件的关联元件或任何其它实例。7.4.3设置交互按钮属性

使用Fireworks可以控制按钮的交互元素，包括活动区域、链接、目标和替代文本。要编辑按钮元件的活动区域中的切片或热点，可双击工作区中的按钮实例或在“库”面板中双击元件图标。第十七页，共二十九页，编辑于2023年，星期五7.4.4创建导航栏导航栏是指提供到网站不同区域链接的一组按钮，它通常在整个站点上保持一致，从而可以提供一种固定的导航方法，而不管用户处在站点中的什么位置上。如要创建导航栏，可先创建一个按钮元件，然后从“库”面板中将该元件的一个实例拖到工作区中，选择该按钮实例，然后使用菜单“编辑”→“克隆”，用箭头键移动或用鼠标拖动实例到合适的位置。第十八页，共二十九页，编辑于2023年，星期五7.5制作弹出菜单7.5.1创建基本弹出菜单

（1）选择一个热点或切片作为弹出菜单的触发器区域，使用菜单“修改”→“弹出菜单”→“添加弹出菜单”。

创建弹出菜单的基本步骤：（2）单击“内容“选项卡中的“添加菜单”按钮（3）双击每个单元格并输入或选择适当的信息

（4）单击“继续”按钮或“外观”选项卡，在弹出的对话框中设置菜单的方向为垂直菜单或水平菜单以及文本的字体、大小、颜色、对齐方式等。第十九页，共二十九页，编辑于2023年，星期五

（5）单击“继续”按钮或“高级”选项卡，在弹出的对话框中设置菜单中单元格的大小、边距、间距、文字缩进、菜单消失延时，以及边框宽度、颜色、阴影和高亮等属性。

（6）单击“继续”按钮或“高级”选项卡，在弹出的对话框中设置菜单中单元格的大小、边距、间距、文字缩进、菜单消失延时，以及边框宽度、颜色、阴影和高亮等属性。

（7）设置完成后，单击“完成”按钮，关闭“弹出菜单编辑器”。第二十页，共二十九页，编辑于2023年，星期五7.5.2编辑、导出弹出菜单

在“弹出菜单编辑器”中，可以编辑或更新弹出菜单的内容，重新排列菜单项，或者更改四个选项卡中任一选项卡上的其它属性。

选择弹出菜单所附加到的切片或热点，在工作区中双击弹出菜单的蓝色轮廓或使用菜单“修改”→“弹出菜单”→“编辑弹出菜单”，也可单击切片或热点中间的行为手柄后使用菜单“编辑弹出菜单”，弹出“弹出菜单编辑器”，可在四个选项卡中的任一选项卡上进行所需修改，然后单击“完成”按钮。第二十一页，共二十九页，编辑于2023年，星期五7.6编辑动画7.6.1制作动画要在Fireworks中使用动画元件制作动画，既可从头开始创建动画元件，也可将现有对象转换为动画元件；使用“属性”面板或“动画”对话框输入动画元件的设置，可以设置移动的角度和方向、缩放、不透明度以及旋转的角度和方向；使用“帧”面板中的“帧延时”控件设置动画动作的速度；第二十二页，共二十九页，编辑于2023年，星期五7.6.2使用动画元件

动画元件可以是创建或导入的任何对象，并且一个文件中可以有多个元件，每个元件都有它自己的属性并可独立运动。要创建动画元件，可使用菜单“编辑”→“插入”→“新建元件”，在弹出的“元件属性”对话框中输入新元件的名称，选择“动画”并单击“确定”第二十三页，共二十九页，编辑于2023年，星期五也可将已有的对象转换为动画元件，选择该对象后，使用菜单“修改”→“动画”→“选择动画”，在弹出的“动画”对话框中输入所需的设置。当选择一个动画元件时，它有一个唯一的定界框并附加了一个指示元件移动方向的运动路径。运动路径上的绿点表示起始点，而红点表示结束点。路径上的蓝点代表帧。通过改变路径的角度可以改变运动的方向。如要改变移动或方向，可将元件的一个动画起始手柄或结束手柄拖到新位置。第二十四页，共二十九页，编辑于2023年，星期五7.6.3使用帧

通过创建多个帧可以生成动画。“帧”面板是创建和组织帧的地方，使用“帧”面板可以看到每个帧的内容，每个帧也都有若干相关的属性。使用“洋葱皮”可以查看当前所选帧之前和之后的帧的内容。“洋葱皮”打开后，当前帧之前或之后的帧中的对象会变暗，以便与当前帧中的对象区别开来。洋葱皮按钮新建/重制帧删除帧

第二十五页，共二十九页，编辑于2023年，星期五补间的概念是只绘制关键帧（包含重大变化的帧），而由计算机绘制关键帧之间的帧。可选择画布上同一图形元件的两个或更多的实例，不要选择不同元件的实例，使用菜单“修改”→“元件”→“补间实例”，在弹出的“补间实例”对话框中输入要插入到原始帧之间的补间步骤的数目，要将补间对象分散到不同的帧中，请选择“分散到帧”并单击“确定”按钮。第二十六页，共二十九页，编辑于2023年，星期五“帧”面板中的“循环”设置决定动画重复的次数。

此功能可以使帧一遍又一遍地循环，因此可以将制作动画所需要的帧数减到最少。如要设置所选动画的循环，可单击“帧”面板底部的“GIF动画循环”按钮第二十七页，共二十九页，编辑于2023年，星期五7.6.4导出动画