网页制作教程第11章.ppt

《网页制作教程第11章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第11章Fireworks的动画制作与优化输出11.1简单动画制作1、动画概述2、帧面板在Fireworks中制作动画，主要是通过Symbol和帧（Frames）面板来完成。帧（Frames）面板用于制作、编辑Fireworks文档中的动画。3、简单动画应用在Fireworks中除了可以完成网页图像制作外，还可以制作生动有趣的GIF动画。11.2遮罩的应用1、遮罩概述当2个或者2个以上的对象叠加在一起时，使用遮罩（Mask）功能，可以使下层的对象（被遮罩对象）部分区域被上层的对象（遮罩对象）遮挡，从而形成遮罩效果，位图图像之间，矢量图形之间，以及位图图像与矢量图形之

2、间都可以制作遮罩效果。遮罩可以分为位图遮罩与矢量遮罩。遮罩效果11.3图像的优化1、优化概述绘制、编辑完成文档后，接下来的操作是对文档进行优化，在最大程度地保证图象质量的基础上，通过压缩图像与减少图像颜色等方法来缩小图像体积，以达到输出的网页图像在具有良好浏览效果的同时，也能够快速地被下载。计算机是以二进制的方式处理包括图像颜色在内的数据的，1位可以表示2种颜色，24位能够表示出人类视觉所能辨别的1600万种颜色，虽然计算机显示器都支持8位即256种颜色，但当Windows和Macintosh两种系统运行于256色时，只有216中颜色为NetscapeNavigat

3、or和MicrosoftInternetExplorer等主流浏览器所共有，这些颜色称为Web安全色（Web-safe）。2、GIF与PNG格式图像的优化设置GIF格式的优化面板选项3、JPEG格式图像的优化设置JPEG格式的优化面板选项11.4图像的输出输出是制作网页图形的最后一个步骤，由于目前Web中通行的图形格式主要是GIF与JPEG，因此，输出操作主要是生成应用于Web的GIF与JPEG格式的网页图形。此外，Fireworks的输出操作也可以生成矢量图形，可以在MacromediaFreehand、MacromediaFlash、AdobeIllustrat

4、or等矢量编辑程序中使用，还可以生成其它文件格式如TIFF、BMP等，但这些图形格式不能在Web中使用。输出操作可以在图像优化完成后，选择File

5、Export进行输出；也可以选择File

6、ExportPreview（输出预览）命令，在输出图像操作的同时进行优化操作，在ExportPreview窗口进行优化选项的设置（不包括SelectiveJPEGCompression），预览并进行输出；第三种方法是选择File

7、ExportWizard命令，根据一步步的提示完成输出操作。输出对话框本章小结和重点回顾介绍AnimatedGIF（GIF动画）制作技术，使用该技术在网

8、页上能创造出动画片的效果。遮罩（Mask）技术的概念是当2个以上（含2个）的对象叠加在一起时，可以使下层的对象（被遮罩对象）部分区域被上层的对象（遮罩对象）遮挡，从而形成遮罩效果，位图图像之间，矢量图形之间，以及位图图像与矢量图形之间都可以制作遮罩效果。图像优化技术能帮助：在达到输出的网页图像在获得良好浏览效果的同时，也能够加快浏览速度，即网页被快速下载；文中介绍了实现图像优化技术的方法。本章最后介绍了两个具体的应用实例。在动画制作技术中，可以使用位图制作动画，也可以使用符号制作动画。但是都是应用了帧（Frame）的变换，产生了动感。，以及几种常见图形格式的特点。在

9、尽可能保证图象观看质量的前提下，通过压缩图像与减少图像颜色等方法来缩小图像文件的体积。