第7课 网页的数据组织 教学设计 2024—2025学年浙教版（2023）初中信息技术八年级上册

课时设计 课题 第7课《网页的数据组织》 课型 新授课☑ 复习课□ 练习讲评课□ 其他课□ 班级 八年级 学生数 400 人 授课类型/时长 新课/40分钟 教学内容分析 《网页的数据组织》选自浙江教育出版社2023年出版的初中信息科技八年级上册第二单元《互联网数据》里的第七课。本课内容属于“互联网应用于创新”模块，在本单元的学习中，学生从生活中真实的互联网体验入手，理解互联网中数据编码、传输和呈现的原理，初步掌握使用HTML语言等数字化工具对网页进行编辑和发布，分享数字作品，贡献有价值的数字资源，培养信息意识，发展计算思维。本节课主要内容为了解网页的数据组成，初步掌握HTML文档的基本结构，能够编辑较为简单的HTML网页代码，同时理解超链接的作用，承上启下，也为后面更为复杂的网页设计的学习奠定了基础。 学习者分析 本课的授课对象为八年级学生，作为高段学生已具备一定的认知水平和操作技能，抽象思维也日渐完善，在小学阶段的学习中，学生已对身边的网络应用大环境有了体验和经历，并有一定的编程基础。本课前几章内容的学习也已让学生对互联网应用已有了较为全面的认识，具备了网络搜索，通过互联网进行数字作品创作并分享等操作技能。以上对于学生本课内容的学习都有一定的帮助，但因为课程之间时间较长，本课内容又涉及HTML编写，作为初中以来的第一次程序编写，对于很多学生而言还是存在较多的挑战。需要充分利用学生的好奇心和好胜心，合理设计任务，激发学生学习积极性，做好辅助文档，帮助学生突破重难点。 教学目标 1.通过观察，了解网页的数据组织方式，初步认识HTML语言。 2.探究网页代码，掌握HTML文档的基本结构及标签格式，能简单使用HTML标签优化页面。 3.通过网页编辑实践，理解超链接的作用，感受文档互联、网站互联等带来的便捷，加深对互联网相关技术本质的认识和网络安全的责任感。 教学重点、难点 项 目 内 容 解 决 措 施 重点 掌握HTML文档的基本结构。 难点 理解超链接的作用。 教学方法 以任务驱动和问题引导为主要教学方法，激发学生学习兴趣，培养学生自主探究的学习习惯和意识，结合演示法和讲授法，提高学生对于重难点的突破和知识的掌握。 特色教学资源、技术手段 教学环节 教学资源 教学作用 信息化手段 课前 教材 自主学习 希沃一体机 微课技术 UMU线上学习平台 课内 HTML半成品文件、供参考网址、帮助文件、能上网的计算机 UMU平台 任务驱动 自主探究 教学评一致 学练测一致 教学活动设计 教学 环节 教师活动 学生活动 情境导入 话题引入：你知道网页是如何实现图片呈现的?超链接能链接哪些类型的文件? 参与讨论 设计意图说明: 通过话题引导，激发学生学习兴趣，引出本课课题。 新知讲授 1、 HTML语言 （1） 你知道编写网页的语言吗？ 网页设计常用的编程语言主要是HTML、CSS、JavaScript，其他还有JAVA、PHP、PYTHON、SQL、C/C++语言等。 （二）什么是HTML语言吗？ HTML(HyperText Marked Language) 即超文本标记语言，定义了网页内容的结构和内容。用HTML编写的超文本文件称为HTML文件，HTML文件一般通过浏览器解释执行。在使用浏览器访问网页时，浏览器读取并分析HTML文件中的代码，根据解释的结果呈现网页内容。 （三）查看网页代码 活动一：尝试打开 一个自己熟悉的网站，使用浏览器的“开发人员工具”查看，对比观察网页显示内容和对应的HTML代码。 说说网页语言 了解HTML语言 学会查看网页代码 完成活动一 设计意图说明: 通过自主探究，了解HTML语言的作用，找到网页显示内容和对应的HTML代码。 新知 讲授 2、 HTML标签 （1） HTML文件的基本结构 （2） 代码理解 （3） 教你一招 活动二：根据小组“亚运会”主题网站的制作方案，用HTML语言编写网页首页的代码，尝试插入主题图片，并调试查看网页。 学习HTML标签 理解代码 完成活动二 设计意图说明: 通过初步编辑，了解HTML基本结构及标签，初步掌握本课的重点内容，为接下去的网页编辑设计做好铺垫。 新知 讲授 3、 超链接 （一）什么是超链接？ 超文本链接 (Hypertext Link)简称为超链接，可以实现从一个页面跳转到另一个页面或者跳转到页面的其他位置，实现文档互联、网站互联。在HTML文档中，链接元素可以是文本、图片等。 （2） 超链接的标签 建立超链接的标签为<a></a>, href属性的作用是设置链接的位置，是<a></a>标签必不可少的。 （3） 超链接的标签 活动三：设置超链接 认识超链接 完成活动三 设计意图说明: 超链接实现了网页的跳转，使得文档、网站互联，学生通过超链接标签的设置，体会网页互联后的强大，提升学生对自主可控技术重要性的认识。 总结 在本节课中你学到了什么？ 引导让学生讨论，并小组为单位总结今天网页设计项目的完成情况，归纳完成过程中所学到的知识和处理过程。 学生回答 设计意图说明: 小组回顾、反思、总结学习过程，提高信息社会责任意识，通过其他优秀网站的源代码查看，激发好奇心，为夏一节课的内容学习做好铺垫。 作业与拓展学习设计 1. 在 一 个HTML 文档中，用来表示网页名称的标签是 和 , 表 示 网 页 主 体 内 容 的 标 签 是 和 。 2. 尝试在网页中加入背景图片。 板书设计 学科网（北京）股份有限公司 $$