第9课 网页的数据编码 教案 浙教版信息科技八年级上册.doc

信息技术第9课网页的数据编码

课题

网页的数据编码

单元

第二单元

学科

信息技术

年级

八年级

教材

分析

《网页的数据编码》该课时教材编排了“网页的编码—网页的数据请求与响应—网页中的交互”的系列学习活动，旨在让学生通过了解网页的数据编码，理解网页的数据请求与响应过程;通过体验网页表单，了解网页表单数据交互的过程。教材编排合理，教学环节注重实践与理论相结合，教材内容贴近学生生活实际，符合八年级学生认知特点。

教学

目标

1、信息意识：通过了解网页的数据编码，理解网页的数据请求与响应过程。

2、计算思维：能够通过体验网页表单，了解网页表单数据交互的过程。

3、数字化学习与创新：能够使用网页表单提交数据，所提交的数据需经编码转换发送。

4、信息社会责任：能够参与志愿服务项目，如开发无障碍网站或为非营利组织提供技术支持。

重点

一、网页的编码

二、网页的数据请求与响应

三、网页中的交互

难点

1、网页中的交互

教学过程

教学环节

教师活动

学生活动

设计意图

导入新课

通过了解网页的数据编码，理解网页的数据请求与响应过程;通过体验网页表单，了解网页表单数据交互的过程。

探究：

1、你知道网页是如何实现交互的吗?

2、你知道网页数据有哪些编码方式?

随着人们对网页应用的需求越来越高，网页不仅可以显示丰富的信息，还可以实现交互功能。

思考交流

帮助学生理解网页编码的概念，打开课堂。

讲授新课

一、网页的编码

文本、图像、音频、视频等数据是通过HTML标签编码组织在网页中，再由浏览器解释并呈现。如文本的段落可以使用标签p组织;图像可以使用标签img/实现将其插入文本中;多媒体的播放可以使用audio，video等标签组织，并能设置播放方式。

亲身体验

使用img/标签添加图片文件，再尝试使用其他标签。

新知拓展

你知道网页是如何实现交互的吗?

二、网页的数据请求与响应

网页需要通过请求与响应以获取HTML数据，网页中如有多个媒体数据，则需要多次请求与响应，才能在网页上呈现。

如浏览某网站，浏览器会发送一个请求，要求服务器返回这个网页的HTML数据。服务器会响应这个请求，并把HTML数据发送回来。浏览器会解析HTML数据，文本可以直接解释呈现，其中的图像、音频、视频等媒体数据，可由浏览器额外发送新的请求，并等待服务器返回相应的数据，最终在浏览器显示出完整的网页内容。

新知拓展

你知道网页数据有哪些编码方式?

三、网页中的交互

网页不仅从服务器获取信息，还可以向服务器反馈信息。网页表单是实现用户与网页之间信息交互的方式之一，通过在网页中添加表单可以实现问卷调查、用户登录、提交资料等交互功能。表单的标签是form/form，用户根据网页表单的文字提示，可以在表单中输入相关信息，提交表单后，填写的信息便反馈给服务器。

在form标签中，可以设置表单的基本属性，包含表单的名称(name)、处理程序(action)、传送方法(method)、编码方式(enctype)等。一般情况下，表单的处理程序action和传送方法method是必不可少的参数。以设计“AI应用小调查”表单为例，如图9-1和图9-2所示。在fomm标签中，可以设置表单的基本属性，包含表单的名称(name)、处理程序(action)、传送方法(method)、编码方式(enetype)等。一般情况下，表单的处理程序action和传送方法method是必不可少的参数。以设计“AI应用小调查”表单为例，如图9-1和图9-2所示。

使用网页表单提交数据，所提交的数据需经编码转换发送。表单的请求响应过程是由用户提交表单开始，表单内容编码并格式化成相应的请求内容，通过HTTP协议发送给服务器。服务器接收到请求后作出响应，通过HTTP协议把响应内容返回给浏览器，浏览器对服务器返回的数据进行解析，并在网页上呈现。

日积月累

“AI应用小调查”实例中，action属性定义表单如果提交的是网址表单提交后会跳转到相应网页;如果是一个电子邮件地址，则将表单中收集到的内容发送给该邮件地址。

随堂练习

制作一张调查家庭使用人工智能设备的网页。

新知拓展

网页欣赏

四、知识拓展

1、JS应用—折叠标题。

2、网页编码对于生活有哪些影响？

3、网页编码有哪些好处和坏处？

4、网页编码发展对社会的影响？

五、课堂练习

请回答网页编码发展未来发展趋势？

学生之间互相讨论在我们日常生活中的网页的编码运用。

学生通过观看课件和听老师讲解，了解网页的数据请求与响应的运用场景。

学生体验网页表单，了解网页表单数据交互的过程。

学生通过观看视频和自我思考我们生活中网页编码的运用。

学生查找资料，相互讨论对于本堂课中老师提出的问题进行解答。

帮助学生积极融入课堂，