教案fireworks_切片、变换图像和热点.pptVIP

五、准备切片以供导出 使用“ 属性” 检查器准备要导出的切片。 为切片指定 URL 为切片指定 URL 后，用户可通过在其 Web 浏览器中单击切片所定义的区域来定位到该地址。 要指定 URL，请在“ 属性” 检查器的“ 链接” 文本框中输入 URL * 五、准备切片以供导出 输入替换文本 对于越来越多使用屏幕朗读应用程序的视觉障碍人士，输入简短而有意义的替换文本对他们非常重要。当用户将指针移过网页 上的图形时，这些应用程序会将替换文本转换为计算机生成的语音。 在“ 属性” 检查器的“ 替换文本” 框中键入文本。 * 五、准备切片以供导出 设置默认替换文本 可以选择尚未为其输入替换文本的切片和热点，并为所有这些切片和热点设置默认替换文本。 选择“ 命令”“ 网页”“ 设置替换文本”，并输入默认替换文本。 * 五、准备切片以供导出 为所选切片或热点指定目标 目标是在其中打开链接文档的替换网页状态或网页浏览器。 在“ 目标” 文本框中键入 HTML 状态的名称或从“ 目标” 弹出菜单中选择一个保留目标： _blank 将链接文档加载到一个新的未命名浏览器窗口中。 _parent 将链接的文档加载到包含该链接的状态的父状态集或窗口中。如果包含链接的状态不是嵌套的，则链接文档会加 载到整个浏览器窗口中。 _self 将链接的文档加载到链接所在的同一状态或窗口中。由于此目标是默认的，因此您通常不需要指定它。 _top 将链接的文档加载到整个浏览器窗口中，从而删除所有状态。 * 五、准备切片以供导出 命名切片 切片即是将一个图像分割成多个部分。由于状态的每个部分都分别导出，因此每个部分都必须有唯一的名称。使用默认的命名 约定或指定自定义名称。 * 五、准备切片以供导出 更改默认的自动命名约定 选择“ 文件”“HTML 设置” 以打开“HTML 设置” 对话框。 * 五、准备切片以供导出 定义导出 HTML 表的方式 选择“ 文件”“HTML 设置”，或者单击“ 导出” 对话框中的“ 选项” 按钮。 * 六、热点和图像映射 Web 设计人员可以使用热点来使较大图形中的各个小部分产生交互，并将网页图形的区域链接到 URL。通过从包含热点的文 档中导出 HTML，您可以在 Fireworks 中创建图像映射。 * 六、热点和图像映射 创建热点 ? 如果希望图像的某些区域链接到其它网页，但不需要这些区域为响应鼠标的移动或动作而高亮显示或者产生变换图像效果， 则使用热点是理想的解决方案。 ? 如果要将放置了热点的图形最好导出为单个图形文件，换句话说，就是最好使用相同的文件格式和优化设置导出整个图形， 则使用热点和图像映射也是理想的解决方案。 ? 热点可以是矩形、圆形或多边形。在处理复杂的图像时，多边形非常有用。 ? 可以选择一个对象，然后在该对象上插入热点。 * 六、热点和图像映射 创建矩形或圆形热点 1 从“ 工具” 面板的“Web” 部分选择“ 矩形热点” 工具或“ 圆形热点” 工具。 创建非常规形状热点 1 选择“ 多边形热点” 工具。 * 六、热点和图像映射 通过跟踪一个或多个选定对象来创建热点 1 选择多个对象，然后选择“ 编辑”“ 插入”“ 热点”。 * 七、创建图像映射 在图形上插入热点后，请将该图形导出为图像映射，以使其可以在 Web 浏览器中发挥作用。导出图像映射时，将生成包含有 关热点及相应 URL 链接的映射信息的图形和 HTML。Fireworks 在导出时只产生客户端图像映射。 * 七、热点和图像映射 通过跟踪一个或多个选定对象来创建热点 1 选择多个对象，然后选择“ 编辑”“ 插入”“ 热点”。 * * 第五讲 切片、变换图像和热点 * 教学目标 通过本讲的学习掌握创建编辑位图图像 * 1、 教学内容： * 重点：了解Firworks的使用范围 教学重难点： * 切片是用于在 Adobe? Fireworks? 中创建交互效果的基本构造块。切片是最终以 HTML 代码形式存在的网页对象。可以通过 “ 层” 面板中的“ 网页层” 查看、选择和重命名它们。 切片将 Fireworks 文档分割成多个较小的部分并将每部分导出为单独的文件。导出时，Fireworks 会创建一个包含表格代码的 HTML 文件，以便在浏览器中重新组合图形。。 一、切片、变换图像和热点 * 一、切片、变换图像和热点 切片将一个文档分割成多个部分，它们都以单独文件的形式导出。 * 一、切片、变换图像和热点 将图像切片有三个主要优点： 优化图像获得最快的下载速度。 增加交互性使图像能够快速响应鼠标事件。 易于更新适用于经常更改的网页部分（例如， “ 本月雇员” 页上的照片和姓名）。 * 一、切片