第3单元 第2课《我查询你回答--浏览器与C_S架构》教案-【清华大学版2024】《信息科技》七上.docx

课题

我查询你回答—浏览器与C/S架构

单元

第三单元

学科

信息科技

年级

七年级

核心素

养目标

1.信息意识：通过浏览器访问各种在线资源，学生可以学习如何鉴别信息的来源与真实性。

2.计算思维：学生在参与C/S架构的使用时，能够将大问题分解为小任务，从而逐步解决。

3.数字化学习与创新：借助浏览器，能够主动寻找学习资源，增强自学能力。学习如何与他人协作，通过共享信息与资源促进团队创新。

4.信息社会责任：学习如何合法使用信息资源，认识到侵权和版权的重要性。通过讨论与案例分析，能够理解如何在数字环境中做出负责任的决策。

教学重点

学习了解浏览器与C/S架构。

教学难点

对比浏览器与C/S架构。

教学过程

教学环节

教师活动

学生活动

设计意图

导入新课

第3.2课《我查询你回答—浏览器与C/S架构》

板书课题。

1.本课中你将学习:

HTTP是如何支持请求﹣响应“

浏览器为什么具有跨平台的优势

基于C/S架构的客户端有哪些优势

2.浏览万维网的信息就是通过客户端发出请求，服务器对此进行响应的过程。但你是否注意过一个有趣的现象：台式计算机大多是通过浏览器访问，而智能手机与平板电脑等移动终端则大多是通过特定客户端软件实现，这背后有怎样的考虑呢？

2.播放视频。

学习新知引入。

观看教学视频。

用智能创新知识引入课堂。

将学生的注意吸引到课堂。

讲授新课

新知讲解：

板书课题。

一、请求一响应的实现

HTTP的请求与响应，就如同我查询你回答的对话过程，如图3.2.1所示。

通常由客户端通过URL向服务器发起请求，索要特定资源或发送相关数据；服务器接收到请求后，响应返回相关资源或处理数据；客户端则在接收到相关资源或数据后，再由浏览器渲染生成网页等。

常用的HTTP请求方法

客户端发起的请求主要通过不同的HTTP请求方法实现。HTTP有多种请求方法，最为常见的是GET与POST两种。GET是一种相对安全的请求方法，主要是帮助客户端从服务器获取网页数据与下载文件资源，但不对服务器做出任何修改。GET请求通常在URL中包含查询参数，如图3.2.2所示。

POST方法主要用来将数据发送到服务器，如登录、注册、提交表单与上传文件等操作。POST请求在URL中不包含查询参数，数据通常包含在请求体中，如图3.2.3所示。

2．常见的HTTP响应状态码

服务器接收到客户端发出的请求后，通过HTTP响应状态码回应处理情况，以确保响应服务的顺利开展。如图3.2.4所示，HTTP响应状态码共有五类，每一类都由三个数字组成，每个数字代表不同的意义。其中第一个数字表示响应类别，其余两个数字表示该响应类别下不同处理结果。

常见的HTTP响应状态码及代表意义有：200（表示响应成功）,400（表示语法错误）,403（表示服务器拒绝请求）,404（表示文件不存在）,500（表示服务器内部错误）等。

探索

尝试手动输入一个不存在的URL，查看浏览器返回的页面，它所呈现的响应状态码是什么？

当你手动输入一个不存在的URL时，浏览器通常会返回一个404NotFound的状态码。这表示服务器无法找到请求的资源。不同的浏览器可能会呈现不同的错误页面设计，但状态码一般是相同的。

知识拓展

客户端错误状态码的类型：

1.400BadRequest：

服务器无法理解请求，因为语法错误。

2.401Unauthorized：

请求需要用户身份验证，通常用于需要登录的资源。

3.403Forbidden：

服务器理解请求但拒绝访问，通常因为权限不足。

4.404NotFound：

请求的资源不存在，常见的404错误页面。

5.429TooManyRequests：

用户发送的请求过多，触发了服务器的流量限制。

二、跨平台的浏览器

浏览器是网页浏览器的简称，是一种用于检索并展示万维网信息资源的应用程序。作为万维网切入口的重要工具，浏览器需要为用户提供一种直观且易于操作的人机界面。无论是台式计算机还是智能手机、平板电脑等终端上的浏览器，都会突显用来输入URL的地址栏与展示信息资源的页面窗口，如图3.2.5和图3.2.6所示。

浏览器（图3.2.7）具有跨平台的优势。只要用户终端安装了任意一款浏览器，通常就可以访问任何一家对外开放的网站。由于服务器端承担了请求一响应的大部分工作，因此无须过多考虑用户终端的各种复杂情况，从而大大减轻了开发、维护与使用的成本。但通过浏览器访问也会存在某些不足，如服务器响应时间相对较长、安全相对难以保障及界面个性化设置支持不够等。

探索

选择并使用两款浏览器，体验前进、后退、有哪些信誉好的足球投注网站、下载与收藏等功能，并对比分析用户界面、加载速度、个性化设置与用户隐私等方面的差异。

用户界面：

GoogleChro