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