第16课 探秘网页与代码 课件 2025-2026学年人教版初中信息科技七年级全一册
2026-05-19
|
13页
|
104人阅读
|
0人下载
普通
资源信息
| 学段 | 初中 |
|---|---|
| 学科 | 信息科技 |
| 教材版本 | 初中信息科技人教版七年级全一册 |
| 年级 | 七年级 |
| 章节 | 第16课 探秘网页与代码 |
| 类型 | 课件 |
| 知识点 | - |
| 使用场景 | 同步教学-新授课 |
| 学年 | 2026-2027 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | PPTX |
| 文件大小 | 11.41 MB |
| 发布时间 | 2026-05-19 |
| 更新时间 | 2026-05-19 |
| 作者 | 安延玲 |
| 品牌系列 | - |
| 审核时间 | 2026-05-19 |
| 下载链接 | https://m.zxxk.com/soft/57942511.html |
| 价格 | 0.50储值（1储值=1元） |
| 来源 | 学科网 |
摘要：
该初中信息科技课件聚焦网页与HTML代码的关系及浏览器显示网页的过程，通过浏览器与记事本打开“科技节”网页文件的对比操作导入，引导学生发现网页由代码描述，再通过查看代码对应关系、修改代码实践、图像显示方法探究等学习支架，构建知识脉络。
其亮点是以实践探究为核心，借助开发人员工具分析HTML标签成对与单个出现的规律（计算思维），修改“3D打印.html”标题和添加介绍内容（数字化学习与创新），对比文件路径与数据编码显示图像的差异（信息意识）。采用“观察-操作-对比”学科教学方法，帮助学生直观理解代码作用，提升动手能力，教师可依托实例高效开展教学。
内容正文：
第16课 探秘网页与代码
第四单元：校园活动线上展
浏览科技节相关网页，观察网页信息
先后使用浏览器、记事本两种工具打开“科技节”文件夹中的网页文件，观察并记录：
网页是通过许多__________来描述的。
代码
活动一：
网页与HTML代码
实践探究1：查看网页与HTML代码的关系
调出浏览器的“”开发人员工具
实践探究1：查看网页与HTML代码的对应关系
（1）HTML语言中用于标记内容、表格等的代码符号大部分是__________出现的，
也有的是_________出现的。（从“成对”、“单个”中选词填入）
（2）完成代码符号与作用之间的连线。
阅读HTML代码，判断右图中哪一个是这段代码对应的网页效果？为什么？
HTML代码片段
<html>
<body>
<p>热爱</p>
<p>祖国</p>
<body>
<html>
我爱祖国
我爱
祖国
网页效果1
网页效果2
活动二：
显示网页过程
实践探究2：根据要求修改网页代码并观察网页效果
用《记事本》软件打开“3D打印.html”网页文件，尝试修改网页中的代码并保存，然后用浏览器打开修改后的网页文件，观察网页效果
修改要求 修改记录
1、修改网页标题为“校园科技节体验项目”
2、在图片的下面增加图像说明“3D打印示意图”
实验探究3：用不同的方法在网页中显示笑脸图
方法一：修改“显示笑脸图.html”网页，让它显示计算机中图像文件001.png.浏览网页，观察显示结果
方法二：运行《图像编码转化器》软件，选择图像文件001.png后进行编码转化，然后运行结果替换“显示笑脸图.html”网页中的<img>标签。确保网页所在文件夹中没有图像文件001.png后，浏览网页，观察显示效果。
实验探究3：用不同的方法在网页中显示笑脸图
显示方法 任务记录
使用文件路径 需要图像文件 不需要图像文件
使用图像数据编码 需要图像文件 不需要图像文件
$
资源预览图
1
2
3
4
5
6
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。