使用Fireworks编辑网页图像.ppt

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