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