使用Fireworks 8处理网页图像.docVIP

第十章 使用Fireworks 8处理网页图像　　 课题：如何使用Fireworks8　　　 一、教学基本内容　　 1、Fireworks8的工作环境　　 2、创建图像　 3、优化图像　 二、课型：新授课　　　 三、课时：2个课时　 四、教学重点与难点　　 重点：Fireworks8的工作环境　　　 难点：Fireworks8的使用　 五、教学目的　　 掌握Fireworks8的使用方法，会修改图像。　　　 六、教学过程　　　 1、引入　　 因为本班学生都学过了Photoshop这一软个，因些可以用Photoshop与Fireworks8进行比较，以此引入这一课题。　　 2、讲授新课　　 （1）介绍Fireworks8这一软件的相关知识，熟悉其工作环境。　 （2）Fireworks 8的工作流程　　 Fireworks 8可以在矢量图模式和位图模式下进行图像编辑。在矢量模式下，绘制和编辑的是路径（线段和曲线）；在位图模式下，编辑的是像素点。　　 （3）常用的操作　 如何使用Fireworks 8真正设置图像尺寸大小。具体操作步骤如下：　　　 （01）在Fireworks 8中打开需要设置大小的图像，如图16-2所示。　　　 （02）在文档窗口的主菜单中选择“修改”|“画布”|“图像大小”选项，弹出 “图像大小“对话框　　　 （03）根据所需要的图像尺寸，在“像素尺寸”选项区域中输入宽度和高度值，单击“确定”按钮便完成了图像尺寸大小的设置。　 （04）当完成了大小设置后，可对该图像文件进行保存。　 七、作业处理　　　 根据16.4案例实训，做一个网标志。　 八、教学方法　　　 所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。　 　　　 课题：制作网页动画　　 一、教学基本内容　　　 网页动画　　　 二、课型：新授课　 三、课时：2个课时　 四、教学重点与难点　 重点：Fireworks8的使用　 难点：动画的制作　　 五、教学目的　　 掌握Fireworks8的使用方法，制作网页动画。　 六、教学过程　　　 制作步骤：　 （01）启动Fireworks 8软件。选择“文件”|“新建”选项，弹出“新建文档”对话框。在“新建文档”对话框中设置新建一个“宽度”为100像素，“高度”为100像素，“分辨率”为72像素/英寸，“画布颜色”设置为透明的文档。　 （02）在面板组中选择“帧”面板，如果“帧”面板未被打开，按Shift+F2组合键也可打开“帧”面板。连续单击“帧”面板右下角中的“新建/重制帧”按钮 ，新建3个帧。　　 （03）添加帧图片。在“帧”面板中选中“帧1”，选择“文件”|“导入”选项，弹出“导入文档”对话框，选择“图片1.gif”图片，单击“打开”按钮，此时光标变为 形状，在新建的文档中单击，导入“图片1.gif ”图片。　　 （04）重复步骤3的操作，分别在“帧2”中导入“图片2.gif ”图片，在“帧3”中导入“图片3.gif ”图片。　 （05）设置导出动画格式。选择“文件”|“导出向导”选项，弹出“导出向导”对话框，。　 （06）单击“继续”按钮，在之后的对话框中选择“GIF动画”单选按钮。　　　 （07）单击“继续”按钮，弹出“图像预览”对话框。选择“动画”选项卡，并选中“永久”循环动画的循环方式。　　 （08）单击“导出”按钮，保存动画。　 七、作业处理　　 在自己的网页中添加一幅动画。　　 八、教学方法　　 所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。