网页制作及应用（刘永华 潘明寒）电子教案 3Fireworks.pptVIP

第3章 Fireworks MX 制作网页图形 学习目标 使用各种面板。 熟悉矢量工具，能制作和编辑矢量图形。 熟悉位图工具，能制作和编辑位图图形。 能制作按钮，创建简单动画。 第3章 Fireworks MX 制作网页图形 教学内容 3.1 Fireworks MX基础 3.2 Fireworks MX基本操作 3.3 位图操作 3.4 矢量图操作 3.5 文本操作 3.6 按钮制作 3.7 创建GIF动画 本章小结 3.1 Fireworks MX 基础 Fireworks MX由Macromedia公司推出，是目前最优秀的Web图像制作软件，它将矢量图和位图编辑工具相结合，并赋予图像动态特性。可将文档另存为 JPEG 、GIF 或其他格式的文件以便在网页中使用。还能导出与Photoshop等软件类型匹配的文档。 3.1 Fireworks MX 基础—工作窗口 3.1 Fireworks MX 基础—常用面板简介 1．混合器面板：用于创建笔尖颜色和填充颜色。创建颜色可以单击 颜色按钮，在弹出的调色板选择某个颜色方框，或 在 R、G、B框中输入相应红、绿、蓝的数值，还可 以在面板底部的选色盘中单击所需颜色。单击“混色 器”面板的按钮，可更改的颜色模式。 2．样本面板：显示当前调色板，单击面板中的色样可以快速设置图 像颜色。 “样本”面板与“混合器”面板在同一个面板组。 3．帧面板：主要用于制作动画效果。单击“帧”面板右上角的按钮，从 弹出的菜单中对帧进行操作。 3.1 Fireworks MX 基础—常用面板简介 4．历史纪录面板：用来记录用户对图像所作的改动。用户的每一步操作都记录在该面板中，以便用户恢复图像或恢复到某一指定操作。按钮是一个撤销标记，拖动该标记可以撤销或恢复最近的操作。利用“历史纪录”面板还可以创建批处理命令。方法为：按下Shift键在该面板中选定多个历史动作→单击该面板右下角的“将步骤保存为” 按钮→在对话框的“名称”文本框中输入命令名→单击“确定”按钮。这个名称就会出现在“命令”菜单的底部，单击它可执行一系列动作。 5．行为面板：用于管理行为。行为决定热点和切片对鼠标移动所做出的响应。 6．信息面板：提供所选对象的尺寸和画布指针的精确坐标。 3.1 Fireworks MX 基础—常用面板简介 7．样式面板：提供了许多可直接用于图形或者文本的图案样式。选定图形或文本后单击“样式”面板中的样式图标，就可以自动应用选择的样式。 8．URL面板：用于添加、删除对象的URL地址。当鼠标指向图像文件中指定了URL地址的热点区域时，该地址会出现在面板的当前URL列表中。 9．库面板：包含图形文件、按钮文件和动画文件。打开“库”面板将元件从“库”面板拖到文档中，便生成了该元件的一个实例，修改元件便相当于修改了该元件的全部实例。 10．优化面板：用于管理控制对象大小和文件类型的设置，以及处理要导出的文件或切片的调色板。 3.2 Fireworks MX 基本操作—画布基本操作 1．创建画布 单击“文件→新建”命令，出现如图所示的“新建文档”对话框， 再该对话框中对画布大小和画布颜色进行设置。 2．改变画布尺寸 单击“修改→画布→画布大小”命令，会出现“画布大小”对话框，在“宽度”和“高度”文本框中输入新的数值就可以重新指定画布的大小，重新指定大小后画布会相应扩展或缩小。 “锚 3.2 Fireworks MX 基本操作—画布基本操作 3．更改画布属性 （1）裁剪画布 当画布大小比画布上的对象大时，可以通过修剪画布来调整画布 的大小，使其刚好适合对象所占据的空间大小。具体操作为“修改→画 布→修剪画布”，就可以将多余的画布裁剪掉，使剩余画布与画布内对 象的大小一致。 如果对象的内容有一部分处于画布的可视范围之外，通过“修剪画 布”命令会将这部分内容裁剪掉；要想调整画布使其容纳所有的图像对 象，可以通过“修改→画布→符合画布”命令。 （2）旋转画布 如果需要将整个画布连同上面