课题名称 互联网数据———网页的数据组织 备课教师 评课教师 年级 课时 1 教学目标 1. 通过观察和探究网页代码,认识HTML语言,掌握HTML文档的基本结构,能初步编辑HTML网页代码。 2. 在浏览网页的过程中,能理解超链接的作用。 教学重点 掌握HTML文档的基本结构。 教学难点 理解超链接的作用。 教学过程 备注 “导”(6分钟) 回顾上节课的人工智能网页设计方案,让学生用浏览器打开下发的HTML半成品文档查看。思考如何完善半成品网页,实现组织有序且包含丰富文本、图像、视频等内容的网页。引出HTML语言,提出今天要完成的小项目:初步搭建人工智能首页。 “思”(12分钟) 在刚才打开的半成品网页中按F12,引导学生观察网页显示内容和对应的HTML代码。结合书本P33页内容,鼓励学生自主观察和探究,寻找HTML标签与网页对应的内容。 活动一:引导学生阅读P34页HTML标签,让学生用文本打开HTML,尝试修改网页的标题为“人工智能主题网站”(仅文字),内容为“走进人工智能”(标签加文字) 教师小结HTML结构和标签概念。 活动二:小组合作,讨论提出网页网页优化方案,并选择其中现阶段可行的内容进行修改。教师汇总方案,由浅入深优化网页。并对图片地址进行提示说明。 展示学生作品,并做评价,讲解并展示其他标签。 “议”(7分钟) 添加超链接,完善网页功能 一张网页无论我们怎么去丰富完善,总有其局限性,询问学生如何扩展网页的功能?引出超链接引导学生通过自主探究了解超链接标签的格式,小组合作在代码的8,9行添加链接元素“发展”“历史”,链接到相应的文档。 提升:在第10行添加链接元素“搜索”,链接到百度网页。 建立超链接的标签为
, href属性的作用是设置链接的位置,是
标签必不可少的。 “展”(7分钟) 1.展示学生作品,提示超链接标签的格式及要点,对链接位置进行说明。让学生修改后进行编辑,让学生描述编辑过程,想法,以及对超链接的认识和意义. 2.教师对勇于展示的同学进行鼓励,并鼓励其他学生质疑、挑战、纠错、补充。 3.师生共同总结不同学习需求,选择不同在线学习平台。加深学生对不同在线学习方式的特征的了解,能够区别借助不同学习平台的进行在线学习的方式的不同,从而能够在不同学习情景下,依据个人学习需求选择适宜的学习方式,从而提高学习效率。 五、“评”(8分钟) 1.引导让学生讨论,并小组为单位总结今天网页设计项目的完成情况,归纳完成过程中所学到的知识和处理过程。 2.教师总结今日内容。提出网页安全防护、网页内容遵守相关法律法规,网页的自主可控等信息社会责任。 3.打开电子科技博物馆网站,按F12查看HTML代码,思考讨论如何让网页内容实现更好的显示效果,引出CSS等概念。 六、“练”(5分钟) 1. 在 一 个HTML 文档中,用来表示网页名称的标签是_____ 和_____ , 表 示 网 页 主 体 内 容 的 标 签 是_____和_____。 2. 尝试在网页中加入背景图片。 教学板书 教学反思 学生第一次接触HTML,编写时的缩进等文档基本结构,以及标签所涉及的英文单词、符号、位置等,对于学生而言还是存在一定难度。超链接格式中的链接位置因链接对象不同而不同,对于学生而言需要进行仔细的辨别和适当的处理。 ... ...