第9课 网页的数据编码 课件 2023—2024学年浙教版（2023）初中信息技术八年级上册

第9课 网页的数据编码 学习目标 通过了解网页的数据编码，理解网页的数据请求与响应过程；通过体验网页表单，了解网页表单数据交互的过程。 探究 1.你知道网页是如何实现交互的吗？ 2.你知道网页数据有哪些编码方式？ 建构 随着人们对网页应用的需求越来越高，网页不仅可以显示丰富的信息， 还可以实现交互功能。 一、网页的编码 文本、图像、音频、视频等数据是通过HTML标签编码组织在网页中， 再由浏览器解释并呈现。如文本的段落可以使用标签＜p＞组织；图像可以使 用标签＜img/＞实现将其插入文本中；多媒体的播放可以使用＜audio＞、＜video＞ 等标签组织，并能设置播放方式。 亲身体验 使用＜img/＞标签添加图片文件，再尝试使用其他标签。 二、网页的数据请求与响应 网页需要通过请求与响应以获取HTML数据，网页中如有多个媒体数 据，则需要多次请求与响应，才能在网页上呈现。 如浏览某网站，浏览器会发送一个请求，要求服务器返回这个网页的 HTML数据。服务器会响应这个请求，并把HTML数据发送回来。浏览器会 解析HTML数据，文本可以直接解释呈现，其中的图像、音频、视频等媒体 数据，可由浏览器额外发送新的请求，并等待服务器返回相应的数据，最终 在浏览器显示出完整的网页内容。。 三、网页中的交互 网页不仅从服务器获取信息，还可以向服务器反馈信息。网页表单是实现用户与网页之间信息交互的方式之一，通过在网页中添加表单可以实现问 卷调查、用户登录、提交资料等交互功能。 表单的标签是<form></form>,用户根据网页表单的文字提示，可以在表单中输入相关信息，提交表单后，填写的信息便反馈给服务器。在<form>标签中，可以设置表单的基本属性，包含表单的名称（name）、处理程序（action）、传送方法（method）、编码方式 （enctype）等。 三、网页中的交互 一般情况下，表单的处理程序action和传送方法method是必不 可少的参数。以设计“AI应用小调查”表单为例，如图所示。 “AI应用小调查”表单的网页效果图 三、网页中的交互 使用网页表单提交数据，所提交的数据需经编码转换发送。 表单的请求响应过程是由用户提交表单开始，表单内容编码并格式化成相应的请求内容，通过HTTP协议发送给服务器。 服务器接收到请求后作出响应，通过 HTTP协议把响应内容返回给浏览器，浏览器对服务器返回的数据进行解析， 并在网页上呈现。 日积月累 “AI应用小调查”实例中，action属性定义表单如果提交的是网址， 表单提交后会跳转到相应网页；如果是一个电子邮件地址，则将表单中 收集到的内容发送给该邮件地址。 随堂练习 制作一张调查家庭使用人工智能设备的网页。 谢谢聆听！ INTERNET OF THINGS $$