第14章 Fireworks的Web功能.pptVIP

第2篇 第14章 Fireworks的Web功能 第2篇 第14章 Fireworks的Web功能 14 .1 热区 14.1.1 创建热区 14.1.2 编辑热区 14.2 切片 14.2.1 创建与编辑切片 14.2.2 为切片附加交换图行为 14.2.3 切片图形的导出与应用 14.2.4 切片动画 14.3 按钮与导航条 14.4 弹出菜单 思考题 14.1 热区 在一幅图像中可以创建多个链接区域，通过单击不同链接区域，跳转到不同的链接目标。 将这种位于一幅图像上的多个链接区域称为热点区域或热区（Hotspot），这个过程称为图像映像（Image Map）。 14.1.1 使用热点工具创建热点 14.1.2 编辑热点 “编辑” | “插入” | “热区” ，为单个或多个对象建立热区。 热点也是Fireworks中的对象，只是存在于一个特殊的“网页层”中。可以像普通对象一样编辑。 【例14-1】为“中国地方诸种类型发布”图建立热区。p189 14. 2 切片 切片功能把一个大的图形分割成若干小的切片，并把每个切片单独发布为一个文件。制作切片的优点： 提高下载速度 便于构建图像链接 便于优化 减少重复图像 便于局部更新 生成动态效果 14.2.1 创建与编辑切片 1、创建切片 使用切片工具 选中对象，执行菜单命令 “编辑” | “插入” | “矩形切片/多边形切片” 2、编辑切片 通过属性面板，为切片改变颜色、大小、位置，建立超链接 14.2.2 为切片附加交换图行为 为切片附加行为 通过“行为”面板实现 通过切片上的右键菜单实现 通过鼠标直接拖动实现 【例14-2】使用“行为”面板，实现切片上的翻滚图效果。p191 【例14-3】用鼠标拖动的方法，实现例4-2切片上的交换图效果。 p193 14.2.3 切片图像的导出与应用 14.2.4 切片动画 如果一幅图像很大，其中只有一小部分有动画效果，可以将动画部分分割成单独的切片。导出时，只将这个切片导出为动画GIF格式，其他切片导出为普通静图图像格式。 整个文件的大小就会减小，下载速度将会提高，也易于对动画部分的修改。 【例14-4】制作切片动画。 p194 14.3 按钮与导航栏 【例14-5】制作按钮。p195 步骤一：进入按钮编辑器 “编辑” | “插入” | “新建按钮” 步骤二：制作按钮“释放”（Up）状态外观 利用“资源”面板中的“样式”选项卡 利用“属性”面板中“滤镜”框 步骤三：制作按钮“滑过”（Over）状态外观 步骤四：制作按钮“按下”（Down）状态外观 步骤五：制作按钮“按下时滑过”（Over While Down）状态外观 步骤六：制作按钮的“活动区域”（Active Area） 14.3 按钮与导航条- 【例14-6】制作导航条。p198 步骤一：导入底图 步骤二：制作按钮外观，同【例14-5】 步骤三：用嵌套编辑方法，制作导航条中的按钮 用嵌套方法制作的一组按钮，不但易于修改，而且这一组按钮具有单选钮的属性，即这一组按钮中有且仅有一个按钮被按下，跳转到相应网页。若点按另一个按钮，跳转到另一个网页，原来按下的按钮会自动弹起。 14.4 弹出菜单 弹出菜单是指当鼠标指针滑过热区或切片或单击这些对象时在浏览器中显示的菜单。在菜单或子菜单项上可以附加URL链接。 弹出菜单可以具有“弹起”和“滑过”两种状态 选中切片或热区，执行其右键菜单中的“添加弹出菜单”命令，弹出菜单编辑窗口。 14.4 弹出菜单- 【例14-7】制作弹出菜单。p200 小结 热区： 创建热区；编辑热区 切片 创建切片；编辑切片；为切片附加交换图行为；切片的导出与应用；切片动画。 按钮与导航栏制作 弹出菜单的制作 习题 教材p203 1-10；上机题 第2篇 小结 Fireworks的基本操作 工作环境设置；标尺等辅助工具的使用；画布大小设置、剪裁和旋转；对象操作；颜色、笔触和填充操作；应用图层。 位图的制作和处理 位图的创建和编辑；颜色和色调的调整；滤镜的使用。 矢量图的制作和处理 规则路径和自由路径的绘制；编辑矢量对象。 文本的创建与编辑 自动化功能 滤镜；样式、元件、URL、形状；GIF动画的制作；优化与导出。 Web功能 热区的创建和编辑；切片的创建、编辑、应用、动画；按钮与导航栏的制作；弹出菜单的制作。 * 切片文件应保存为PNG格式文件，包含图像信息和行为信息。 “文件|导出”——对话框设置—见下图。 *