《让网页动起来》教学设计_让网页漂亮起来教案
《让网页动起来》教学设计由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“让网页漂亮起来教案”。
《让网页动起来》教学设计
教材分析：
教材主要是介绍通过在网页中添加字幕与在网页中添加“动态图片”，“更改属性”等DHTML动态效果，让“网页动起来”。通过前面的学习，学生熟悉了教材第一课所列举的网页所有的组成元素，已基本掌握建立一个“静态”网站的方法。本课知识拓宽了网页制作的途径，拓展了之前制作网页的方法，弥补了之前表达网页效果制作手段上的不足。
学情分析：
1、学生在此之前已经会利用ACDSee将彩色图片修改成黑白图片，能熟练地通过word字处理软件进行字体的设置，已学会了制作“静态”网页的操作方法。
2、目前因特网上网页的动态效果应用普遍，学生在平时上网浏览信息时经常接触，对网页的动态效果已经有一定的感性认识，因而，在网页中添加字幕和DHTML动态效果后，网页具有良好的动感，对小学生更具吸引力，学习本课的兴趣将相对较高。
教学目标：
1、知识与技能：在网页中添加字幕，并能对添加的字幕进行设置；在网页中添加DHTML动态效果，并了解其用途和特点。
2、过程与方法：在小组活动中培养学生自我探究、主动学习、自我创新的能力，培养学生如何获取信息、处理信息和应用信息的能力。
3、情感态度价值观：让学生在自主解决问题的过程中培养成就感，为今后学会自主学习打下良好的基础。
教学重难点：
1、教学重点：运用滚动字幕、悬停按钮美化自己的网页
2、教学难点：给网页插入字幕、DHTML动态效果
教学方法：
1、讲授法；
2、演示法；
3、练习法；
4、讨论法；
教学过程：
一、观赏导入，激发兴趣
1、展示已按本课要求制作完成的网页，特意将鼠标悬停在会产生动态效果的图片及文字上，引导学生注意观察，想想网页中哪些元素吸引了自己。
2、请学生谈谈网页中哪些元素吸引了自己。
师：这张网页向我们展示了与前几节课不一样的东西，原本静态的网页多了一些动态的元素，如滚动的字幕、会变化的图片等。揭示课题——让网页动起来。
【设计意图】前几课所学网页中的文字和图片均是“静态”的，因此导入部分展示包含“动态”文字及图片的网页，引起学生的注意，激发其好奇心和求知欲。
二、自主探究，合作交流
1、在网页中添加字幕。
师：网页中常常有一些滚动的文字，我们称之为“字幕”。在网页中添加字幕，如同在网页中插入图片。教师操作演示：（1）打开主页；
（2）将光标移到网页的末尾，执行“插入”-“水平线”命令，插入一条水平线；（3）将插入点光标定位在水平线的下一行；
（4）执行“插入”-“组件”-“字幕”命令，打开“字幕属性”对话框，在“文本”框中输入“欢迎光临笨笨熊之家，请多指教！”，单击“确定”按钮；（5）保存后，预览网页，观察字幕效果。
字幕的字体、字号、颜色、背景等设置操作与WORD的一样。
学生动手操作练习，教师到学生中巡视，帮助困难学生及时解决问题，鼓励完成的学生发挥创造力和想象力，完善作品。
2、在网页中添加DHTML动态效果。
师：所谓DHTML动态效果，就是访问者在浏览网页的文字或图片时，随着单击鼠标或鼠标悬停或加载网页等事件发生，文字或图片就会相应地按设定的效果变化；事件消失，文字或图片恢复原样。教学操作演示：
（1）用图像处理工具将一张图片处理成黑白图效果，并存到主页所在文件夹下的images文件夹中；
（2）打开做好的主页，选中图片；
（3）单击“格式”下拉菜单中的“动态HTML效果”命令，打开“DHTML效果”工具栏；（4）在“DHTML效果”工具栏的“开启”下拉框中，选择“鼠标悬停”事件；（5）在“应用”下拉框中，选择“交换图片”；
（6）在“选择设置”下拉框中，单击“选择图片„„”弹出“图片”对话框；在“图片”对
话框中，选择要交换的图片文件，单击“确定”；（7）保存后，预览网页效果。
学生动手操作练习，教师到学生中巡视，帮助困难学生及时解决问题，鼓励完成的学生发挥创造力和想象力，完善作品。
3、试一试。
编辑“七巧板”主页，实现如下效果：浏览网页时，当鼠标指针悬停在“鲁班锁”或“九连环”或“华容道”文字上，文字变成加粗、倾斜、红色。
【设计意图】让学生阅读教材有助于明确任务，实践后在回过头来理解DHTML动态效果，能够帮助学生更好地掌握知识。
三、交流讨论，归纳总结
1、请同学展示自己已经完成的作品，并说说自己为什么这么设置。对完成得比较好的同学进行鼓励性评价。
2、请学生结合自己本课的操作，说说自己学到了什么？
【设计意图】通过师生交流，帮助学生梳理知识点，通过问题引发学生思考。
板书设计：
让网页动起来
一、在网页中添加字幕
二、在网页中添加DHTML动态效果
教后反思：
经过本课的学习，学生初步掌握了在网页中插入字幕并进行相应设置以及通过“鼠标悬停”等动态效果，体验“网页动起来”后浏览者带来的视觉冲击，感受frontpage网页制作功能的强大，发现原来网站中动态效果的实现也不是很难，激发制作网页的兴趣，调动进一步学习的积极性，为后续课程的学习打下基础。同时，通过教师的引导，探究学习“字幕属性”对话框、“速度属性”的设置于文字“更换属性”设置与动态效果的关系，删除选定对象动态效果的操作方法，体验探究的乐趣，体会交流的重要性。
