《让网页动起来》由会员分享,可在线阅读,更多相关《让网页动起来(3页珍藏版)》请在金锄头文库上搜索。
1、安边中学 八 年级 第二 学期信息技术学科导学稿 执笔人张艳霞总第 1 课时备课组长签字: 包级领导签字: 学生: 上课时间:第十四周 集体备课个人空间一、 课题:让网页动起来 二、 教学目标: 1、知识与技能:在网页中添加字幕,并能对添加的字幕进行设置;在网页中添加DHTML动态效果,并了解其用途和特点。 2、过程与方法:在小组活动中培养学生自我探究、主动学习、自我创新的能力,培养学生如何获取信息、处理信息和应用信息的能力。 3、情感态度价值观:让学生在自主解决问题的过程中培养成就感,为今后学会自主学习打下良好的基础。三、教学过程【温故知新】1、展示已按本课要求制作完成的网页,特意将鼠标悬停
2、在会产生动态效果的图片及文字上,引导学生注意观察,想想网页中哪些元素吸引了自己。 2、请学生谈谈网页中哪些元素吸引了自己。【导学释疑】1、在网页中添加字幕。 师:网页中常常有一些滚动的文字,我们称之为“字幕”。在网页中添加字幕,如同在网页中插入图片。 教师操作演示: (1)打开主页; (2)将光标移到网页的末尾,执行“插入”-“水平线”命令,插入一条水平线; (3)将插入点光标定位在水平线的下一行; (4)执行“插入”-“组件”-“字幕”命令,打开“字幕属性”对话框,在“文本”框中输入“欢迎光临笨笨熊之家,请多指教!”,单击“确定”按钮; (5)保存后,预览网页,观察字幕效果。字幕的字体、字号
3、、颜色、背景等设置操作与WORD的一样。 学生动手操作练习,教师到学生中巡视,帮助困难学生及时解决问题,鼓励完成的学生发挥创造力和想象力,完善作品。 2、在网页中添加DHTML动态效果。 师:所谓DHTML动态效果,就是访问者在浏览网页的文字或图片时,随着单击鼠标或鼠标悬停或加载网页等事件发生,文字或图片就会相应地按设定的效果变化;事件消失,文字或图片恢复原样。 教学操作演示: (1)用图像处理工具将一张图片处理成黑白图效果,并存到主页所在文件夹下的images文件夹中; (2)打开做好的主页,选中图片; (3)单击“格式”下拉菜单中的“动态HTML效果”命令,打开“DHTML效果”工具栏; (4)在“DHTML效果”工具栏的“开启”下拉框中,选择“鼠标悬停”事件; (5)在“应用”下拉框中,选择“交换图片”; (6)在“选择设置”下拉框中,单击“选择图片”弹出“图片”对话框;在“图片”对【巩固提升】1、请同学展示自己已经完成的作品,并说说自己为什么这么设置。对完成得比较好的同学进行鼓励性评价。 2、请学生结合自己本课的操作,说说自己学到了什么?【检测反馈】1. 说一说网页过度效果设置的前后区别?2. 如何取消我们的图片,文字上所设置的动态效果?反思栏- 3 -