第七章 使用Fireworks创建Web对象.pptVIP

第七章 使用Fireworks创建Web对象 Fireworks MX 2004是专门针对网络开发的图像处理软件，具有很多基于网络图像的处理功能，即制作可根据网页提供的信息做出选择的交互性网页元素。 7.1　编辑元件 7.1.2　编辑元件 7.1.3　导入、导出元件 7.2　编辑切片 7.2.2　编辑切片 7.2.3　使用拖放方式添加交互 7.2.4　使用“行为“面板添加交互 7.2.5　导出切片 7.3　编辑热点 7.3.2　编辑热点 7.3.3　创建图像映射 7.3.4　用热点创建变换图像 7.4　编辑按钮 7.4.2　编辑按钮元件 7.4.4　创建导航栏 7.5　制作弹出菜单 7.5.2 编辑、导出弹出菜单 7.6 编辑动画 7.6.2　使用动画元件 7.6.3　使用帧 7.7　优化与导出 7.7.2　图像的导出 思考题 * * 7.1.1　创建元件 　　Fireworks MX 2004提供三种类型的元件：图形、动画和按钮。 　　要创建元件，可使用菜单“编辑”→“插入”→“新建元件”或者在 “库”面板的“选项”菜单中使用菜单“新建元件”，在弹出的 “元件属性”对话框中输入元件的名称并选择元件类型。 　　（1）要编辑元件，双击某个实例或选择某个实例后使用菜单“修改”→“元件”→“编辑元件”。 　　（2）在“库”面板中选中某个元件后选择“选项”菜单的“编辑元件”，打开“元件编辑器”窗口，对该元件进行修改后单击“完成”按钮关闭窗口。 　　可对元件进行 重命名，复制，更改其类型和删除等操作。 编辑元件的方法： 　　使用菜单“编辑”→“库”，选择相关的库，打开“导入元件”对话框，选择需要导入的元件，单击“导入”按钮，导入的元件随即出现在“库”面板中。 　如果已在 Fireworks 文档中创建或导入了元件，希望将其保存以便重新使用，可以在“库”面板的“选项”菜单中选择“导出元件”，在弹出的 “导出元件”对话框中选择要导出的元件，单击“导出”按钮，输入文件名后单击“保存”按钮。 　切片将 Fireworks文档分割成多个较小部分，并将每部分导出为单独的文件。切片可以进一步优化图像、指定交互性，更新部分图像。 7.2.1　创建切片 　　如要基于所选对象插入矩形切片，可使用菜单“编辑”→“插入”→“切片”。该切片是一个矩形，它的区域包括所选对象最外面的边缘。 　要从矢量路径创建多边形切片，先选择一个矢量路径，使用菜单“编辑”→“插入”→“热点”，再使用菜单“编辑”→“插入”→“切片”，即可生成一个与该矢量对象形状一致的切片。 　　如要更改所选切片对象的颜色，可在“属性”面板中从颜色框中选择一种新颜色。 　　如要更改切片辅助线的颜色，可使用菜单“视图”→“辅助线”→“编辑辅助线”，在弹出的如图7.7所示的“辅助线”对话框的“切片颜色”中设置新颜色，单击“确定”按钮。 　要调整切片的大小，可选择“指针”工具或“部分选定”工具并放在切片引导线上，拖动切片引导线到所需位置，切片大小随即被调整，并且所有相邻的切片也自动调整大小。 　要移动相邻辅助线，可按下[Shift] 键并拖动一个切片辅助线经过相邻的切片辅助线，并在所需位置释放该切片辅助线，则拖动时经过的所有切片辅助线都将移到此位置。 　　要编辑所选切片的形状，可选择“指针”工具或“部分选定”工具，然后拖动切片的角点修改其形状，或者使用变形工具来执行所需的变形。 　　拖放变换图像方法是创建变换图像和交换图像效果的快速而有效的方法。 　　拖放变换图像方法可以确定指针经过一个切片时该切片所发生的变化，最终结果通常称为变换图像。 　　默认情况下，变换图像交互由一条蓝色行为线表示。 行为手柄 　　如果使用“行为”面板向所选切片附加行为，可使用菜单“窗口”→“行为”，单击“行为”面板中的“添加行为” 　　删除行为只需选中“行为”面板中的行为，并单击“删除行为”按钮 　　如果未在“属性”面板或“层”面板中输入切片名称，则 Fireworks 将在导出时自动命名切片，可通过“HTML 设置”对话框更改自动命名惯例。 　如要为所选切片指定替代文本，可在“属性”面板的“Alt”文本框中键入文本。 　　将一个经过切片的 Fireworks 文档导出到 HTML 中时，文档将使用 HTML 表重新装配。Fireworks 文档中的每个切片元素都驻留在一个表单元格中。 　　导出后，Fireworks 切片就转换到HTML 中的表单元格。可以指定在浏览器中重建 Fireworks 表的方式。 7.3.1　 创建热点 “矩形热点”工具 “圆形热点”工具 “多边形热点”工具 　　利用以上工具可以在图像的目标区域绘制热点或者选择一个对象