第10课 在作品中插入动画
一、教学内容分析:
本节是四川省教育科学研究所主编的四川省义 ( http: / / www.21cnjy.com )务教育课程改革试验教科书《信息技术》九年级上册第10课《在作品中插入动画》内容,授课时间为1课时。前面学习了Authorware和Photoshop的相关知识。本节内容是新知识的学习,介绍网页制作的“三剑客”,学习Dreamweaver制作网页的软件,重点在网页作品中插入gif和flash动画,扩展学习插入几个flash按钮,让网页更丰富。本课内容相对较难,教师应在课前准备必要的教学素材和半成品,减小教学难度,较好的完成教学任务。
二、学生情况分析:
1.前面我们以Authorware为载体学 ( http: / / www.21cnjy.com )习了多媒体作品的创作方法。在网络时代的今天,“上网”已成为中学生学习、生活的一部分,而在精彩纷呈的网页中,以动画、音乐为信息载体的多媒体扮演着重要的角色,如何让这个角色充分发挥作用,是初三学生要学习的内容。
2.初三学生已经学会Windows、Wor ( http: / / www.21cnjy.com )d、Excel和上网软件,动手能力较强。在Dreamweaver中如何用动画来装扮自己制作的网页,如何让网页更富有吸引力,教师要激发这个年龄段的学生思维,利用学生对许多事物充满了好奇心,富有探索的精神来学习新知识。
三、教学目标:
知识与能力目标:
1.认识Dreamweaver软件;
2.学会在Dreamweaver中插入GIF动画;
3.学习在Dreamweaver中插入Flash动画。
过程与方法目标:
以任务驱动为主线,通为引导 ( http: / / www.21cnjy.com )学生自主探究学习,培养学生良好的学习方法与学习习惯,进行小组竞赛学习,让学生看一看、想一想、练一练,以练为主,亲自实践、积极动脑动手学习新的知识。
情感态度与价值观目标:
通过具体实践,让学生自我展示,自我激励,体验成功,在不断尝试中激发求知欲,在不断摸索中陶冶情操,充分体会学习的乐趣。
四、重点难点:
1.学会在Dreamweaver中插入GIF动画
2.学会在Dreamweaver中插入Flash动画
五、教学方法:
讲授法、任务驱动法、观察法、讨论法、自主学习法、赏识教育法
六、教学时间:一课时
七、教学准备:
硬件设备
『硬件准备』:一间拥有多媒体平台的计算机网络教室。
『软件准备』:电脑装有Windows ( http: / / www.21cnjy.com )XP操作系统、DreamweaverCS3软件、多媒体电子教室、教师制作好的PPT、极域电子教室软件。
软件资源
教学前准备的PPT课件、flash播放器
素材准备:
1、各准备一个gif和flash动画效果的网页作品;
2、两张内容及布局一样,但须插入不同动画的网页;
3、有关峨眉山的相关文字、图片资料及动画等素材库。(为了提高效率,需在课前将素材发送至每台学生机中。)
八、教学过程:
环节 教师活动 学生活动 设计意图
创设情境 用DreamweaverCS3展示 ( http: / / www.21cnjy.com )两个网页作品,在网页制作中除了文字和图片等信息,好的动画也会为网页增色不少,那如何在Dreamweaver中插入动画?来引入新课的学习。 观看DreamweaverCS3制作的作品,欣赏动画给网页增加动感。认识Dreamweaver软件。 欣赏网页作品,重点是动画的作用,提高学生的学习兴趣,激发新的求知欲望
展示目标 明确方向 PPT展示教学课题:在作品中插入动画PPT展示这节课教学内容:1、认识Dreamweaver软件2、学会在Dreamweaver中插入GIF动画。3、学会在Dreamweaver中插入flash动画。 观看PPT幻灯片 让学生明确本课要掌握的知识点,这样学习才更有方向性、目的性
任务驱动学习及探究学习 按学生人数分为五个小组,参加学习竞赛,最后选出竞赛等级。一、学生活动一:请各小组在百度中搜索结果完成P54的活动一 序号:常见动画12……二、认识Dreamweaver软件1、三剑客:PPT展示简单介绍什么是网页制作“三剑客”:是一套强大的网页编辑工具,最初是由Macromedia公司开发出来的。由Dreamweaver ( http: / / www.21cnjy.com" \o "欢迎登陆21世纪教育网" \t "_blank ),Fireworks ( http: / / www.21cnjy.com" \o "欢迎登陆21世纪教育网" \t "_blank ),Flash ( http: / / www.21cnjy.com" \o "欢迎登陆21世纪教育网" \t "_blank )三个软件组成,俗称三剑客 ( http: / / www.21cnjy.com" \o "欢迎登陆21世纪教育网" \t "_blank )。Dreamweaver 是一个用来制作网页文件;Fireworks主要是用于对网页上常用的图形jpg、gif的制作和处理,;Flash主要用来制作网页动画。 三个软件相辅相成,制作出漂亮的网页。2、认识Dreamweaver 软件PPT展示问题:(1)如何启动程序:(2)认识窗口的组成。 分小组进行自主学习和协作学习。抢答说出表格应填内容:GIF、SWF、AVI、LFIC、MOV、QT、VR等 倾听学生阅读P55的10.2中的相关内容,并且打开学生机中的Dreamweaver CS3软件 通过问答的方式进行知识的学习,巩固利用搜索引擎来搜索的相关信息在此环节中,通过阅读法和任务驱动法,可以让学生打开并认识Dreamweaver CS3软件
任务驱动探究学习 三、插入GIF动画例: ( http: / / www.21cnjy.com )在Dreamweaver CS3中插入一个hou.gif的动画。教师演示操作步骤:(1)在打开的窗口中点击“文件”|“保存”|在弹出的对话框建立一个文件夹my web中输入相应的文件名index.html。(2)在my web文件夹下再建立 ( http: / / www.21cnjy.com )一个子文件夹image来存放图片文件,并把要插入网页中的 hou.gif动画文件(文件在scjksja\sucai\hou中)复制到image中。(3)在要插入gif动画的位置单击,再点击插入对象面板上的按钮,选择要插入的hou.gif动画文件,最后单击“确定”按钮。(4)单击插入到Dreamweaver CS3中的hou.gif动画,在下方的属性窗口中相应调整动画的大小(宽度为500,高度为300)。教师把要学生做的素材通过极域电子教室软件分发给学生。学生活动二:1.如果在插入hou.gif 动画前不把动画文件复制到网页文件所在的文件夹my web中,观察会出现什么状况?2.插入hou.gif 动画除了老师介绍的方法外,还可以采用哪一种方法?3.观察网页中插入的hou.gif动画是否在动?怎样让它动起来?老师总结活动二的答案:1.无法播放动画文件(教学中应注意强调,插入动画前应将期保存中图片或动画文件夹内,这是网页制作养成良好习惯的基础。)2.在插入菜单|图像3.不动,要按F12进行预览四、插入FLASH动画1.FLASH动画介绍:是一种矢量动画,它具有动画文件小、效果好并能够实现交互等优点,方便在网络上传输。2.与gif动画的区别:(1)FLASH是矢量图像,图像放大也不会质量下降,而GIF象素图像,放大就会变的模糊不清了(2)FLASH动画可以嵌入音乐、脚本程序等内容,扩展能力极强,GIF则相对单调。(3)FLASH动画容量小,易于网络传输,而gif动画容量更大些,网络传输速度较慢(4)gif图片的后缀名是gif.flash的后缀名是.swf3.学生活动三:请阅读P58-59,并结合刚 ( http: / / www.21cnjy.com )才学习插入gif动画的方法。插入一个flash动画,(素材文件是scsjksja\sucai\hou\hou.swf),并预览效果。4.思考:(1)除了书上提供的方法外,还可以采用哪一种方法?(2)观察网页中插入的flash动画是否在动?怎样让它动起来?四、知识探索:插入面板中的“媒体”按钮下其他几个 flash按钮,它们有什么作用及插入的方法?flash文本:是Dreamweaver CS3中集成的文本动画,可以通过【插入Flash文本】对话框插入。例:在Dreamweaver CS3中插入一个“四川欢迎你”flash文本方法:插入记录|媒体|fl ( http: / / www.21cnjy.com )ash文本,在插入flash文本对话框中输入文本动画的文字“四川欢迎你”,选择字体、大小、颜色及背景色,在另存为中选择保存的位置(scsjksja\my web\flash)。(注意:在保存的位置中不能包含有中文文字),文件名text1.swf。保存好后,按F12预览效果。3、学生活动四:按照插入flash文本的方法,自己动手插入(1) “前进”的flash按钮(素材用Dreamweaver CS3自带的)2、flashPaper(素材用scsjksja\sucai\ omsjs.swf文件)3、flash视频(素材用scsjksja\sucai\ omslyxcp.flv文件),并且探索它们有什么作用?4、教师总结学生在插入flash按钮、flashPaper、flash视频的方法及存在的问题。五、作业:在提供的scsjksja\sucai\my web\gscxs.html网页素材中左上方的表格中插入一个猴的gif 动画,右上方的表格中插入一个云海的flash动画,素材分别在scsjksja\sucai\hou和scsjksja\sucai\yun里。练习做完后上传到教师机中。 观看、倾听学生动手上机操作并思考,抢答这三个问题观看、倾听在学习插入GIF动画的基础上,让学生动手插入FLASH动画学生操作并思考问题先由老师讲解、演示插入flash文本的 ( http: / / www.21cnjy.com )方法,并强调注意事项。再让学生自己动手做插入flash按钮、flashPaper、 flash视频,让网页动画更丰富多彩。举手抽出小组代表演示插入这几个按钮的操作方法并回答问题 通过观看、倾听,学习插入GIF的方法 ( http: / / www.21cnjy.com )对插入GIF动画中要注意的问题,通过学生活动来引起学生的重视和注意,以免在插入GIF动画时出现错误让学生了解 flash和gif动画的区别,并亲手操作体验插入flash动画,让网页增加动感。让学生自己去发现插入flash动画的其它方法通过教师讲和学生的练,让学生进一步学习其他几个flash按钮的使用,从插入flash和gif动画到插入其它几个 flash按钮,让学生多学习插入各种媒体,使网页更漂亮、更富有动感。
实践应用 学生练习完毕后,教师作简单点评,对表现出色的小组评出名次。 学生完成练习 及时肯定他们的学习成果,保持学生的积极性和良好的学习热情。
小结 通过多媒体课件和上机操作练习,要求学生掌握在作品中插入gif和flash动画方法。 及时帮助学生理清学习思路,进一步突出本节课的教学重点,完成教学任务
教学点评:
在PPT课件的第一张幻灯片中的作品 ( http: / / www.21cnjy.com )链接,因是网页,观看第一个网页作品后不能跳转回第一张幻灯片,所以只有把网页最小化,继续欣赏第二个网页作品,再回到PPT课件。教学中所使用的素材和网页半成品都放在scsjksja\sucai文件夹中。
第10课《在作品中插入动画》学习的内容是 ( http: / / www.21cnjy.com )介绍Dreamweaver CS3软件及重点使用Dreamweaver CS3软件在网页作品中插入gif和flash动画,重点在于上机操作练习,所以安排学生动手的活动要多一些。本课中制作的网页作品导入新课,并让学生观察动画部分,使网页增加了动感,从而调动学生的学习兴趣。
教师引导学生自己动手去找出常用动画的 ( http: / / www.21cnjy.com )类型,在学习新知识的同时,复习和巩固旧知识。在Dreamweaver CS3中插入gif和flash动画及相关媒体的学习,教学内容的讲练结合,并通过采用任务驱动的方式,让学生成为教学的主体,体现了新课改的精神。为了使学生更易于让学生理解和接受,有效地突破教学中的难点和重点。在教学过程中,教师准备了相应的教学素材,来降低学习难度;精美的动画、网页半成品和小组活动竞赛,从而提高学生的学习兴趣和积极性,让课堂生动,让知识过手,易于完成教学任务。
从对教材的处理和教学目标的设计来看,通 ( http: / / www.21cnjy.com )过在PPT中展示,让学生对这节课学习的内容一目了然,教师设计的知识与能力目标准确。在实施教学过程时,教师也能紧紧围绕这个核心展开教学,教学有层次感,内容由表及里、由浅入深,思路比较清晰。所安排的教学活动也能较好地服务于这一目标,完成度较好。
准备的教学素材要再贴近学生喜欢的内容,就更易调动学生的兴趣和积极性,更能很好的完成这节课的教学任务。