1.2网页中的信息编码 教学课件+学习单-2022电子工业版 七年级下册
2024-05-11
|
2份
|
24页
|
391人阅读
|
3人下载
精品
资源信息
| 学段 | 初中 |
|---|---|
| 学科 | 信息科技 |
| 教材版本 | 初中信息科技电子工业版（2022）第二册（七年级下） |
| 年级 | 七年级 |
| 章节 | 1.1 编辑网页信息 |
| 类型 | 课件 |
| 知识点 | - |
| 使用场景 | 同步教学-新授课 |
| 学年 | 2024-2025 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | ZIP |
| 文件大小 | 14.66 MB |
| 发布时间 | 2024-05-11 |
| 更新时间 | 2024-05-11 |
| 作者 | xkw_069034126 |
| 品牌系列 | - |
| 审核时间 | 2024-05-11 |
| 下载链接 | https://m.zxxk.com/soft/45082062.html |
| 价格 | 2.50储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
情境导入：
本单元项目式 主题：校园科技节
在学校科技节活动中，同学们上节课制作了“科技创新 自主可控”主题网页。
网页是使用统一的 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文件中，我们可以看到很多用“<>”括起来的标签，如<title><image> <audio>等，这就是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：认识网页源代码
02
HTML文件分为“头部(Head)”和“身体(Body)”两部分。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"
<title>文档标题</title>
</head>
<body>
网页内容……
</body>
</html>
提供网页标题.标注及编码信息的内容，在网页中不显示
定义网页标题
网页中显示的内容，即在这个区域写入的任何内容，都会显示在网页中
定义HTML文件
HTML文件的结构图
01.知识点讲解
助力知识：HTML
活动2：认识网页源代码
02
HTML标签是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
资源预览图
1
2
3
4
5
6
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。