第16课_探秘网页与代码 第1课时 教学设计 人教版初中信息科技七年级全一册.docxVIP

第16课探秘网页与代码教学设计

课时一：网页与HTML代码的对应关系

一、教学目标

核心素养目标

信息意识：结合校园科技节网页浏览场景，感知网页背后HTML代码的支撑作用，建立“网页呈现效果与代码一一对应”的认知，提升对网页构成的主动探究意识。

计算思维：通过浏览器开发工具观察代码、对比网页与代码的关联，梳理“网页元素→对应代码标签”的匹配逻辑，提升从直观效果逆向推导技术原理的推理能力。

数字化学习与创新：借助浏览器“开发人员”工具和记事本软件，完成代码观察、标签识别等任务，通过小组协作总结常用标签的作用，提升数字化工具的应用与归纳能力。

信息社会责任：在代码观察和尝试修改过程中，遵守网页使用规范，不随意篡改公共网页代码，树立尊重网页创作者知识产权的责任意识。

具体目标

能准确说出HTML的全称及核心作用，明确“网页由HTML代码构成，浏览器解析代码呈现效果”的基本逻辑，完成网页与代码关系认知表。

能熟练调出浏览器“开发人员”工具，定位网页中标题、图片、超链接等元素对应的HTML代码，准确识别title、h1、img、a等常用标签。

能通过“猜测-验证”的方式，初步判断常用标签的作用，总结“大部分标签成对出现”的基本规律，完成标签作用猜想记录表。

能结合校园场景，举例说明网页中不同元素对应的代码标签，形成对网页构成的基础认知。

二、教学重难点

重点：HTML的核心概念及作用；