fireworks教程 第6讲 图像优化导出及页面效果图制作

图像的优化和导出及网页效果图的制作第6讲◇掌握图像的优化◇掌握图像的导出◇掌握网页效果图的制作教学目标◇熟练掌握对不同图像的优化操作（重点、难点）◇熟练掌握图像的导出格式◇熟练掌握网页效果图制作实例（重点）教学重难点1、使用优化面板任务一、优化图像“设置”弹出菜单中预设：①gif网页216②gif接近网页256③gif接近网页128④gif最适合256⑤jpeg-较高品质⑥jpeg-较小文件⑦动画gif接近网页1282、切片优化可以对分割的图象的每一个切片进行不同的优化设定，如可将图象上色彩丰富的部分设置为jpeg格式，色彩单一的部分设置为gif格式。3、JPEG选择压缩JPEG选择压缩可以对图象的不同区域选择不同的压缩比率，在图象比较重要的部分可以选择较高的质量,不太重要的部分可以压缩的大一些。（1）执行“文件/导出”，可直接进行输出仅图像：只输出图像html和图像：可输出html文件和图像任务二、导出图像（2）输出一个区域的图像i.选择工具条上的输出区域工具，在图上画出需要输出的区域范围ii.双击输出区域，在输出预览窗口内调整图象输出的设置iii.按导出按钮即可（3）输出切片执行“文件/导出”“切片”下的选项:无：忽略所有的切片对象，输出成当前格式的整幅图像。导出切片：输出切片包括所有的行为设置。沿辅助线切片：输出切片，但忽略所有该对象的行为设置。如果要只输出选中的一个或几个切片，可以勾选“仅已选切片”（4）输出flash格式i.执行“文件/导出”ii.在保存类型下拉菜单内选择FlashSWFiii.点击导出按钮进行设置（5）导出预览执行“文件/导出预览”设置1、网页的构成一般网页的基本内容包括标题、网站标识图案（LOGO）、页眉、页脚、导航、主体内容、广告栏等。2、网页版式结构·形象页面(多用于网站的形象宣传页面)特点：页面的布局结构自由，页面中以图像或是flash为主，文字较少。偏重设计性。·内容页面（多用于网站的内容页）特点：文字信息多，页面中的图像相对较少，页面按不同的内容划分为多个区域。主要作用是为了传达文字信息。任务三、网页效果图制作“内容页面”的版式一般分为：水平分割、垂直分割、水平垂直分割、变化分割。水平分割：强调的是层次感和精确感，并有助于不同信息的分类。考虑到分割的面积，实行水平不均匀分割。垂直分割：跟水平分割非常相似，将水平分割效果旋转90度就可。水平垂直分割：互相交织构成网状结构，给人一种稳定的感觉。变化分割：在水平分割和垂直分割的基础上，添加斜线和曲线的效果，给人自由、运动、时尚的感觉。3、色彩搭配任务四、实例讲解个人网站：企业网站：通过本讲的学习，掌握图像的优化和导出处理，熟练掌握使用Fireworks创建网页效果图。小结1.上机操作图像的优化2.熟练掌握图像的导出设置3.创建自己的个人主页效果图上机作业