浙教版（2023）八年级上册第9课 网页的数据编码教课内容课件ppt

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