资源简介

项目 2 探究网页信息浏览过程
——互联网HTTP 协议
教学设计
一、项目分析
本项目的内容主要是对原理的探究。同学们使用网址打开网页时有没有想过浏览的网页存放在什么地方？为什么在有网络的地方能用不同的终端通过网址访问网上故宫？很少有学生研究过使用网址打开网页背后的故事，让我们一起来探究用浏览器打开故宫网页的过程。探究浏览器通过网址解析出 IP 地址，再根据 IP 地址取回网络服务器上的网页文件，最后解析网页文件并呈现的过程。
二、学情分析
由于从小学学段到初中学段学科转变和学习任务的增加，七年级学生可能还没有找到适合自己的学习方法，并且他们处于认知发展的关键阶段，刚开始发展逻辑思维和抽象思维能力。通过项目学习的方式学习互联网的工作原理，对学生来说有一定的难度，因此在学习过程中要想各种办法降低难度，方便学生理解。
三、教学目标
1．素养目标
（1）知道网页、网址和域名之间的关系。
（2）知道域名如何解析得到 IP 地址。
（3）初步了解 HTTP 协议，知道网络中数据的编码、传输和呈现的原理。
2．项目目标
（1）通过自主学习，了解HTTP 协议的工作过程。
（2）通过合作探究，知道服务器上的故宫网页信息是如何呈现在用户的浏览器上的。
四、教学重难点
1．教学重点
（1）了解 HTTP 协议的工作过程。
（2）了解网址、域名、IP 地址之间的关系。
（3）知道网页信息是如何编码传输与呈现的。
2．教学难点
（1）了解 HTTP 协议的工作过程。
（2）知道网络中数据的编码、传输和呈现的原理。
五、教学策略
本项目将HTTP 协议的工作过程拆解成两个部分：第一部分探究获取故宫网页文件的过程；第二部分探究找到的网页文件如何显示在浏览器上。HTTP 协议其实就是一个请求—响应协议，客户端发出请求，找到网址中指定的服务器，取回指定的文件，并显示。
本节课使用的教学方法主要有讲授法、项目学习法、任务驱动法，整节课按项目学习的方式进行组织，而在项目准备环节，通过讲授，让学生掌握一些事实性知识，如网址的组成、HTTP协议及其功能、网页信息的编码方式等；在项目实施环节，采用任务驱动法让学生自主探究域名解析、获取网页的过程以及浏览器解析网页文件等，让学生在自主探究中加深对网络中数据的编码、传输和呈现的原理的理解。
教师用讲授法给学生讲解 HTTP 协议，一次完整的 HTTP 请求与响应的过程大致可分为四步：①我们单击网页中的链接时，客户端与服务器建立连接；②建立连接后，客户端向服务器发送一个请求；③服务器在接收到请求后，给予相应的响应信息；④客户端接收到服务器所返回的信息后与服务器断开连接。学生较难理解 HTTP 协议的请求与响应过程，因此在本项目的教学过程中采用图解的方式，直观展示 HTTP 协议的工作过程，用学生喜欢的方式来学习互联网原理知识。
六、教学准备
在本项目教学活动中，教师需要准备如下表所示的器材或工具，探究网页信息的浏览过程。
器材/工具 数量 作用/功能
浏览器 多个 浏览网页
终端 3 个不同类型 连接互联网
动画 2个 演示网页信息的浏览过程
课件 1 讲解事实性知识如 HTML 标签、网址组成等
学习任务单 1 包含 3 个任务，分别是了解域名的解析过程、探究获取网页的过程、探究浏览器解析网页的过程
在线测试题 若干 用于本节课知识与技能掌握的检测
自评、互评表 若干 对学习态度、学习方法以及学习效果进行测评
七、评价建议
1．过程性评价
本节课的学习采用自评、互评、师评相结合的方式。在组织学生学习过程中，要为学生提供学习、评价的支架，保证学习、评价的有效开展。如在讲解网址与 IP 地址的关系时，可以让学生使用 ping 命令， 自己查看故宫网站所在服务器的 IP 地址，判断自己对概念的理解；在讲解获取网页的过程时，通过提供学习支架，让学生讨论后填写结果，并通过互评、师评来验证对错。
2 ．结果性评价
结果性评价从三个方面进行，一是在本项目实施完成后，选择学生描述浏览器打开 html网页文件的过程，教师进行评价，巩固学习成果；二是在教学平台上设置试题，让学生完成自评测试，检查学生对本节课知识与技能的掌握情况；三是在教学平台上设置对项目完成情况的评价，让学生检查自己的学习态度与学习方法。
八、学习流程
在本项目教学活动中，教师先组织学生使用不同的终端访问网上故宫，通过一个真实应用场景，引出问题“网页放在什么地方，才能使同学们使用不同的终端，在不同的地点，只要能上网，就能访问故宫网站”，来明确本项目的探究内容，即如何在浏览器中通过网址，浏览到故宫网页的内容， 了解 HTTP 协议的工作过程，知道网络数据的编码、传输及呈现原理。在了解故宫在网上安“家”过程的基础上，按下图所示探究网页信息的呈现过程。
九、教学过程
教学环节 学生活动 教师活动 设计意图
项目情境 1．使用不同的终端与浏览器，浏览故宫博物院主页，完成表格的填写。 终端浏览器打开速度 、呈现效果等手机台式电脑平板电脑手机台式电脑平板电脑
2．思考教师提出的问题，为后续学习做好准备。 1．组织学生使用不同的终端、使用不同的浏览器，浏览故宫博物院主页，记录看到的主页的内容与形式有何不同。 小结：使用不同的浏览器打开网页的速度不一样，不同的终端解析得出的网页的格式不一样。 2．提问：故宫网站存放在什么地方？如何通过网址找到，并显示在浏览器上？ 板书：探究网页信息浏览过程。 1．让学生通过实践对比得出：网页文件会根据终端不同的分辨率以及比例自动调整。 2．让学生明确本节课的学习内容，不再仅仅会用浏览器打开、浏览网页，而是知道科与技并重，在掌握技术的同时，了解原理。
项目准备 练习 1：使用记事本打开 html 文件，按下列要求修改并保存，然后用浏览器打开文件，查看效果。 1．组织学生从教学平台下载半成品素材，指导学生用记事本打开 html 网页文件，修改代码，查看网页上呈现内容的变化。 课件展示小结：html 文档是一种文本文件，通过在文本文件中添加特定的标记符，可以控制浏览器显示网页的方式，如文字的处理、画面的安排、图片的显示等。 1．让学生了解浏览器按照顺序阅读html 文件，并根据标记符解释和显示其内容。不同的浏览器可 能 会 对 同 一HTML 标记符有不同的解释，因此可能会有不同的显示效果。
修改为 "故宫 " 修改为 "bhd,jpg "
教学环节 学生活动 教师活动 设计意图
项目准备 (
藏品
)练习 2：浏览故宫网站中建筑类的相关页面，完成下图中网址的填写。 探索
建筑
太和殿 :
中和殿 :
保和殿 :
练习3：以故宫博物院网站的主页地址为例，完成下图的填写。 2．讲解网页与网站的关系。 课件展示：故宫博物院网站包含很多网页文件，其中网站的首页文件是“Home.html”，这些网页文件用超链接连接在一起，方便用户浏览。 3．讲解一个网址包括以下组成部分。 协议 域名 文件名 课件展示：“https”是协议，方框框起的部分称为域名，而后面的以 html 为扩展名的是文件名。 4．讲解HTTP 协议的工作过程课件展示：HTTP 协议是用于从服务器传输超文本到本地浏览器的传送协议， 浏览器作为HTTP 客户端通过网址向 HTTP服务器端即 Web 服务器发送请求。Web 服务器根据接收到的请求，向客户端发送响应消息。 2．让学生明白网页与网站之间的关系，为后续理解网址的组成奠定基础，特别是网址中的文件夹与文件名， 如太和殿、中和殿、保和殿的介绍是放在服务器的同一个文件夹中的。 3．明白网址由协议、域名、 文件名等组成，其中http 协议是本节课的重点内容，对于域名的学习，为后续介绍域名解析做准备。 4． 让学 生 先了解HTTP 协议的功能，知道网址中的http 与https 的含义分别是什么，有什么作用。
协议 域名 文件名 说一说上图各部分的作用，如： http： 域名： 练习 4：在了解HTTP 协议的工作过程后，完成下图的填写。
(
发出信息请求
返回信息
)
项目分析 1．认真听讲，思考教师提出的问题。 2．用思维导图软件，按给出的示例，梳理问题。 通过网址能知道存放网站的服务器吗
(
探究
网页
信息浏览
过程
) 3．独立完成后，与同学讨论，检测自己梳理的问题与大家是否一致。 1．提出假设。 课件展示客户在浏览器中使用网址可以打开服务器上的网页。说一说网址中至少包含哪些内容，客户才能正确找到网页。 1.通过提问激发学生探究的积极性，引导学生思考客户端的浏览器是如何通过一个简单的网页，在互联网上找到网页，并且呈现出来的。 2. 引导学生发现问题、提出问题，梳理解决问题的思路。
(
web
服务器
)web服务器 web服务器 (
互联网
)web服务器
2．要回答上面的问题，需要解决哪些问题？用思维导图软件梳理问题。
教学环节 学生活动 教师活动 设计意图
项目实施 任务 1：了解域名的解析过程，完成相应习题。 （1）在图中填上故宫网址的域名，以及存放故宫网站服务器的 IP 地址。 组织学生，登录学习平台，打开相应的学习任务单，浏览本节课需要自主学习完成的 3 个任务。 1． 了解域名的解析过程。 （1）阅读相关材料，了解域名的解析过程。 （2）完成相应的练习。 2．观看微课，给出在浏览器中输入网址到故宫主页呈现在浏览器上的 6 个步骤，完成图的填写。 3．组织学生分小组探究浏览器解析网页的过程。 （1）阅读材料，了解浏览器解析网页的过程。 （2）完成填图，对图中列出的4个步骤进行排序。 （3）分享成果，分享浏览器解析网页的过程。 1．在第 4 单元的第1 个项目中，同学们已经知道了在网络上标识计算机的位置用 IP 地址，而本项目要让学生知道为什么不直接在网址中写 IP 地址，而要引出域名的概念。 2．本节课的重点是让学生了解 HTTP 协议的工作过程，但直接讲解原理，学生不容易理解，这里采用填图的方式，利用图解析 HTTP 协议的工作过程，方便学生理解。 3．此部分要让学生了解浏览器是用来解析网页的，因此才会出现网页上有部分内容因为解析出问题造成无法显示的情况，如网页上的图片或动画丢失，会显示一个占位符等，让学生会用原理解释网页上出现的问题。
(
域名解析请求
域名
:
回复
客户端
IP
地址
:
DNS
服务器
)
（2）巩固练习：查看网址对应的 IP地址。 任务 2：探究获取网页的过程，完成下图的填写。
域名服务器 (
客户端
)
任务 3：探究浏览器解析网页的过程，给下列步骤排序。 ○呈现网页效果 ○构造网页节点树 ○解析 html 文档 ○进行网页节点布局
项目评价 1． 回答问题或认真听讲。 2．进行检测与评价： （1）进行课堂检测，查看本节课知识与技能的掌握情况。 （2）进行自我评价，对本节课的学习态度与课堂表现进行自评。 3．完成巩固练习。 网页上经常出现图片内容不能正常显示的情况，请用本课所学知识，分析产生这种问题的原因。 4．进行自评与互评。 1．选择部分同学描述浏览器通过网址打开网页的过程。 2．组织学生打开学习平台上的自测题，对所学知识与技能掌握情况进行评测。 3．完成两道巩固练习题，利用所学原理，解释生活中遇到的问题。 4．组织学生利用学习平台对学习态度与学习效果进行自评与互评。 1．通过自评、互评、师评，了解自己本节课知识与技能的掌握情况，了解自己的学习态度与学习效果。 2．通过用原理解释生活中遇到的问题，明确不仅要掌握技能，更要掌握科学原理。
十、板书设计
十一、教学反思
本项目以讲解互联网工作原理为主要内容，在实施的过程中有较大难度，涉及的原理主要有两个：一是 HTTP 原理，这是一个请求、响应原理，对初中生来说，不需要讲解过深，只需要让学生知道客户端发出文件请求，服务器响应返回文件；二是浏览器打开网页原理，这是一个解码的过程，创建网页是编码的过程，让学生知道通过编码、解码，才能看到丰富多彩的内容。本节课的内容不直观，需要教师在讲解时借助于动画或者示意图等，其中网址组成、HTTP协议的工作过程，以及 HTML 标识语言等事实性知识不需要学生通过探究得出，教师可让学生通过实践感知后，直接通过讲授法教授给学生，而域名解析、浏览器获取网页的过程等可组织学生进行探究，加深学生对原理的理解。

展开更多......

收起↑