1.2网页中的信息编码 教学教案 电子工业版信息科技七年级下册.pdfVIP

《1.2网页中的信息编码》教学设计

教学内容分析

本节课是2022年电子工业出版社出版的七年级下册第一单元第2课。本节课分为三个活动：“查看网页

源代码”“认识网页源代码”两部分内容组成。学生通两部内容组成。学生通过小组合作探究学习逐步掌握

本节课的知识点，具备一定的小组合作能力、探究能力、创新能力等，提升信息社会责任，综合提升信息素

养。

教学目标及核心素养指向

1、会查看网页的源代码（信息意识）

2、了解网页源代码的概念，能看懂网页的源代码（信息意识）

3、了解网页信息的编码和解码（信息意识）

4、了解HTML文件结构与标签的功能（信息意识、计算思维、数字化学习与创新）

5、能用HTML在线编辑器制作网页（信息意识、计算思维、数字化学习与创新）

教学重难点

教学重点：

1、会查看网页的源代码

2、了解网页源代码的概念，能看懂网页的源代码

3、了解网页信息的编码和解码

4、了解HTML文件结构与标签的功能

设计原因：知道网页源代码的原理是本节课的主要内容，知识点的渗透需要作为重点内容。

教学难点：

能用HTML在线编辑器制作网页

设计原因：制作网页等操作对学生来说比较困难，所以此部分对学生来说难度较高，应作为难点内容。

教学过程

1、情境导入（3分钟）

教师活动学生活动

情境引入：在学校科技节活动中，同学们上节课制作了学生听教师引导生活中的案例,学生讨论，回答提问

“科技创新自主可控”主题网页。网页是使用统一的

HTML语言来表达信息的，那么怎样才能看HTML语言表

达信息的过程呢?我们能不能通过修改HTML语言来编辑

页呢?

设计意图：

激发学生对制作网页的学习兴趣并快速进入学习状态。

2、新知讲授（35分钟）

教师活动学生活动

活动1：查看网页源代码学生通过教师的讲解，以小组合作的方式，开

无论使用什么软件制作网页，都可以通过浏览器查展探讨交流，完成任务

看网页的源代码。我们在浏览器中看到的网页，都是经活动1：查看网页源代码

过浏览器翻译后呈现的小组合作交流

在网页的空白处右击，然后在弹出的快捷菜单中单请你用这种方法打开一个网页，查看其源代码。找

机“查看网页源代码”命令，就可以打开一个显示网页一找网页的标题是什么，并尝试说一说源代码中标

源代码的页面，如图所示签“”的作用。

活动2：认识网页源代码

小组合作探究

用HTML编辑器，制作一个网页

掌握了HTML标签的使用方法，我们可以直接使

网页源代码HTML标签制作网页。

网页源代码是用HTML语言编写的文件，也称为HTML文打开“记事本”程序，输入右侧的代码，以“静夜

件，它实际上是纯文本文件。思.html”为文件名保存，双击该文件，在浏览器中

在H