浙教版(2023)八年级上信息科技 第九课:网页的数据编码 课件(共24张PPT)

资源下载
  1. 二一教育资源

浙教版(2023)八年级上信息科技 第九课:网页的数据编码 课件(共24张PPT)

资源简介

(共24张PPT)
八年级信息技术
网页的数据编码
第九课
学习目标
1、了解网页编码的基本概念,知道文本、图像、音频、视频等数据是通过HTML标签编码组织在网页中的
2、理解网页的数据请求与响应过程,知道浏览器与服务器之间的请求响应机制
3、初步了解网页表单交互的基本原理和实现方式,能简单修改表单代码
学习目标
目录
01.
课前导入
02.
网页的编码
03.
网页的数据请求与响应
04.
网页中的交互
01
课前导入
课前导入
观察以下这个AI图片:
课前导入
思考:如果要以网页的形式调查同学们对AI的了解情况,这个网页需要哪些元素?
对的,非常的棒:
文字
图片
输入框
按钮等
02
网页的编码
“大家看到的这个丰富多彩的网页,在我们的眼中,看到的是图片、文字、内容等,那我们来思考下:它在计算机眼里到底是什么?”
代码
文本
1. 网页的编码
1).网页的编码
网页的编码含义:
网页本质上是一个文本文件,里面写满了特定的“符号”和“规则”,这就是编码。浏览器就像是一个翻译官,能读懂这些编码并把它们变成我们看到的漂亮页面。
这些规则就是HTML(超文本标记语言)。它用一对对标签(如

)来给文本、图片等内容做“标记”,告诉浏览器“这里是一段文字”、“那里是一张图片”。
常见标签展示:
文本:

这是标题

这是一个段落。


图片:AI图片 (强调 src 属性指定图片路径,alt 属性提供替代文本)
视频: (强调 controls 属性用于显示播放控件)
表单: (这是一个文本框)
1. 网页的编码
【课堂活动】
请将左侧的“网页元素”与右侧对应的“HTML标签”连接起来。
网页元素:①大标题 ②段落 ③图片 ④输入框 ⑤视频
HTML标签:a.

b. c.

d. e.

资源预览