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