网页图形处理工具FireworksCS.pptx

网站规划与网页设计电子工业出版社同名教材配套电子教案2009.9

1FireworksCS3的基本概念2图形的优化3用FireworksCS3创建网页模型4创建网站相册第11章网页图形处理工具FireworksCS3

11.1.1创建新文档第一次启动Fireworks中文版时，会出现一个初始页面，如图所示。在这里，用户可以快速访问最近编辑过的文档或创建一个新文档，也可以访问帮助文件或网页。当用户选择新建Fireworks文件后，就会弹出“新建文档”对话框，如图所示。11.1FireworksCS3的基本概念图第一次启动Fireworks时的初始页面图“新建文档”对话框

1.2Fireworks的工作界面新建文档完成后进入Fireworks的工作界面，如图所示。Fireworks的工作界面由菜单栏、工具栏、工具箱、工作区、组合面板和属性面板6个部分组成。1FireworksCS3的基本概念图Fireworks的工作界面

1FireworksCS3的基本概念Fireworks中的工具种类齐全，使用这些工具，用户可以在单个文件中创建和编辑矢量或位图图形。2．工具箱1．工作区在工作区中不仅可以绘制矢量图，也可以直接处理位图。工作区上有4个选项卡，当前为“原始”选项卡，也就是工作区，只有在此窗口中才能编辑图像文件；而在“预览”选项卡中可以模拟浏览器预览制作好的图像；“2幅”和“4幅”选项卡则分别是在2个和4个窗口中显示图像的制作内容。

11.1FireworksCS3的基本概念Fireworks的组合面板共有18个，分别为：优化、层、公用库、页面、帧、历史记录、自动形状、样式、库、URL、混色器、样本、信息、行为、查找、对齐、自动形状属性、图像编辑和特殊字符。每个面板既可独立排列，又可与其他面板组合成一个新面板，但各面板的功能依然相互独立。单击面板上的名称可展开或折叠该面板。4．组合面板3．属性面板当选择对象或选取工具的时候，其相关信息都会在属性框中显示出来，同时也可以通过修改属性面板中的数据或内容来调整图像的相关属性，如图像的大小、位置及色彩等。

11.1.3打开和导入文件1．打开文件打开文件用于重新加载一幅新的图像。执行“文件”→“打开”命令，或者单击工具栏上的“打开”按钮，即可启动“打开”文件对话框，如图所示。11.1FireworksCS3的基本概念图“打开”对话框

1.3打开和导入文件导入文件导入文件和打开文件的区别是，前者是将图像文件插入到目前正在编辑的文档中，而不是重新加载一幅图像。执行“文件”→“导入”命令，启动“导入”对话框，如图所示。11FireworksCS3的基本概念2图“导入”对话框3

11.1.4修改画布Fireworks中的画布也就相当于图像的背景。在绘图的过程中，为了使画布的大小、色彩能够与前景的图像保持协调，用户经常要修改画布的相关属性。方法是，单击画布，或者在画布的工作区外单击一下，从而显示相应的画布属性面板，如图所示。在属性面板中，单击画布颜色选择框，可以重新设置新的画布颜色，如图所示。11.1FireworksCS3的基本概念图画布属性面板图设置画布颜色

单击“画布大小”按钮将弹出“画布大小”设置对话框，如图所示。在“新尺寸”区内可以输入新的宽度、高度，并在“锚定”栏中设置画布的固定点，当画布的大小被改变时会以选中的固定点为基准来更改画布的大小。单击画布属性面板中的“图像大小”按钮，将弹出“图像大小”对话框，如图所示。在“像素尺寸”区中可以设置工作区的宽度和高度数值。若选中“约束比例”项，当宽度或高度二者之中某一数值被改变后，另一个数值也会等比例地随之改变。11FireworksCS3的基本概念2图设置画布大小图设置图像大小3

11.2图形的优化网页图形设计的最终目标是创建能够尽可能快下载的精美图片。为此，必须在最大限度地保持图形品质的同时，选择压缩质量最高的文件格式。这种平衡就是优化，即寻找颜色、压缩和品质的最佳组合。在Fireworks中，使用优化面板可以轻松地对图形进行优化。在Fireworks中，优化图形涉及下列操作。?选择最佳文件格式。每种文件格式都有不同的压缩颜色信息的方法。为某些类型的图形选择适当格式可以减小文件大小。?设置格式特定的选项。每种图形文件格式都有一组惟一的选项，可以用诸如色阶这样的选项来减小文