教案8GIF动画和横幅广告制作演示网站(4页).docVIP

网页基础 第 课时教案 月 日 第 周 星期 课 题 GIF动画制作过程演示（使用ANIMAGIC GIF软件）+横幅广告制作演示综合网页 课型 新授 教时 2节 教学目的 学习GIF动画制作方法并将过程制作成演示网页 教学重点 熟练掌握简单GIF动画的制作方法 课 前 准 备 图片 准备 教学难点 理解和美化演示性网页 教学环节 教学过程 教师 活动 学生 活动 复 习 引 入 1、浏览学生对“绿色世界”网页的掌握程度。和完成情况。 2、请学生说出“绿色世界”网页的重点制作技巧。 3、指出部分学生作品的缺点并提出改进方法。 提问 演示 回答 理解 教学环节 教学过程 教师活动 学生活动 授 课 一、用动画工厂（ANIMAGIC32）制作GIF动画的方法： 1、首先找到打开该软件的快捷方式或可执行文件打开该应用软件； 2、点击“文件”菜单中的“添加帧”，然后找到你需要放在动画的第一张的图片， 3、再多次点击“文件”菜单中的“添加帧”，然后分别找到你需要放在后面的几张图片； 4、点击“动画”菜单中的“播放速度”命令； 5、在弹出的“帧频”菜单上点击“全部选择”，然后再把“重复”次数设置为5以上的数值，点击确定。 6、选定相应的已经添加的帧，再点击“特效”菜单，就可设置更换动画帧时的过渡效果了。 7、保存GIF动画时要点击“另存为”，然后选择合适的文件路径，自定义一个形象易记的文件名就OK了。 二、制作要求：建立目录结构D:\GIF动画和横幅广告\IMAGES， A\以现有的图片为素材，用动画工厂制作成GIF动画，保存为“biaozhi.gif”文件； （1）图片大小必须相同； （2）设置“动画播放速度”时要先在“帧频”菜单上点击“全部选择”，然后再把“重复”次数设置为5以上的数值，再点击确定。 操作 演示 指导 学生 操作 制作时应明确其他软件的辅助作用 观察 记录 上机 实践 理解生成的网站结构。 教学环节 教学过程 教师 活动 学生 活动 授 课 （3）保存GIF动画时要点击“另存为”，然后选择合适的文件路径和自定义一个易记的文件名就行了。 B\用FP2000制作“index.htm”，网页中图片素材同上； C\将“biaozhi.gif”插入“hengfu.htm”，略作文字说明，对比2种效果。 D\并将制作GIF动画和横幅广告的过程的屏幕分别逐步拷贝下来， （制作GIF动画拷贝屏幕后的文件名：1open.JPG/2addPAGE.JPG/3select.JPG/4donghuaSPEED.JPG/5canshu.JPG/6SAVE.JPG） E\并稍作处理，去除图片多余部分，保存为BMP图片再转换为JPG格式，将它们制作到网页中， F\更换网页图片，再加上每个制作步骤的解释性的语句，设置一定的背景色， G\制作可进可退的超级链接。以便能方便的返回选择页面。例如制作“第一步/第二步/第三步/第四步/第五步/第六步/作品”超链接。 H、最后制作2个演示的作品展示网页，再将GIF动画与横幅广告与DHTML效果中的“交换图片”效果进行对比，写出不同处，生成网页。 演示 巡回 检查 纠错 实践 制作 理解 修改 总结 制作中注意点： 制作出来的GIF动画大小应精简。 2、演示网页中的图片大小应以看清、有效为好坏的判断标准，颜色应以舒适、清晰为判断标准。 总结 强调 理解 记忆 课后作业 抄写本课制作方法并理解其操作过程。 教后札记 发现学生在制作中出现如下问题： 制作速度提高不大。 演示图片大小太小，看不清图片内容 对网页的解释语句不够通俗和清晰。