电子工业社版（2022）七年级信息科技下册 1.2网页中的信息编码 课件.pptxVIP

情境导入：本单元项目式主题：校园科技节在学校科技节活动中，同学们上节课制作了“科技创新自主可控”主题网页。网页是使用统一的HTML语言来表达信息的，那么怎样才能看HTML语言表达信息的过程呢?我们能不能通过修改HTML语言来编辑页呢?

《1.2网页中的信息编码》2023年电子工业出版社七年级下册-第1单元解密互联网中的信息编码-珠珠老师信息科技课件2022新版课标内容

1活动1：查看网页源代码2活动2：认识网页源代码《目录》信息科技

01查看网页源代码活动1

01.知识点讲解无论使用什么软件制作网页，都可以通过浏览器查看网页的源代码。我们在浏览器中看到的网页，都是经过浏览器翻译后呈现的活动1：查看网页源代码01通过浏览器看到的网页

01.知识点讲解在网页的空白处右击，然后在弹出的快捷菜单中单机“查看网页源代码”命令，就可以打开一个显示网页源代码的页面，如图所示活动1：查看网页源代码01网页源代码举例：这部分为网页标题

01.知识点讲解请你用这种方法打开一个网页，查看其源代码。找一找网页的标题是什么，并尝试说一说源代码中标签“”的作用。01思考与讨论活动1：查看网页源代码

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

02认识网页源代码活动2

01.知识点讲解HTML在线编辑器是可以即时编译HTML代码的软件，如图所示,是HTMI在线编辑器给出的初始源代码。活动2：认识网页源代码02通过浏览器看到的网页

01.知识点讲解请在HTML在线编辑器中，改变源代码的内容并运行，感受网页信息的编码和解码过程，如图所示。通过浏览器看到的网页活动2：认识网页源代码02

01.知识点讲解网页的全部内容需在html…/html标签中呈现，浏览器标题栏中的网页标题等信息需要放在head…/head标签中，而网页展示的内容需要嵌套在body…/body标签中。活动2：认识网页源代码02助力知识：HTML

01.知识点讲解助力知识：HTML活动2：认识网页源代码02HTML文件分为“头部(Head)”和“身体(Body)”两部分。!DOCTYPEhtmlhtmlheadmetacharset=utf-8title文档标题/title/headbody网页内容……/body/html提供网页标题.标注及编码信息的内容，在网页中不显示定义网页标题网页中显示的内容，即在这个区域写入的任何内容，都会显示在网页中定义HTML文件HTML文件的结构图

01.知识点讲解助力知识：HTML活动2：认识网页源代码02HTML标签是HTML语言中最基本的单位，我们可以通过HTML标签来编辑网页。从图中我们可以看到，HTML标签是成对出现的，标签对的第一个是开始标签，第二个是结束标签，如头部标签head和/head。一般成对出现的标签，其内容在两个标签中间。

01.知识点讲解助力知识：HTML活动2：认识网页源代码02此外，也有单独出现的标签。下表中是-些常用的HTML标签。常用的HTML标签标签显示效果标签显示效果hn···/hn标题的字体大小，n1最大，n6最小p.../p划分段落title···/title为文档定义一个标题img插入图像b···/b文字以粗体形式显示a···/a定义超链接i···/i文字以斜体形式显示audio插入音频u···/u文字加下划线形式显示video插入视频

01.知识点讲解utf-8是一种网页字符编码格式，又称万国码，是网页应用中优先采用的编码格式。国内常用的编码格式有utf-8和gb2312两种，能满足绝大部分网页的基本编码需求。活动2：认识网页源代码02知识拓展

01.知识点讲解用HTML编辑器，制作一个网页掌握了HTML标签的使用方法，我们可以直接使HTML标签制作网页。打开“记事本”程序，输入右侧的代码，以“静夜思.html”为文件名保存，双击该文件，在浏览器中浏览网页效果。要求：1.诗文可以更改2.有能力的同学可以设置字体字号等。体验探究活动2：认识网页源代码02

01.知识点讲解1、我们组诗文的题目是：__________________2、我们对_______________________做了设计。3、我们还对________________部分进行了设计小组展示活动2：认识网页源代码02

01.知识点讲解“科技创新自主可控”网页使用的标签打开上节课制作的“科技创新自主可控”