网页图像制作与优化.pptVIP

10.6 图像切片的使用 2．创建HTML切片 HTML切片指定浏览器中出现普通HTML文本的切片图像区域。HTML切片不导出任何像素的图像数据，它导出出现在由切片定义的表格单元格的HTML文本。 如果要快速更新出现在站点中的文本而无须创建新的图形，则HTML切片很有用。 第三十页，共四十八页，2022年，8月28日 10.6 图像切片的使用 3．创建非矩形切片 当试图将交互性附加到非矩形图像时，矩形切片可能无法满足需要。例如，如果打算将变换图像效果附加到切片，而切片对象互相重叠或者形状不规则，则矩形切片可能会与变换图像交换出不是所要得到的背景图形。Firework解决此问题的办法是：允许使用“多边形切片”工具绘制任何多变性形状的切片，如图10-59所示。 图10-59 非矩形切片 第三十一页，共四十八页，2022年，8月28日 10.6 图像切片的使用 10.6.2 使用切片交互 在Firework中创建交互效果生成切片对象。Firework提供了两种使切片交互的方式。 拖动变换图像的方法是切片交互最简单方法。只需要拖动切片的行为手柄并将其放在目标切片中，即可快速创建简单的交互效果。 “行为”面板可以创建更复杂的交互。“行为”面板中包含各种交互行为，可以将它们附加到切片中。通过将多个行为附加到单个切片上，可以创建有趣的效果，还可以通过编辑现有行为来创建自定义交互效果。 Firework 8中的行为与Dreamweaver 8行为兼容。在将Firework 8变换图像导出到Dreamweaver 8时，可以使用Dreamweaver 8的“行为”面板编辑Firework 8行为。 第三十二页，共四十八页，2022年，8月28日 10.6 图像切片的使用 1．向切片添加简单的交互效果 拖动变换图像方法是创建变换图像和交换图像效果的快速而有效的方法。具体来说，拖动变换图像方法可以确定指针经过一个切片时该切片所发生的变化。最终结果通常称为变换图像。变换图像是在网页浏览器中当指针经过其上方移动时，其外观发生更改的图形。 当选定切片时，一个带有十字的圆圈出现在切片的中央。这称为行为手柄，如图10-60所示。 图10-60 切片示意图 第三十三页，共四十八页，2022年，8月28日 10.6 图像切片的使用 2．创建简单的变换图像 简单变换图像使用同一网页对象下面的帧上的另一个图像来交换图像。简单交换图像只涉及一个切片或热点。 可以从任何帧中选择交换图像，如图10-62所示。 图10-62 选择交换图像 第三十四页，共四十八页，2022年，8月28日 江西师范大学网页设计课程组 * 第一页，共四十八页，2022年，8月28日 10.1 Fireworks 8简介 10.2 Fireworks 8工作环境 10.3 Fireworks 8的简单操作 10.4 将文本附加于路径 10.5 创建按钮与菜单 10.6 图像切片的使用 10.7 网页图形图像的优化与发布 10.8 实践技能训练 第10章 网页图像制作与优化 第二页，共四十八页，2022年，8月28日 10.1 Fireworks 8简介 Macromedia Fireworks 8是一款用来设计网页图形的多功能应用程序。可以用来创建和编辑位图和矢量图像、设计网页效果（如变换图像和弹出菜单）、修剪和优化图形以减小其文件大小以及通过使重复性任务自动进行来节省时间。它所含的创新性解决方案解决了图形设计人员和网站管理员所面临的主要问题。 10.1.1 Fireworks的优点 Fireworks的优点表现在效率高、操作便捷以及较好的网络速配性等多方面。 10.1.2 Fireworks的适用对象 当然，不会有绝对的最优选择，因为Fireworks是应网页设计者的挑战而推出的一套解决方案。因此，Fireworks对传统传媒（如商业印刷品）来说，并不是创建和处理图形的最佳选择。Fireworks的环境是基于RGB颜色模式的，因此，理论上讲，也更适于屏幕导出，而不是打印输出。 第三页，共四十八页，2022年，8月28日 10.1 Fireworks 8简介 10.1.3 Fireworks 8的新特色 1．专业设计控制 2．无缝的跨软件工作流程 3．性能显著提高 4．用户界面的改进 5．新的热效 6．新的反锯齿选项 7．完整的Unicod支持 第四页，共四十八页，2022年，8月28日 10.2 Fireworks 8工作环