网页设计与制作第14章Firworks进阶应用.ppt

《网页设计与制作第14章Firworks进阶应用.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作第14章Firworks进阶应用.ppt（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计与制作第网页设计与制作第14章章Firworks进阶应用进阶应用第第14章章 Firworks进阶应用进阶应用14.1 元件和实例的概念元件和实例的概念14.2 切片工具的使用切片工具的使用14.3 创建热点和图像映射创建热点和图像映射14.4 制作按钮制作按钮14.5 制作弹出菜单制作弹出菜单14.1 元件和实例的概念元件和实例的概念v元件是存储在元件是存储在Fireworks库中的一个特殊对象或对库中的一个特殊对象或对象组，在图像处理过程中，对于某些需要反复使用象组，在图像处理过程中，对于某些需要反复使用的相同元素，我们把它转换成元件以后使用起来非的相同元素，我们把它转换成元件以后

2、使用起来非常方便。常方便。Fireworks MX 2004提供了三种类型的元提供了三种类型的元件：图形、按钮和动画。件：图形、按钮和动画。v实例是元件的副本，我们从库中将元件拖动到文档实例是元件的副本，我们从库中将元件拖动到文档中，实际上就是在文档中创建了该元件的一个实例。中，实际上就是在文档中创建了该元件的一个实例。它具有该元件所具有的一切属性，当我们编辑这个它具有该元件所具有的一切属性，当我们编辑这个元件时，该元件的所有的实例都会自动更新，这将元件时，该元件的所有的实例都会自动更新，这将大大减小我们的工作量。大大减小我们的工作量。14.1 元件和实例的概念元件和实例的概念v1.创建新元件

3、创建新元件v2.转换对象为元件转换对象为元件v3.编辑元件编辑元件14.2切片工具的使用切片工具的使用v切片将切片将Fireworks文档分割成多个较小的部分，每文档分割成多个较小的部分，每个部分都以单独的文件形式导出。切片的使用可以个部分都以单独的文件形式导出。切片的使用可以较好地优化文件，其优点主要表现在以下几个方面：较好地优化文件，其优点主要表现在以下几个方面：v用户可以分别对切割成的每一幅小图片进行不同程用户可以分别对切割成的每一幅小图片进行不同程度或不同格式的优化。度或不同格式的优化。v保证图像质量的同时不影响网页的浏览速度。保证图像质量的同时不影响网页的浏览速度。v因为切片的使用，

4、可以使我们只修改网页中一部分，因为切片的使用，可以使我们只修改网页中一部分，而不用对整个网页进行修改。而不用对整个网页进行修改。14.2切片工具的使用切片工具的使用v1.切片工具切片工具v2.设置切片对象的属性设置切片对象的属性v3.导出所选切片导出所选切片v4.导出切片文档导出切片文档14.3 创建热点和图像映射创建热点和图像映射v有时候我们需要建立一个链接，但是又不希有时候我们需要建立一个链接，但是又不希望以按钮的形式进行交互，则可以通过创建望以按钮的形式进行交互，则可以通过创建热点来达到这一目的。在很多网站上，我们热点来达到这一目的。在很多网站上，我们也应用过用鼠标单击图片的不同部分可以

5、链也应用过用鼠标单击图片的不同部分可以链接到不同的网页上去。这种提供多个超级链接到不同的网页上去。这种提供多个超级链接的图片称为图像映射。在接的图片称为图像映射。在Fireworks中创建中创建热点的方法很容易：热点的方法很容易：14.3 创建热点和图像映射创建热点和图像映射v热点和切片的异同：两者都可以定义链接和热点和切片的异同：两者都可以定义链接和行为，都可以接受用户事件产生响应。不同行为，都可以接受用户事件产生响应。不同的是，热点只是在图像上指定了一个区域，的是，热点只是在图像上指定了一个区域，而切片可以将图像分割开。而切片可以将图像分割开。14.4 制作按钮制作按钮 在在Firewor

6、ks MX 2004中，我们可以轻中，我们可以轻松地创建出具有交互行为的精美按钮松地创建出具有交互行为的精美按钮:v1.新建按钮元件新建按钮元件v2.将已有图形或文本转换成按钮将已有图形或文本转换成按钮v3.制作导航条制作导航条14.5 制作弹出菜单制作弹出菜单v注意：弹出菜单在注意：弹出菜单在Fireworks中预览是看不中预览是看不到弹出菜单的，只有按下到弹出菜单的，只有按下F12键，打开键，打开IE浏览浏览器进行预览，才可以看到弹出菜单的效果。器进行预览，才可以看到弹出菜单的效果。14.6 制作蒙板制作蒙板v 蒙板能够隐藏或显示对象或图像的某些部蒙板能够隐藏或显示对象或图像的某些部分，也

7、能将一个图像混合到另一个图像中去。分，也能将一个图像混合到另一个图像中去。蒙板并不直接应用于图像，而是使蒙板对象蒙板并不直接应用于图像，而是使蒙板对象位于被遮盖的图像之上。位于被遮盖的图像之上。Fireworks提供了矢提供了矢量蒙板和位图蒙板两种方法量蒙板和位图蒙板两种方法。14.6 制作蒙板制作蒙板v1.创建矢量蒙板创建矢量蒙板v2.使用位图蒙板使用位图蒙板v3.文字蒙板文字蒙板14.6 制作蒙板制作蒙板v 用文字作为蒙板，可以得到和本书第用文字作为蒙板，可以得到和本书第12章的章的12.4节中介绍使用图像填充文本相同的节中介绍使用图像填充文本相同的效果。制作文字蒙板的方法和创建矢量蒙板效

8、果。制作文字蒙板的方法和创建矢量蒙板的方法完全相同，只要将文字作为蒙板对象的方法完全相同，只要将文字作为蒙板对象放置在背景图片的上方即可。如图放置在背景图片的上方即可。如图14-21所示，所示，为文字蒙板的效果。为文字蒙板的效果。14.7 创作动画创作动画v 在在Fireworks MX 2004中，利用帧来创中，利用帧来创建建GIF动画，每一个帧上包含了不同的图像，动画，每一个帧上包含了不同的图像，依次显示不同帧上的图像，形成运动的错觉。依次显示不同帧上的图像，形成运动的错觉。在制作动画之前，我们先认识一下用于动画在制作动画之前，我们先认识一下用于动画制作的动画设置对话框，如图制作的动画设置

9、对话框，如图14-22所示。所示。14.7 创作动画创作动画v帧，调节动画中的帧数。帧，调节动画中的帧数。v移动，调节动画移动的距离。移动，调节动画移动的距离。v方向，调节动画移动的方向。方向，调节动画移动的方向。v缩放到，动画在运动过程中，对象的大小比例。缩放到，动画在运动过程中，对象的大小比例。v不透明读，分别设置第一帧和最后一帧的透明度，不透明读，分别设置第一帧和最后一帧的透明度，中间的帧自动在两个透明度之间均匀变化。中间的帧自动在两个透明度之间均匀变化。v旋转，动画移动过程中，对象旋转的角度旋转，动画移动过程中，对象旋转的角度 操作题操作题v（1）创建一个文字蒙板，达到和文字填充）创建一个文字蒙板，达到和文字填充 v 图像一样的效果。图像一样的效果。v（2）制作一个具有下拉菜单的导航条。）制作一个具有下拉菜单的导航条。v（3）利用帧创建一个）利用帧创建一个GIF动画。动画。