《让网页动起来》由会员分享，可在线阅读，更多相关《让网页动起来（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 -
