第16课 探秘网页与代码导学案 2025-2026学年人教版初中信息科技七年级全一册
2026-01-04
|
3页
|
637人阅读
|
210人下载
普通
资源信息
| 学段 | 初中 |
|---|---|
| 学科 | 信息科技 |
| 教材版本 | 初中信息科技人教版七年级全一册 |
| 年级 | 七年级 |
| 章节 | 第16课 探秘网页与代码 |
| 类型 | 学案-导学案 |
| 知识点 | - |
| 使用场景 | 同步教学-新授课 |
| 学年 | 2026-2027 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | DOCX |
| 文件大小 | 143 KB |
| 发布时间 | 2026-01-04 |
| 更新时间 | 2026-01-04 |
| 作者 | 星河vvv |
| 品牌系列 | - |
| 审核时间 | 2026-01-04 |
| 下载链接 | https://m.zxxk.com/soft/55767325.html |
| 价格 | 0.00储值（1储值=1元） |
| 来源 | 学科网 |
摘要：
该初中信息科技导学案围绕HTML语言展开，引导学生了解网页与代码的对应关系，初步认识常用HTML标签作用，通过修改代码制作简单网页。课堂导入通过修改文件后缀名（txt改html）让学生直观感受代码生成网页的过程，搭建从文本到网页的认知支架，引导探究标签与页面元素的对应关系。
特色在于以“做中学”为主线，小组合作观察代码与网页对应培养计算思维，利用在线编辑器动手修改代码提升数字化学习与创新能力，结合标签作用表格填写和在线测试强化信息意识，让学生在实践中理解标签功能，激发自主探究兴趣，适合初中课堂高效教学。
内容正文：
第16课 探秘网页与代码 导学案
班级_________ 姓名_________
学习目标
1．了解网页与代码之间的对应关系。
2．初步认识HTML语言，知道常用标签的作用。
3．学会通过修改代码制作自己的第一个网页。
重难点
知道常用标签的作用
修改代码并保存
自主学习
师： 同学们，今天老师和大家初次见面，先给大家自我介绍一下，请同学们打开老师发给大家的“操作素材”文件夹，找到里面的文本文件“附件1自我介绍.txt”双击打开它，就能看到老师的自我介绍了，件同学们看出了什么信息。
生：看到一些文字，更多的是一些符号和字母。
师：这个自我介绍看起来不是很直观，能得到的信息也不是很全，但是作为大家的信息科技教师，事情肯定不会这么简单，接下来请大家关闭 “附件1自我介绍.txt”文件，将文件重命名为“附件1自我介绍.html”，这时候再双击打开它看看有什么变化。
生：这下看着直观多了。
师：我们没有修改文件里面的任何内容只改了文件的后缀名就发生了如此大的变化，到底发生了什么，你们想不想也拥有这样的自我介绍呢，接下来我们一起走进今天的课程“探秘网页与代码”。
合作探究
【学习活动1】
活动目的：了解网页与代码之间的关系和常用标签的作用。
活动条件：可联网的计算机、自我介绍网页。
活动步骤：
步骤1：打开网页：在浏览器中打开“附件1自我介绍..html”网页。
步骤2：查看代码：调出浏览器的“开发人员”工具，查看网页的HTML代码。
步骤3：初步观察：观察页面代码，记录网页上不同区域（如标题、段落、图片等）对应的HTML标签。
步骤4：以小组的形式先仔细观察代码和网页，然后再把鼠标光标放到代码各个位置对比网页和代码的关系，猜测每个标签的作用并完成导学案中表格1-1的填写。
活动记录：
以小组为单位通过观察、讨论和操作，结合参考选项，将你猜测的标签功能填入表格1-1中对应的位置。
参考选项：
①设置超链接 ②设置文档头部 ③设置新一行 ④设置文档主体
⑤使网页内容居中 ⑥设置内容的一级标题 ⑦设置图像 ⑧设置网页标题
标 签
作 用
<head></head>
<title></title>
<body></body>
<h1></h1>
<p></p>
<img src='***/***.jpg'>
<a href='xxxx'></a>
<center></center>
表1-1
【学习活动2】
1．将附件1自我介绍.txt后缀改回.html双击鼠标左键打开附件1自我介绍.txt，复制里面的所有代码，粘贴到老师打开的在线编辑器（地址：https://www.runoob.com/try/try.php?filename=tryhtml_intro）中。
2、按照提示修改相应文字或参数
3、将修改好的代码全部复制、粘贴到：附件1自我介绍.txt中并保存，将该文件重命名为：xxx自我介绍.html，恭喜你，你的自我介绍网页就完成了！现在你可以双击打开在网页上观看显示效果了。
达标检测
点击已完成的“个人简介”页面底部“更多信息”链接，打开本节课的在线测试题目，选择答案并提交，完整本节课的当堂检测内容，未能完成“个人简介”网页制作的同学，可以打开“操作材料”文件夹中的在线作业.txt文本文档，复制链接到浏览器地址栏中打开完成作业。
课堂总结
1．HTML是一种可用于描述网页的语言。
2．HTML语言中用于标记内容、格式或超链接的代码符号叫标签。
3．修改标签及内容，可以改变网页的显示效果。
- 3 -
学科网（北京）股份有限公司
$
资源预览图
1
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。