资源简介

(共26张PPT)
第9课
网页的数据编码
（浙教版）八年级
上
01
教学目标
02
新知导入
03
网页的编码
04
网页的数据请求与响应
05
网页中的交互
06
拓展延伸
08
课堂小结
07
课堂练习
09
板书设计
01
教学目标
1、信息意识：通过了解网页的数据编码，理解网页的数据请求与响应过程。
2、计算思维：能够通过体验网页表单，了解网页表单数据交互的过程。
3、数字化学习与创新：能够使用网页表单提交数据，所提交的数据需经编码转换发送。
4、信息社会责任：能够参与志愿服务项目，如开发无障碍网站或为非营利组织提供技术支持。
02
新知导入
通过了解网页的数据编码，理解网页的数据请求与响应过程;通过体验网页表单，了解网页表单数据交互的过程。
探究：
1、你知道网页是如何实现交互的吗
2、你知道网页数据有哪些编码方式
02
新知导入
随着人们对网页应用的需求越来越高，网页不仅可以显示丰富的信息，还可以实现交互功能。
03
网页的编码
文本、图像、音频、视频等数据是通过HTML标签编码组织在网页中，再由浏览器解释并呈现。如文本的段落可以使用标签

组织;图像可以使用标签实现将其插入文本中;多媒体的播放可以使用

标签中，可以设置表单的基本属性，包含表单的名称(name)、处理程序(action)、传送方法(method)、编码方式(enctype)等。一般情况下，表单的处理程序action和传送方法method是必不可少的参数。以设计“AI应用小调查”表单为例，如图9-1和图9-2所示。
图9-2
03
网页中的交互
使用网页表单提交数据，所提交的数据需经编码转换发送。表单的请求响应过程是由用户提交表单开始，表单内容编码并格式化成相应的请求内容，通过HTTP协议发送给服务器。服务器接收到请求后作出响应，通过HTTP协议把响应内容返回给浏览器，浏览器对服务器返回的数据进行解析，并在网页上呈现。
03
网页中的交互
“AI应用小调查”实例中，action属性定义表单如果提交的是网址表单提交后会跳转到相应网页;如果是一个电子邮件地址，则将表单中收集到的内容发送给该邮件地址。
日积月累
04
网页中的交互
随堂练习
制作一张调查家庭使用人工智能设备的网页。
1、规划内容和结构：确定调查的目的、目标受众（家庭用户）、要收集的数据类型（如设备种类、使用频率、满意度等）。
04
网页中的交互
新知拓展—网页欣赏
06
拓展延伸
1、JS应用—折叠标题
06
拓展延伸
2、网页编码对生活有哪些影响？
（1）信息交流的全球化：网页编码如UTF-8，使得不同语言和文化背景的人们能够无障碍地在互联网平台上进行交流和分享信息。
（2）数据准确性：正确的网页编码确保了数据的准确性，避免了因编码错误导致的信息丢失或误解，这对于电子商务、在线教育等领域至关重要。
（3）用户体验：合适的网页编码能够提升用户的浏览体验，避免出现乱码或无法显示的情况，增强用户满意度。
06
拓展延伸
3、网页编码有哪些好处和坏处？
好处：
兼容性强：如UTF-8编码，它支持全球几乎所有的语言字符，极大地提高了网站的国际兼容性。
数据安全：正确的编码方式可以防止数据在传输过程中被篡改，保护用户信息安全。
坏处：
存储空间占用大：某些编码方式（如UTF-8）可能会占用更多的存储空间，尤其是在处理大量中文字符时。
06
拓展延伸
4、网页编码发展对社会的影响？
（1）促进文化交流：随着编码技术的发展，不同文化和语言的交流变得更加便捷，有助于促进全球文化的融合和相互理解。
（2）推动技术创新：为了满足日益增长的数据处理需求，编码技术的不断进步也推动了相关领域的技术创新和发展。
（3）提高信息获取效率：有效的编码技术可以提高信息检索的准确性和效率，使人们能更快地获取所需信息。
07
课堂练习
请回答网页编码发展未来发展趋势？
1、更加高效的压缩算法：随着大数据时代的到来，未来的编码技术将更加注重数据的高效压缩，以减少传输成本和存储需求。
2、智能化编码：人工智能技术的发展将使得编码过程更加智能化。
3、更强的安全性：随着网络安全问题的日益突出，未来的编码技术也将更加注重数据的安全性。
08
课堂小结
通过网页的数据编码课程，我们深刻认识到了网页编码发展对社会的影响。随着编码技术的发展，不同文化和语言的交流变得更加便捷，有助于促进全球文化的融合和相互理解。同时，为了满足日益增长的数据处理需求，编码技术的不断进步也推动了相关领域的技术创新和发展。有效的编码技术可以提高信息检索的准确性和效率，使人们能更快地获取所需信息。
09
板书设计
网页的数据编码
一、网页的编码
二、网页的数据请求与响应
三、网页中的交互
课后作业
1、回家好好地尝试编写一个有关于人工智能的提交页面。
https://www.21cnjy.com/recruitment/home/fine中小学教育资源及组卷应用平台
信息技术 第9课 网页的数据编码
课题 网页的数据编码 单元 第二单元 学科 信息技术 年级 八年级
教材分析 《网页的数据编码》该课时教材编排了“网页的编码—网页的数据请求与响应—网页中的交互”的系列学习活动，旨在让学生通过了解网页的数据编码，理解网页的数据请求与响应过程;通过体验网页表单，了解网页表单数据交互的过程。教材编排合理，教学环节注重实践与理论相结合，教材内容贴近学生生活实际，符合八年级学生认知特点。
教学目标 1、信息意识：通过了解网页的数据编码，理解网页的数据请求与响应过程。 2、计算思维：能够通过体验网页表单，了解网页表单数据交互的过程。 3、数字化学习与创新：能够使用网页表单提交数据，所提交的数据需经编码转换发送。 4、信息社会责任：能够参与志愿服务项目，如开发无障碍网站或为非营利组织提供技术支持。
重点 一、网页的编码二、网页的数据请求与响应三、网页中的交互
难点 1、网页中的交互
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 通过了解网页的数据编码，理解网页的数据请求与响应过程;通过体验网页表单，了解网页表单数据交互的过程。 探究：1、你知道网页是如何实现交互的吗 2、你知道网页数据有哪些编码方式 随着人们对网页应用的需求越来越高，网页不仅可以显示丰富的信息，还可以实现交互功能。 思考交流 帮助学生理解网页编码的概念，打开课堂。
讲授新课 一 、网页的编码文本、图像、音频、视频等数据是通过HTML标签编码组织在网页中，再由浏览器解释并呈现。如文本的段落可以使用标签

组织;图像可以使用标签实现将其插入文本中;多媒体的播放可以使用

标签中，可以设置表单的基本属性，包含表单的名称(name)、处理程序(action)、传送方法(method)、编码方式(enctype)等。一般情况下，表单的处理程序action和传送方法method是必不可少的参数。以设计“AI应用小调查”表单为例，如图9-1和图9-2所示。在标签中，可以设置表单的基本属性，包含表单的名称(name)、处理程序(action)、传送方法(method)、编码方式(enetype)等。一般情况下，表单的处理程序action和传送方法method是必不可少的参数。以设计“AI应用小调查”表单为例，如图9-1和图9-2所示。使用网页表单提交数据，所提交的数据需经编码转换发送。表单的请求响应过程是由用户提交表单开始，表单内容编码并格式化成相应的请求内容，通过HTTP协议发送给服务器。服务器接收到请求后作出响应，通过HTTP协议把响应内容返回给浏览器，浏览器对服务器返回的数据进行解析，并在网页上呈现。日积月累“AI应用小调查”实例中，action属性定义表单如果提交的是网址表单提交后会跳转到相应网页;如果是一个电子邮件地址，则将表单中收集到的内容发送给该邮件地址。随堂练习制作一张调查家庭使用人工智能设备的网页。新知拓展网页欣赏四 、知识拓展 1、JS应用—折叠标题。2、网页编码对于生活有哪些影响？3、网页编码有哪些好处和坏处？4、网页编码发展对社会的影响？五、课堂练习 请回答网页编码发展未来发展趋势？ 学生之间互相讨论在我们日常生活中的网页的编码运用。学生通过观看课件和听老师讲解，了解网页的数据请求与响应的运用场景。 学生体验网页表单，了解网页表单数据交互的过程。学生通过观看视频和自我思考我们生活中网页编码的运用。学生查找资料，相互讨论对于本堂课中老师提出的问题进行解答。 帮助学生积极融入课堂，提高学生学习积极性。学生通过边看边听的形式了解网页的数据请求与响应的实现原理。 帮助学生进一步理解网页中的交互的基本结构的运行原理。让学生通过视频思考，进一步加深对课堂所学内容的理解。 让学生巩固本堂课的内容，加深学生对所学知识的印象。
布置作业 回家好好地尝试编写一个有关于人工智能的提交页面。 完成作业 培养学生查阅资料的能力，分析解决问题的能力
课堂小结 通过网页的数据编码课程，我们深刻认识到了网页编码发展对社会的影响。随着编码技术的发展，不同文化和语言的交流变得更加便捷，有助于促进全球文化的融合和相互理解。同时，为了满足日益增长的数据处理需求，编码技术的不断进步也推动了相关领域的技术创新和发展。有效的编码技术可以提高信息检索的准确性和效率，使人们能更快地获取所需信息。 分组总结归纳 锻炼学生的总结能力，逻辑思维、语言表达能力。
板书 一、网页的编码二、网页的数据请求与响应三、网页中的交互 学习、记忆及勾画知识点 明确教学内容及重点和难点
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)

展开更多......

收起↑