动态网页设计与制作实用教程（第三版）电子教案程伟渊 第7章.pptVIP

第7章 Fireworks 8基础知识 本章学习导读 网页图像是网页上的重要元素，是网页的灵魂，在设计和制作网页之前，首先要制作网页图像。本章主要讲述Fireworks的基本概念和操作，通过本章学习，读者应该掌握以下内容： 网页图像格式的种类及其特点 Fireworks工作界面的构成 矢量图形绘制与编辑工具的使用 7.1 网页图像概述 7.1.1 图像的格式 在讲解网页图像的处理之前，我们首先应该了解一下网页图像的格式及特点。目前网络支持的图形格式主要有JPEG/JPG、GIF和PNG三种。由于这3种格式各有利弊，在设计网页时，要根据实际情况来考虑选择使用哪种图像格式。 7.1.2 矢量图像和位图图像 1．矢量图像 矢量图像是用包含颜色和位置属性的直线或曲线（即称为矢量）来描述图像属性的一种方法。比如，一个圆包括两部分：由通过圆的边缘的一些点组成的轮廓和轮廓内的点。矢量图形是具有独立分辨率的，即它可以在不损失任何质量的前提下，以各种各样的分辨率显示在输出设备中。 2．位图图像 位图图像是对每一个栅格内不同颜色的点进行描述，这些点称为像素。例如，上面所说的圆图像，可以由所有组成该圆的像素点的位置和颜色来描述。因为编辑位图图像时，修改的是像素点，而不是直线和曲线，因而，不可能通过修改描述椭圆轮廓的直线或曲线来更改椭圆的性质。 7.2 认识Fireworks CS5 7.2.1 Fireworks CS5的新增功能 Fireworks CS5除了继承了以往Fireworks其它版本的功能外，还具有以下的功能： 1．性能和稳定性提高 2．像素精度 3．Adobe Device Central 集成 4．支持使用 Flash Catalyst 和 Flash Builder 的工作流程。 5．扩展性改进 6．套件之间共享色板 7.2 认识Fireworks CS5 7.2.2 Fireworks CS5 的工作界面 进入Fireworks CS5工作状态之前，我们先要来熟悉Fireworks的工作界面。Fireworks 的展开模式（通过右上角模式按钮可以进行选择）界面大致可以分为文档窗口、工具栏、工具箱、面板和菜单等几项 . 7.2.3 文档的基本操作 介绍了Fireworks CS5的工作环境之后，开始介绍文档的基本操作方法。文档操作是Fireworks中最基本的操作，包括新建文档、打开文档、导入文档等。 在Fireworks 中，文档图像采用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中，有4种选中对象的工具：“指针”工具、“部分选定”工具、“缩放”工具和“剪裁”工具. 7.4.2 组织和管理对象 为了方便对对象的控制，合理组织对象是非常重要的。在Fireworks中，可以移动对象、设置对象的重叠顺序、显示或隐藏对象、复制、剪切或删除对象，也可以将多个对象组合起来，作为一个对象看待。 7.4.3 整形路径 前面介绍的主要是针对对象整体的操作方法，如果希望修改对象本身的形状，也即修改路径，则需要进行更多更细致的操作。 1．通过编辑点整形路径