电子工业社版（2022）七年级信息科技下册 1.2网页中的信息编码 教学设计.docxVIP

《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：查看网页源代码

无论使用什么软件制作网页，都可以通过浏览器查看网页的源代码。我们在浏览器中看到的网页，都是经过浏览器翻译后呈现的

在网页的空白处右击，然后在弹出的快捷菜单中单机“查看网页源代码”命令，就可以打开一个显示网页源代码的页面，如图所示

网页源代码

网页源代码是用HTML语言编写的文件，也称为HTML文件，它实际上是纯文本文件。

在HTML文件中，我们可以看到很多用“”括起来的标签，如titleimageaudio等，这就是HTML语言的标签。

标签用来对网页上的标题图片、声音等元素进行标识。

活动2：认识网页源代码

HTML在线编辑器是可以即时编译HTML代码的软件，如图所示,是HTMI在线编辑器给出的初始源代码。

请在HTML在线编辑器中，改变源代码的内容并运行，感受网页信息的编码和解码过程，如图所示。

什么是HTML

网页的全部内容需在html…/html标签中呈现，

浏览器标题栏中的网页标题等信息需要放在head…/head标签中，

而网页展示的内容需要嵌套在body…/body标签中。

HTML文件分为“头部(Head)”和“身体(Body)”两部分。

HTML标签是HTML语言中最基本的单位，我们可以通过HTML标签来编辑网页。

从图中我们可以看到，HTML标签是成对出现的，

标签对的第一个是开始标签，第二个是结束标签，如头部标签head和/head。

一般成对出现的标签，其内容在两个标签中间。

知识拓展

utf-8是一种网页字符编码格式，又称万国码，是网页应用中优先采用的编码格式。

国内常用的编码格式有utf-8和gb2312两种，能满足绝大部分网页的基本编码需求。

学生通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务

活动1：查看网页源代码

小组合作交流

请你用这种方法打开一个网页，查看其源代码。找一找网页的标题是什么，并尝试说一说源代码中标签“”的作用。

活动2：认识网页源代码

小组合作探究

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

掌握了HTML标签的使用方法，我们可以直接使HTML标签制作网页。

打开“记事本”程序，输入右侧的代码，以“静夜思.html”为文件名保存，双击该文件，在浏览器中浏览网页效果。

要求：

1.诗文可以更改

2.有能力的同学可以设置字体字号等。

小组合作项目实施

设计意图:

培养学生独立思考的能力，提高核心素养。

3、课堂小结（7分钟）

教师活动

学生活动

总结本课内容：

活动1：查看网页源代码

活动2：认识网页源代码

学生一同回答并梳理知识

设计意图：

帮助学生梳理本节课知识，加深学生对知识的理解。