9动感网页
1教学目标
1、制作DHTML动态图片切换效果和流动字幕。
2、能为网页设置背景音乐。
3、学会在网页中插入FLASH影片。
2学情分析
上课班级为本校五年2班学生,学生基础知识较为扎实,大部分学生上课积极主动,但部分学生打字比较慢。
3重点难点
[教学重点]:
DHTML动态效果、字幕、设置背景音乐,插入FLASH影片。
[教学难点]:
制作DHTML动态图片切换效果。
4教学过程
4.1第一学时
4.1.1教学活动
活动1【导入】
导入
邓紫棋多高
1、师出示事先做好的动感网页。
让学生说说和以前几节课做的网页有什么不同、好在哪里?
2、师:
制作网页时,我们可以通过插入GIF格式动画、FLASH影片、背景音乐或DHTML 的设置动画效果,让网页更生动
分手歌
3揭示板书课题。
师提出学习要求:
同桌合作学习完成本节课学习任务。
活动2【讲授】二
、学习新知
1、学习DHTML动态图片切换效果:
①师简介“动感网页”与动态网页之间的区别。
②师演示讲解设置DHTML图片动态切换效果:
插入ho.gif动画图片→右击工具栏,打开“DHTML效果”工具栏→单击选中ho.gif 图片→在效果列表框单击选择“鼠标悬停”→在选择设置列表框选择“选择图片”→在桌面选择“天使.gif”文件,单击“打开”按钮→预览效果。
③学生同桌合作完成设置,师巡视指导。越剧红楼梦下载
2、学习设置背景音乐:
往后余生歌词
①课件出示任务:
男人帮片尾曲谁唱的自学52页的内容,学习设置网页背景音乐的方法。
②指名演示设置背景音乐,师补充说明,师生共同评价。
3、学习制作“Web组件”字幕:
①课件出示任务:自学51页-52页的内容,同桌合作学习制作“跑马灯”效果的字幕(向学生强调有多种和老师不同的文字效果)。
②学生自学后上机操作,师巡视检查,指导学生有效合作。
③展示学生不同的创作效果,集体点评。
活动3【练习】
三、拓展创新
1、激励学生,提出挑战。
爱你爱到无路可退
2、课件出示任务:自学53页内容,然后同桌合作,根据书上的操作要求,尝试在网页中插入“七巧板.swf”FLASH影片,并预览效果。
3、学生自学后上机操作,师巡视检查,指导学生有效合作。
4、展示部分学生作品,引导学生点评。
活动4【作业】
四、总结评价
1、引导学生谈收获(从合作方面、遇到什么问题如何解决等方面)。
2、老师总结本节课学习的知识要点,表扬学生。
活动5【创新】
五、创新活动
新建一个介绍班级动态的网页,展示丰富多彩的班级生活(如班级活动、学校少年
宫活动等),并让网页初具动感。