中小学教育资源及组卷应用平台 《网页的数据组织》教学设计 一、学习内容分析 《网页的数据组织》是浙江教育-出卷网-《信息科技》八年级上册第二单元第7课。教学内容包括认识HTML语言，HTML文档的基本结构及编辑HTML网页代码。 本课对应新课标中的《互联网应用与创新》模块中的“互联网基本原理与功能”部分，是在前一课学生了解常用互联网应用中的数据构成及数据传输的原理之后，进一步学习HTML语言，选择适当的数字化工具对网页中的数据进行组织，为后续网页的编辑和发布做好知识铺垫。 二、学情分析 本课的学习对象是八年级学生，该年段的学生在日常学习与生活中已经能够熟练使用各种浏览器查看网页，对于网页的编辑有着浓厚的学习兴趣。但是对于网页背后的数据组织原理还没有深入的认识，需要教师进一步进行引导学习。同时，该年段的学生已经具备使用数字化资源进行自主学习和探究的能力，为本课的学习提供有效的保障。 学习目标 教学目标 核心素养指向 1.通过观察和探究网页代码，认识HTML语言，掌握HTML文档的基本结构，能初步编辑 HTML网页代码。2.在浏览网页的过程中，能理解超链接的作用，并掌握超链接标签的书写格式。3.在完成《人工智能》网站首页的过程中，进一步掌握常用标签的使用。 【计算思维】通过对制作网站首页任务的问题拆解、分析，培养学生的信息意识和计算思维。【数字化学习与创新】通过对导学单等学习支架的自主学习，提升学生的数字化学习能力。 四、教学重难点 教学重点：HTML文档的基本结构、超链接标签的使用。 教学难点：超链接标签的使用。 五、课前准备 学习资源：学习单、资源包（图片、半成品网页文档、颜色图） 设计思路 问题链： 1.这么多不同类型的数据，我们如何将他们组织成网页呢？ 2.国家博物馆首页的代码是用什么语言编写的？ 3.HTML标签的作用是什么？ 4.什么是超链接？它的作用是什么？ 5.一组超链接里包含什么？链接元素可以是哪些类型的数据呢？ 6.作品中还有哪些需要完善的？ 七、学习过程 （一）复习回顾，引出主题 教学内容与活动 设计意图 本单元项目前期准备结果展示，本课项目任务布置。展示同学们网页设计稿和相应资料。提问：这么多不同类型的数据，我们如何将他们组织成网页呢？ 通过展示前期做好的准备工作，从而引出本课的项目子任务是要完成网站首页的制作，引出课题。 （二）探究学习，动手实践 教学内容与活动 设计意图 1.活动一：完成学案中的猜一猜和验一验活动。了解HTML语言和初步认识HTML标签。通过对比HTML代码和生成的网页效果图，了解HTML文档的基本结构。通过修改网页HTML代码，掌握HTML文档的基本结构及书写要求。观看视频，师生小结HTML基本结构。2.活动二：根据学案和半成品文档完成“人工智能”主题网站的首页。通过对上环节完成的网页观察分析，总结出页面需要优化的几点，通过自主学习导学单和课本内容，完成对页面内容的页面背景修改和图片添加。教师小结典型问题。观察范例网站中数据间的关联实现，总结出超链接的作用。根据两组超链接的示意图，说出超链接的组成要素：链接元素、链接位置；并且说出链接元素的类型。动手实践，建立超链接。反馈交流：小结主要问题。 通过展示“国家博物馆网页”和学生熟悉的“百度”首页的源代码，让学生明白HTML语言是的编写网页的基础，以及浏览器是对HTML代码的解释执行最终呈现网页内容。通过学生对代码的观察，初步了解标签是组成HTML文档的基本要素。以图解的形式加强学生对网页的构成以及HTML文档的基本构成的学习。让学生在观察中发现、总结，培养学生的信息素养。通过对范例网站中不同类型数据的超链接实现，帮助学生理解超链接的相关知识，并且通过教师对比超链接两个要素，讲解超链接标签
的格式 ... ... 
