动态网页设计与制作实用教程（第二版） -程伟渊 第7章.pptVIP

第7章 Fireworks 8基础知识 7.1 网页图像概述 7.2 认识Fireworks 8 7.3 矢量图像的绘制与编辑 7.4 修改对象 7.1 网页图像概述 7.1.1 图像的格式 在讲解网页图像的处理之前，我们首先应该了解一下网页图像的格式及特点。目前网络支持的图形格式主要有JPEG/JPG、GIF和PNG三种。由于这3种格式各有利弊，在设计网页时，要根据实际情况来考虑选择使用哪种图像格式。 7.1.2 矢量图像和位图图像 1．矢量图像 矢量图像是用包含颜色和位置属性的直线或曲线（即称为矢量）来描述图像属性的一种方法。比如，一个圆包括两部分：由通过圆的边缘的一些点组成的轮廓和轮廓内的点。矢量图形是具有独立分辨率的，即它可以在不损失任何质量的前提下，以各种各样的分辨率显示在输出设备中。 2．位图图像 位图图像是对每一个栅格内不同颜色的点进行描述，这些点称为像素。例如，上面所说的圆图像，可以由所有组成该圆的像素点的位置和颜色来描述。因为编辑位图图像时，修改的是像素点，而不是直线和曲线，因而，不可能通过修改描述椭圆轮廓的直线或曲线来更改椭圆的性质。 7.2 认识Fireworks 8 7.2.1 Fireworks 8的新增功能 Fireworks 8除了继承了以往Fireworks其它版本的功能外，还具有以下的功能： （1）新增的“图像编辑”面板。这个新面板是一个中轴位置，通过它可以访问常用的图像编辑工具、滤镜和菜单命令。 （2）更多的导入文件格式。可以支持导入QuickTime图像、MacPaint、SCI和JPEG2000文件格式。 （3）优化的批处理工作流程。工作流程的优化包括：简化的重命名功能，在批处理过程中进行缩放时检查文件尺寸的功能，以及增加了状态栏和日志文件等。 （4）矢量兼容性。在Flash和Fireworks之间移动对象时，会保留矢量属性（填充、笔触、滤镜和混合模式）。 （5）更多的切片选项。当所选对象是多边形路径时，将自动插入多边行切片。 （6）CSS弹出菜单。Fireworks 8使用CSS格式创建交互式的弹出菜单，可以帮助使用者轻松地自定义与使用Dreamweaver构建的网站进行代码的完美集成。 7.2 认识Fireworks 8 （7）透视阴影和纯色阴影。为打开的路径和文本对象添加透视阴影，对多次所应用到的对象印上标记的新动态滤镜。 （8）新增的图像混合模式。混合模式增加到39种，功能更强大了。 7.2.2 Fireworks 8 的工作界面 进入Fireworks 8工作状态之前，我们先要来熟悉Fireworks 8的工作界面。Fireworks 8的界面大致可以分为文档窗口、工具栏、工具箱、面板和菜单等几项 . 7.2.3 文档的基本操作 介绍了Fireworks 8的工作环境之后，开始介绍文档的基本操作方法。文档操作是Fireworks 8中最基本的操作，包括新建文档、打开文档、导入文档等。在Fireworks 8中，文档图像采用PNG格式。PNG是（Portable Network Graphic）便携网络图像的首字母缩写，是一种新型的图像格式。 7.3 矢量图像的绘制与编辑 7.3.1 图像的绘制模式 1．图像绘制模式的种类 2．图像绘制模式的切换 7.3.2 矢量图像的绘制 绘制矢量图像就是绘制路径的过程，主要通过如图7-9所示的绘图工具箱中的工具完成。在进行路径绘制时，可以在工具箱下方的笔画颜色区域选择需要的笔画颜色，而在工具箱下方的填充区域选择需要的填充颜色。在使用填充颜色时，只有在绘制矩形、椭圆和多边形时，才会自动填充设置的颜色，如果使用铅笔、画刷或钢笔绘制路径，路径内部不会填充颜色，必须在绘制完毕后选中对象，然后再从工具箱中的填充颜色区域选择需要的颜色。路径绘制工具按钮右下角的小黑色箭头，表示该工具包含有具体的选择模式。鼠标左键按住工具按钮会弹出菜单以供选择。 7.3.3 布局工具的使用 绘制对象时，经常需要了解当前的坐标位置，Fireworks 8提供了“标尺”和“网格”等布局工具，帮助在文档中精确定位。 7.3 矢量图像的绘制与编辑 7.3.4 标题文字的制作 1．编辑文本 2．制作特效文本 3．路径文字的编辑 7.4 修改对象 7.4.1 选择对象 要修改对象，首先要了解选中对象的基本方法，在Fireworks 8中，有4种选中对象的工具：“指针”工具、“部分选定