第二单元第6课《互联网应用中的数据》教学设计 2023—2024学年浙教版（2023）初中信息技术八年级上册

《网页的数据组织》教学设计 教材分析 本课是2023年浙江教育出版社初中信息技术第二单元《互联网数据》第六课，教学内容包括认识HTML语言，HTML文档的基本结构及编辑HTML网页代码。本课对应新课标中的《互联网应用与创新》模块中的“互联网基本原理与功能”部分，是在前一课学生了解常用互联网应用中的数据构成及数据传输的原理之后，进一步学习HTML语言，选择适当的数字化工具对网页中的数据进行组织，为后续网页的编辑和发布做好知识铺垫。 学情分析 本课的学习对象是八年级学生，该年段的学生在日常学习与生活中已经能够熟练使用各种浏览器查看网页，对于网页的编辑有着浓厚的学习兴趣。但是对于网页背后的数据组织原理还没有深入的认识，需要教师进一步进行引导学习。同时，该年段的学生已经具备使用数字化资源进行自主学习和探究的能力，为本课的学习提供有效的保障。 教学目标  1.通过观察和探究网页代码，认识HTML语言，掌握HTML文档的基本结构，能初步编辑 HTML网页代码。2.在浏览网页的过程中，能理解超链接的作用，并掌握超链接标签的书写格式。3.在完成《千年古邑 山海平阳》网站首页的过程中，进一步掌握常用标签的使用。 核心素养目标： 1.通过对导学单等学习支架的自主学习，提升学生的数字化学习能力。2.通过对制作网站首页任务的问题拆解、分析，培养学生的信息意识和计算思维。3.通过学生用信息化的手段宣传自己的家乡，提升学生的信息社会责任意识。 教学重难点 教学重点：HTML文档的基本结构、超链接标签的使用。 教学难点：超链接标签的使用。 教学过程 环节一：项目导入，引出课题 学习内容：本单元项目前期准备结果展示，本课项目任务布置。 学生活动：欣赏项目导入视频《千年古邑 山海平阳》，感受家乡之美。 学习指导：讲解项目背景，前期网站的规划、准备的数据。 关键问题：这么多不同类型的数据，我们如何将他们组织成网页呢？ 设计意图 通过欣赏平阳建县1740年的宣传视频，引起学生对家乡的热爱之情，在学生生活的真实情境中提出本单元项目（制作《千年古邑 山海平阳》宣传网站），通过展示前期做好的准备工作，从而引出本课的项目子任务是要完成网站首页的制作，引出课题。 环节二：探究学习，认识HTML 学习内容： 1.认识HTML语言。2.掌握HTML文档的基本结构。 学生活动： 1.通过观察百度首页面的源代码，了解HTML语言和初步认识HTML标签。2.通过对比HTML代码和生成的网页效果图，了解HTML文档的基本结构。3.通过对给定HTML代码的补充和纠正，掌握HTML文档的基本结构及书写要求。 学习指导： 1.引导学生观察百度首页面的源代码中，出现次数最多的“<  >”，讲解标签的作用。2.讲解网页的组成，以图解的形式将网页的结构对比HTML文档的基本结构，让学生掌握四对标签所对应的网页的位置，理解HTML中代码书写缩进的重要性。3.个别指导学生完成对HTML代码的完善和纠错。 关键问题： 1.百度首页的代码是用什么语言编写的？ 2.什么是HTML语言？ 3.HTML标签的作用是什么？ 设计意图 通过展示学生熟悉的“百度”首页的源代码，让学生明白HTML语言是的编写网页的基础，以及浏览器是对HTML代码的解释执行最终呈现网页内容。通过学生对代码的观察，初步了解标签是组成HTML文档的基本要素。以图解的形式加强学生对网页的构成以及HTML文档的基本构成的学习。让学生在观察中发现、总结，培养学生的信息素养。 环节三：需求分析，巩固学习HTML标签 学习内容：通过添加更多标签来美化页面，来学习常用标签<center><font>的使用。 学生活动：通过对上环节完成的网页观察分析，总结出页面需要优化的几点，通过自主学习导学单和课本内容，完成对页面内容的居中显示和字体设计。 学习指导：引导分析页面中哪些地方需要优化，并且引导学生学习HTML常用的标签。 关键问题： 1.你觉得现在这个页面存在什么问题呢？我们需要如何解决？ 2.<center>标签如何使用？ 设计意图 通过引导学生对页面存在的问题分析，得出页面的显示上居左并且主题文字不突出等问题，让学生通过学习对课本中提供的常用的HTML标签的作用，选择对应的标签，并且尝试在HTML文档中通过添加标签及修改标签属性等方法完成对页面的美化。在学生的需求分析、解决问题的过程中，进一步培养学生的计算思维及数字化学习与创新能力。 环节四：动手实践，实现超链接 学习内容： 1.超链接的作用及要素。2.超链接标签<a>的格式书写。3.为“千年古邑 山海平阳”网站的导航栏中栏目内容建立超链接，链接位置为对应的分栏目网页页面。 学生活动： 1.观察范例网站中数据间的关联实现，总结出超链接的作用。2.根据两组超链接的示意图，说出超链接的组成要素：链接