让网页动起来_第1页
让网页动起来_第2页
让网页动起来_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论