《使用Fireworks编辑网页图像》由会员分享，可在线阅读，更多相关《使用Fireworks编辑网页图像（7页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作网页设计与制作第一章第一章 HTML语言基础语言基础 2第二章第二章 初识初识Dreamweaver 4第三章第三章 创建与应用表格创建与应用表格 3第四章第四章 使用层和框架布局页面使用层和框架布局页面 3第五章第五章 CSS样式与模板的使用样式与模板的使用 3第六章第六章 行为、库和资源管理行为、库和资源管理 3第七章第七章 建立动态网站建立动态网站 3 第八章第八章 Flash动画基础知识动画基础知识 3第九章第九章 创建动画创建动画 3第十章第十章 使用使用Fireworks编辑网页图像编辑网页图像 31第十章第十章 使用使用Fireworks编辑网页图像编辑网页图像一、
2、一、 FireworksFireworks工作环境工作环境Fireworks Fireworks MX MX 20042004的的工工作作界界面面由由4 4部部分分组组成成：文件视图、功能面板、工具箱和属性面板。文件视图、功能面板、工具箱和属性面板。1 1、工具栏、工具栏2 2、视图方式、视图方式1 1）原始视图）原始视图创建图形或对图像进行编辑操作创建图形或对图像进行编辑操作2 2）预览视图）预览视图可通过优化面板对图像进行优化操作可通过优化面板对图像进行优化操作3 3）2 2幅视图幅视图可以预览原图像与优化图像后的对比效果可以预览原图像与优化图像后的对比效果第十章第十章 使用使用Firew
3、orks编辑网页图像编辑网页图像4 4）4 4幅视图幅视图除除了了左左上上角角的的原原图图像像外外，可可以以单单击击选选择择任任意意一一幅幅图图像像，在在优优化化面面板板中中设设置置不不同同的的优优化化参参数数，然然后后从从中中选选择择一一种种显显示示效效果果好好而而文文件件大大小小又又适适宜宜网网络络传传输输的的优化方案。优化方案。3 3、面板组、面板组二、绘制图形二、绘制图形1 1、绘图工具、绘图工具2 2、选择对象和像素（、选择对象和像素（P364P364）三、编辑图像三、编辑图像FireworksFireworks可可以以进进行行两两种种图图像像模模式式的的编编辑辑操操作作，一一种种是
4、是对对基基于于路路径径的的矢矢量量对对象象（简简称称对对象象模模式式）的的操操作作，另另一一种种是是对对基基于于像像素素的的图图形形对对象象（简简称称图图像像模模式式）的操作。的操作。第十章第十章 使用使用Fireworks编辑网页图像编辑网页图像1 1、修饰图像（、修饰图像（P365P365）2 2、填充图像填充图像通过属性窗口进行填充修饰通过属性窗口进行填充修饰3 3、应用样式、应用样式样式主要用于图形及文字对样式的直接套用。样式主要用于图形及文字对样式的直接套用。窗口窗口/ /样式样式第十章第十章 使用使用Fireworks编辑网页图像编辑网页图像4 4、创建热点区域、创建热点区域1 1
5、）使用热点工具）使用热点工具矩形热点矩形热点椭圆形热点椭圆形热点多边形热点多边形热点2 2）热点区域的创建和编辑）热点区域的创建和编辑通过属性面板修改热点区域的参数通过属性面板修改热点区域的参数5 5、应用切片应用切片切切片片就就是是将将图图形形分分割割成成一一个个个个的的小小区区域域，在在InternetInternet上上浏浏览览信信息息时时，将将要要加加载载的的较较大大图图片片分割成小图片后，可实现图片的快速加载。分割成小图片后，可实现图片的快速加载。使用切片工具使用切片工具第十章第十章 使用使用Fireworks编辑网页图像编辑网页图像四、层与蒙版四、层与蒙版1 1、层的基本操作、层的
6、基本操作层层把把一一个个FireworksFireworks文文档档分分成成不不连连续续的的平平面面，一一个个文文档档可可以以包包含含很很多多层层，而而每每一一个个层层又又可可以以包包含含很很多多对对象象。在在FireworksFireworks中中，层层面面板板列列出出层层以以及及每每一一层层包包含含的的对对象象。利利用用层层面面板板不不仅仅可可以以合合并并位位图图以以及及合合并并位位图图蒙蒙版版，还还可可以以命命名名、隐隐藏藏、显显示示和和改改变变层层及及对对象象的的层层叠叠顺顺序序，利利用用层层面面板板还可以添加和删除层。还可以添加和删除层。示例：制作网页文字动画效果（示例：制作网页文字
7、动画效果（P377P377）2 2、蒙版的基本操作蒙版的基本操作蒙蒙版版能能够够隐隐藏藏或或显显示示对对象象的的某某些些部部分分，可可以以使使用任何一种蒙版技术使对象具有创造性效果。用任何一种蒙版技术使对象具有创造性效果。示例：制作蒙版遮罩效果（示例：制作蒙版遮罩效果（P379P379）第十章第十章 使用使用Fireworks编辑网页图像编辑网页图像五、制作与优化动画五、制作与优化动画在在FireworksFireworks中中制制作作动动画画的的一一种种方方法法是是通通过过创创建建元元件件并并不不停停地地改改变变它它们们的的属属性性来来造造成成运运动动的的错错觉觉。一一个个元元件件就就像像是
8、是一一个个演演员员，其其动动作作是是由由用用户户设设计计的的。每每个个元元件件的的动动作作储储存存在在一一个个帧帧中中。当按顺序播放所有帧时，就成了动画。当按顺序播放所有帧时，就成了动画。1 1、制作制作GIFGIF动画动画GIFGIF动动画画是是网网页页中中常常用用的的一一种种动动画画文文件件格格式式。它它的体积小，利于网络传输。的体积小，利于网络传输。GIFGIF动动画画能能够够输输出出透透明明背背景景的的图图片片，可可以以应应用用于于各种颜色背景的网页。各种颜色背景的网页。2 2、优化与导出动画、优化与导出动画文件文件/ /导出向导导出向导示例：制作字体遮罩动画（示例：制作字体遮罩动画（P384P384）
