第1单元1.2网页中的信息编码 教案 电子工业社版（2022）初中信息科技.docVIP

1.2网页中的信息编码

课题

编辑网页信息

单元

第一单元

学科

信息科技

年级

七年级下

教材

分析

本课选自《信息科技》(电子工业版)的第一章第二节，教材由“查看网页源代码”、“认识网页源代码”两部分内容组成。学生通过对本教材的学习逐步掌握网页的相关知识，知道网页的组成元素与编写原理，加深对国家科技创新发展的了解，发挥信息科技课程的独特育人价值，为数字强国培养优秀接班人和建设者。

教学

目标

信息意识：根据学习与生活需要,有意识地分析使用的网页资源。

计算思维：在实践应用中，熟悉网页源代码的组成。

数字化学习与创新：根据任务要求，借助在线平台，创作符合时代精神的作品。

4、信息社会责任：遵循信息科技领域的伦理道德规范，明确科技活动中应遵循的价值观念、道德责任和行为准则。

重点

了解浏览器的作用和网页的组成；

2、了解网页源代码的概念；

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

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

难点

1、掌握如何在浏览器中查看网页源代码；

2、掌握HTML在线编辑器制作网页。

教学过程

教学环节

教师活动

学生活动

设计意图

导入新课

展示河南省科技馆网站并提问：你能从河南省科技馆官网中读取到哪些信息？网页有什么作用？

网页作为互联网时代的重要组成部分，具有多种作用和应用场景。除了提供信息、进行交流和实现商业目标等主要作用之外，网页还可以用于教育和培训、娱乐和休闲、政府和公共服务、科研和学术、医疗和健康等多个方面。

回答：开闭馆时间。

回答：参观需要提前预约。

回答：馆内功能齐全。

构建生活情境，激发学习兴趣。

讲授新课

提问：网页是怎么制作出来的呢？

回答：我们使用HTML语言编写网页，再通过浏览器解释执行。

活动一：查看网页源代码

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

方法二：按下键盘上的F12快捷键（开发人员工具）。

请你查找中国科学院科技创新发展中心官网并查看网页源代码，寻找网页中文字、图片元素与源代码的对应关系。

网页源代码是用HTML语言编写的文件，也称为HTML文件，它实际上是纯文本文件。在HTML文件中，我们可以看到很多用“”括起来的标签，如titleimageaudio等，这就是HTML语言的标签。标签用来对网页上的标题图片、声音等元素进行标识。

活动二：认识网页源代码

HTML在线编辑器是可以即时编译HTML代码的软件，请在HTML在线编辑器中，改变源代码的内容并运行，感受网页信息的编码和解码过程。

活动小结：

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

2、HTML文件分为“头部(Head)”和“身体(Body)”两部分，浏览器标题栏中的网页标题等信息需要放在head…/head标签中，而网页展示的内容需要嵌套在body…/body标签中。

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

4、HTML标签通常是成对出现的。

查看中国科学院科技创新发展中心官网的源代码。

学生完成活动二，修改部分代码生成如图所示的效果。

通过浏览优秀的网页，使学生初步了解网页的基本要素及框架。

以问题的方式，帮助学生梳理观察结果。

培养学生独立思考的能力，通过边实践边观察，深化对HTML标签的理解。

习题检测

以下标记符中，用于设置页面标题的是（A）

titleB、captionC、headD、html

2、在HTML中，下面()不属于HTML文档的基本组成部分。（C）

A.html/html

B.body/body

C.style/style

D.head/head