网页设计与制作第14章firworks进阶应用

第14章 Firworks进阶应用,学习目标： 本章将介绍Fireworks MX 2004与Web相结合的图像处理和加工能力，主要包括按钮、蒙板、热点等较高级的操作，最后还将介绍如何制作GIF动画。通过本章的学习，要求掌握制作按钮和弹出菜单的方法，学会使用切片和热点工具，能够制作GIF动画。,第14章 Firworks进阶应用,14.1 元件和实例的概念14.2 切片工具的使用14.3 创建热点和图像映射14.4 制作按钮14.5 制作弹出菜单,14.1 元件和实例的概念,元件是存储在Fireworks库中的一个特殊对象或对象组，在图像处理过程中，对于某些需要反复使用的相同元素，我们把它转换成元件以后使用起来非常方便。Fireworks MX 2004提供了三种类型的元件：图形、按钮和动画。实例是元件的副本，我们从库中将元件拖动到文档中，实际上就是在文档中创建了该元件的一个实例。它具有该元件所具有的一切属性，当我们编辑这个元件时，该元件的所有的实例都会自动更新，这将大大减小我们的工作量。,14.1 元件和实例的概念,1.创建新元件2.转换对象为元件3.编辑元件,14.2切片工具的使用,切片将Fireworks文档分割成多个较小的部分，每个部分都以单独的文件形式导出。切片的使用可以较好地优化文件，其优点主要表现在以下几个方面：用户可以分别对切割成的每一幅小图片进行不同程度或不同格式的优化。保证图像质量的同时不影响网页的浏览速度。因为切片的使用，可以使我们只修改网页中一部分，而不用对整个网页进行修改。,14.2切片工具的使用,1.切片工具2.设置切片对象的属性3.导出所选切片4.导出切片文档,14.3 创建热点和图像映射,有时候我们需要建立一个链接，但是又不希望以按钮的形式进行交互，则可以通过创建热点来达到这一目的。在很多网站上，我们也应用过用鼠标单击图片的不同部分可以链接到不同的网页上去。这种提供多个超级链接的图片称为图像映射。在Fireworks中创建热点的方法很容易：,14.3 创建热点和图像映射,热点和切片的异同：两者都可以定义链接和行为，都可以接受用户事件产生响应。不同的是，热点只是在图像上指定了一个区域，而切片可以将图像分割开。,14.4 制作按钮,在Fireworks MX 2004中，我们可以轻松地创建出具有交互行为的精美按钮 :1.新建按钮元件2.将已有图形或文本转换成按钮3.制作导航条,14.5 制作弹出菜单,注意：弹出菜单在Fireworks中预览是看不到弹出菜单的，只有按下F12键，打开IE浏览器进行预览，才可以看到弹出菜单的效果。,14.6 制作蒙板,蒙板能够隐藏或显示对象或图像的某些部分，也能将一个图像混合到另一个图像中去。蒙板并不直接应用于图像，而是使蒙板对象位于被遮盖的图像之上。Fireworks提供了矢量蒙板和位图蒙板两种方法。,14.6 制作蒙板,1.创建矢量蒙板2.使用位图蒙板3.文字蒙板,14.6 制作蒙板,用文字作为蒙板，可以得到和本书第12章的12.4节中介绍使用图像填充文本相同的效果。制作文字蒙板的方法和创建矢量蒙板的方法完全相同，只要将文字作为蒙板对象放置在背景图片的上方即可。如图14-21所示，为文字蒙板的效果。,14.7 创作动画,在Fireworks MX 2004中，利用帧来创建GIF动画，每一个帧上包含了不同的图像，依次显示不同帧上的图像，形成运动的错觉。在制作动画之前，我们先认识一下用于动画制作的动画设置对话框，如图14-22所示。,14.7 创作动画,帧，调节动画中的帧数。移动，调节动画移动的距离。方向，调节动画移动的方向。缩放到，动画在运动过程中，对象的大小比例。不透明读，分别设置第一帧和最后一帧的透明度，中间的帧自动在两个透明度之间均匀变化。旋转，