资源简介

中小学教育资源及组卷应用平台
作业练习
课程基本信息
学科 信息科技 年级 八年级 学期 秋季
课题 第9课 网页的数据编码
教科书 书 名：八年级上信息科技教材 出版社：浙江教育出版社 出版日期：2023年7月
作业练习
使用记事本或Visual Studio Code等软件制作一张调查全校同学使用人工智能设备情况的网页。 参考网页如下： 参考代码如下：

21世纪教育网(www.21cnjy.com)中小学教育资源及组卷应用平台
教学设计
课程基本信息
学科 信息科技 年级 八年级 学期 秋季
课题 第9课 网页的数据编码
教科书 书 名：八年级上信息科技教材 出版社：浙江教育出版社 出版日期：2023年7月
教学内容与学习对象分析
教学内容分析：本课是八年级上册第二单元的第4课内容，主要内容包括网页的编码、网页的数据请求与响应、网页中的交互。本课旨在让学生知道网络中信息编码、传输和呈现的原理。通过学习，学生能初步理解客户端与服务器端交互的基本原理，包括HTTP协议在网页请求与响应中的作用。学生将认识到在访问网页时，浏览器如何向服务器发送数据请求，这个请求包含了用户想要获取信息的指令。其次，学生将了解服务器是如何接收这些请求，处理并返回一个响应，这个响应最终在浏览器上呈现出网页内容。通过实践操作，学生理解网页的数据请求与响应过程及网页表单数据交互的过程。 学习对象分析：本课针对八年级学生，学生已经能够初步编辑HTML网页代码，但对网页编码的原理了解仍十分有限。教师需要引导学生从实际的网页浏览、交互体验出发，逐步深入到理论知识的学习。八年级的学生正处在从直观操作向理论学习过渡的阶段，因此在教学中应注重启发式和探究式的方法。同时考虑学生年龄和认知水平，教学设计应避免过高的难度，确保概念通俗易懂，重视实践操作。结合具体情境进行分析，深入理解网页表单的制作过程。
教学目标分析（含核心素养导向）
1. 通过学习网页的数据编码，理解网页的数据请求与响应过程。 2. 通过体验网页表单，了解网页表单数据交互的过程 教学重点： 1. 网页的数据请求与响应过程。 教学难点： 1. 网页表单数据交互的过程。
教学过程
导入 学生活动： 1.观察展示的互联网应用界面，思考并回答教师提出的问题，积极分享自己体验过的交互功能，如在线游戏、在线学习平台的操作等。 教师活动： 1.展示常见的互联网应用界面（如社交网站登录页面、购物结算页面、百度搜索页面等），引导学生观察并思考这些界面的共同特点和交互功能。 2.提问学生在日常使用互联网过程中体验过的其他交互功能，鼓励学生积极发言，分享自己的上网经历。 设计思路：通过引导学生观察、思考、讨论，让学生在积极主动的学习中掌握知识和技能。让学生分享自己的上网经历，激发学生的兴趣和主动性。 网页的数据编码 学生活动： 1.回忆前面课程中学习的网页编码及标签，理解网页数据编码的概念和原理，观察教师的代码演示和案例展示，跟随教师的思路思考浏览器对不同类型数据的处理方式。 教师活动： 1.帮助学生回忆文本、图像、音视频数据的编码，解释浏览器如何根据HTML标签对这些媒体数据进行呈现，通过实际代码示例进行演示。 设计思路：通过案例观察，激发学生的学习兴趣，让学生在积极参与中深入掌握知识。 三、网页的数据请求与响应 学习网页数据请求与响应，了解网页通过请求与响应获取HTML数据的过程。 学生活动： 1.跟随教师的回顾，巩固已学的请求与响应知识，认真聆听教师的类比讲解，加深对概念的理解。 2.仔细观察教师的演示，查看浏览器开发者工具中的请求记录，理解每个请求的含义和作用。 教师活动： 1.帮助学生回顾教材第 6 课中学习的互联网应用数据传输知识，引导学生理解客户端和服务器访问资源的请求与响应过程，通过简单的图示进行讲解。 2.用图书馆借书的类比方式，详细解释在网页中浏览器发送请求获取 HTML 数据以及服务器响应的过程。 3.演示打开浏览器开发者工具，展示网页加载时的请求记录，包括获取 HTML 数据的请求和针对媒体数据的多次请求，让学生直观地看到请求与响应的实际情况，讲解每个请求的详细信息，如网址、方法、状态码、响应时间等。 设计思路：在讲解请求与响应过程时，运用讲授法讲解基本概念，结合演示法展示实际操作过程，再通过类比法让学生更形象地理解抽象概念，使教学更加生动、有效。通过实践操作，培养学生的数字化学习创新能力，加深对网页请求与响应机制的理解。 网页中的交互 学习网页表单的基本结构和作用，了解

标签的基本属性，通过实践操作，合作制作“AI主题小调查”网页，熟悉表单的创建方法。 学生活动： 1.了解网页表单的基本结构和作用以及表单标签。 2.学习标签的基本属性，了解表单名称（name）、处理程序（action）、传送方法（method）、编码方式（enctype）的作用。 3.学习制作“AI主题小调查”网页表单。 4.思考表单数据提交后，服务器作何响应，响应内容如何呈现。 教师活动： 1.讲解表单的基本结构和作用。 2.解释表单名称（name）、处理程序（action）、传送方法（method）、编码方式（enctype）的作用。 3.创建result.html网页，展示“AI主题小调查”网页数据提交，服务器端作出响应后浏览器对数据解析并在网页上的呈现，引发学生进一步思考。 4.，将表单数据的传输过程比拟为写信寄信过程，总结表单数据编码。 设计思路： 从网页数据编码引入，逐步过渡到请求与响应，再到表单知识的学习，使学生对网页交互与数据处理的知识形成一个系统的认识。在每个知识点的讲解中，注重与之前所学知识的联系和对比，帮助学生建立知识网络，加深学生对知识的理解和记忆。在讲解表单数据传输时，与网页数据请求与响应的知识相联系，将表单数据的传输过程与写信寄信过程进行比拟，具有一定的形象性和直观性。让学生明白表单数据传输是网页数据传输的一个具体应用场景。理论知识讲解与实践操作紧密结合，让学生在实践中体会属性的设置和作用，提高学生的实际应用能力。 四、课后作业与小结： 学生活动： 1.学生回忆整节课学习的知识，结合书本小结网页的数据编码及网页交互的过程及作用。 2.课后制作一张调查全校同学使用人工智能设备情况的网页。 教师活动： 1.引导学生总结归纳本节课要点知识。 2.基于学生分享的小结内容进行点评或补充说明，最后共同梳理总结本课知识点。 3.课后练习建议学生在“AI主题小调查”网页的基础上，添加新的网页，完成网页表单的设计制作。 设计思路： 师生共同梳理课堂知识，巩固对本课知识的理解，完成知识的建构。通过鼓励学生在表单设计中创新，培养学生的创新思维能力。
21世纪教育网(www.21cnjy.com)中小学教育资源及组卷应用平台
学习任务单
课程基本信息
学科 信息科技 年级 八年级 学期 秋季
课题 第9课 网页的数据编码
教科书 书 名：八年级上信息科技教材 出版社：浙江教育出版社 出版日期：2023年7月
学习目标
1. 通过学习网页的数据编码，理解网页的数据请求与响应过程。 2. 通过体验网页表单，了解网页表单数据交互的过程
课前学习任务
回顾前面课程中HTML标签相关知识。 回忆互联网应用的数据传输过程及原理。
课上学习任务
【学习任务一】
利用浏览器开发者工具观察和分析网页数据的请求与响应过程 【学习任务二】
学习制作“AI主题小调查”网页，完成表单的创建和属性设置。
推荐的学习资源
1. HTML 表单 | 菜鸟教程 ()
21世纪教育网(www.21cnjy.com)
版权声明
21世纪教育网www.21cnjy.com(以下简称“本网站”)系属深圳市二一教育科技有
限责任公司（以下简称“本公司”）旗下网站，为维护本公司合法权益，现依据相关法律法
规作出如下郑重声明：
一、本网站上所有原创内容，由本公司依据相关法律法规，安排专项经费，运营规划，组织
名校名师创作完成的全部原创作品，著作权归属本公司所有。
二、经由网站用户上传至本网站的试卷、教案、课件、学案等内容，由本公司独家享有信息
网络传播权，其作品仅代表作者本人观点，本网站不保证其内容的有效性，凡因本作品引发
的任何法律纠纷，均由上传用户承担法律责任，本网站仅有义务协助司法机关了解事实情况。
三、任何个人、企事业单位（含教育网站）或者其他组织，未经本公司许可，不得使用本网
站任何作品及作品的组成部分（包括但不限于复制、发行、表演、广播、信息网络传播、改
编、汇编、翻译等方式)，一旦发现侵权，本公司将联合司法机关获取相关用户信息并要
求侵权者承担相关法律责任。
四、一旦发现侵犯本网站作品著作权的行为，欢迎予以举报。
举报电话：400-637-9991
举报信息一经核实，本公司将依法追究侵权人法律责任！
五、本公司将结合广大用户和网友的举报，联合全国各地文化执法机关和相关司法机关严厉
打击侵权盗版行为，依法追究侵权人的民事、行政和刑事责任！
特此声明！
、产士三
深圳市一教育料技有限贵任公司
0307766

展开更多......

收起↑