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

上传人:206****923 文档编号:51581562 上传时间:2018-08-15 格式:PPT 页数:16 大小:135KB
返回 下载 相关 举报
网页设计与制作第14章Firworks进阶应用_第1页
第1页 / 共16页
网页设计与制作第14章Firworks进阶应用_第2页
第2页 / 共16页
网页设计与制作第14章Firworks进阶应用_第3页
第3页 / 共16页
网页设计与制作第14章Firworks进阶应用_第4页
第4页 / 共16页
网页设计与制作第14章Firworks进阶应用_第5页
第5页 / 共16页
点击查看更多>>
资源描述

《网页设计与制作第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动画。

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 行业资料 > 其它行业文档

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号