8.9网页的数据编码（课件）-信息技术八年级上册同步备课（浙教版）

/第9课 网页的数据编码 八上信息技术 你知道网页是如何实现交互的吗？ 你知道网页数据有哪些编码方式？ 新课导入 新课导入 随着人们对网页应用的需求越来越高，网页不仅可以显示丰富的信息，还可以实现交互功能。 网页的数据编码 更聪明 更网络化 一、网页的编码 更仿生 二、网页的数据请求与响应 三、网页中的交互 新课导入 更聪明 更网络化 更仿生 文本、图像、音频、视频等数据是通过HTML标签编码组织在网页中再由浏览器解释并呈现。如文本的段落可以使用标签<p>组织；图像可以使用标签<img>实现将其插入文本中；多媒体的播放可以使用<audio <video>等标签组织，并能设置播放方式。 网页的编码 课堂活动 使用<img/>标签添加图片文件，再尝试使用其他标签. 网页的数据请求与响应 网页需要通过请求与响应以获取HTML数据，网页中如有多个媒体数据，则需要多次请求与响应，才能在网页上呈现。 如浏览某网站，浏览器会发送一个请求，要求服务器返回这个网页的HTML数据。服务器会响应这个请求，并把HTML数据发送回来。浏览器会解析HTML数据，文本可以直接解释呈现，其中的图像、音频、视频等媒体数据，可由浏览器额外发送新的请求，并等待服务器返回相应的数据，最终在浏览器显示出完整的网页内容。 网页中的交互 网页需要通过请求与响应以获取HTML数据，网页中如有多个媒体数据，则需要多次请求与响应，才能在网页上呈现。 如浏览某网站，浏览器会发送一个请求，要求服务器返回这个网页的HTML数据。服务器会响应这个请求，并把HTML数据发送回来。浏览器会解析HTML数据，文本可以直接解释呈现，其中的图像、音频、视频等媒体数据，可由浏览器额外发送新的请求，并等待服务器返回相应的数据，最终在浏览器显示出完整的网页内容。 以设计“AI应用小调查”表单为例，如图9-1和图9-2所示。 课堂活动 使用网页表单提交数据，所提交的数据需经编码转换发送。表单的请求响应过程是由用户提交表单开始，表单内容编码并格式化成相应的请求内容，通过HTTP协议发送给服务器。服务器接收到请求后作出响应，通过HTTP协议把响应内容返回给浏览器，浏览器对服务器返回的数据进行解析并在网页上呈现。 课堂活动 课堂活动 制作一张调查家庭使用人工智能设备的网页。 本节课到此结束！ Lavf58.20.100 $$