(共45张PPT)
第1课
信息之网--接入互联网
超文本、超链接与HTTP
（清华大学版）七年级
上
1
核心素养目标
3
新知讲解
5
拓展延伸
7
板书设计
2
新知导入
4
课堂练习
6
课堂总结
课后作业
8
单元导入
本单元你将学习:
万维网中的网页是如何互相关联的
访问万维网客户端的模式有哪些
网络浏览方式经历哪些变化
如何设计自由行的旅行计划书
01
单元导入
01
万维网( world wide web, WWW. 3W或Web)是一种基于互联网的信息服务系统，由数不清的文档通过超链接连接在一起。万维网由欧洲核子研究中心( CERN)的高能物理学家率先提出并实现，在经历30多年的发展之后，现在已经成为一个规模非常庞大的信息海洋，是互联网最为重要的一种应用。人们可以通过浏览器或专用客户端软件实现信息的查找、浏览与共享。
学习热身
单元导入
01
网站名称 主 要 功 能
新浪 提供新闻、娱乐、体育、财经等多种
百度 帮助用户快速找到互联网上的信息
微博 允许用户创建个人或团体账户，发布状态更新、图片、视频等
中国大学MOOC 提供各类在线课程，包括高等教育、职业教育、技能培训等
知网 提供专业领域的资讯、数据、研究成果等
你知道万维网中的哪些网站？请将网站名称与主要功能填写在下表中。
单元导入
你知道吗？
01
在使用浏览器访问万维网时，为什么要输入“WWW"
1989年，在CERN工作的蒂姆.伯纳斯.李开发出了世界上第一个Web服务器与可视化Web浏览器。这个Web浏览器原先被命名为worldwideweb,但为了与万维网区分，后来改名为nexus。
2017年4月，美国计算机协会宣布蒂姆.伯纳斯.李获得2016年“图灵奖”，以奖励其发明万维网、浏览器与允许网页扩展的基本协议与算法。
“万维网之父” 蒂姆.伯纳斯.李
02
核心素养目标
信息意识
计算思维
数字化学习与创新
信息社会责任
通过浏览器或专用客户端软件实现信息的查找、浏览与共享，并且认识到网络的利与弊，合理利用网络，自主维护网络安全。
将本课所学知识能力灵活性和个性化创新，比如如何更快定位到自己想要查找的网页，不断探索新方法和新思路。
能借助学习接入互联网超文本、超链接与HTTP，明确互联网各个组成部分，并且快速定位到网页，进而强化个人计算思维。
能够对接入互联网超文本、超链接与HTTP等形成初步认识，熟练使用和掌握，帮助我们在使用过程中更便捷。
03
新知导入
本课中你将学习:
超文本如何改变信息浏览方式
超链接如何设置与使用
HTTP有哪些应用
03
新知导入
万维网被称为信息的海洋，它由数不清的网页组成。我们只要在浏览器中输入网址，就可以找到对应的网页，还可以从这一张网页跳转到其他网页阅读想要的信息。这些功能的实现与超文本、超链接及超文本传输协议( hypertext tansfer protocol, HTTP)有关。
03
新知导入
04
新知讲解
一、超文本的出现
随着人类社会的进步，信息呈现爆炸式增长，人们开始面临大容量信息检索与阅读等方面的挑战。因为传统的信息检索，大多是按照纸质文件上的目录“按图索骥”：而在内容阅读方面，大多是沿着“自上而下”的线性顺序展开，如图3.1.1所示。
图3.1.1 纸质文本的信息与阅读
04
新知讲解
1.创意的形成
1945年科学家范尼瓦布什( Vannevar Bush)发表了一篇名为《按照我们的想象》(As We May Think)的文章，首次提出可以设计一种按照个人兴趣或需求访问与共享知识的设备。该设想虽然在当时未能实现，但对超文本概念的形成，产生了深远的影响。
20世纪60年代，计算机技术有了长足发展，网络也开始隐约显现。科学家泰得.纳尔逊( Ted Nelson)写了一篇名为《一种复杂、可变与不定型的文档结构》(4 File Structure for the Complex, the Changing and theIndeterminate )的论文，正 式提出了“超文本”(hypertext) 概念。
04
新知讲解
探索
选择一个你喜欢的网站，并通过鼠标切换不同的网页，让自己畅游于文本、音频、图像、视频动画等多种媒体元素构成的网页空间，进而感受万维网的超文本给阅读所带来的便利与高效。
04
新知讲解
超文本就是运用超链接(hyper link )技术，将位于不同空间的信息进行组织关联，从而形成一种网状文本， 以方便用户进行交互式的访问与检索，如图3.1.2所示。
图3.1.2 超文本
04
新知讲解
2.颠覆性的意义
超文本的出现彻底改变了人类对信息检索与阅读的传统方式。浏览者可以从文档的一个地方跳转到另一个地方，也可以从一个文档直接跳移到另一个文档，且可以进行返回操作。它可以让浏览者按照个性化需求进行选择性阅读，帮助浏览者更加全面、深入地了解信息。
超文本的诞生为万维网的发明提供了重要的技术支撑。它为网页信息的组织，网站资源的访问、浏览与下载，提供了一种全新的解决思路，网络交流也因此变得更加便捷、高效、人性化。
04
新知讲解
1989年3月，蒂姆.伯纳斯.李向CERN提交了一份名为《信息管理：一个提案》的建议书，主张运用超文本技术将CERN内部的各个实验室连接起来，从而帮助用户实现网络信息的共享与访问。
你知道吗？
04
知识拓展
你知道超文本一般应用在哪些地方吗？
1.网页
超文本最常见的应用是网页，用户可以通过点击链接在不同的网页之间导航。
2.电子书
许多电子书使用超文本格式，允许读者在章节之间快速跳转。
04
知识拓展
你知道超文本一般应用在哪些地方吗？
3.在线百科全书
如维基百科，利用超文本链接提供丰富的信息网络。
4.超媒体
超文本的扩展，除了文本，包括图像、视频等多媒体元素。允许用户在不同类型的媒体之间进行导航。
04
新知讲解
二、超链接的设置
超链接是一种能够将不同空间的信息进行组织链接的技术。如果信息之间存在某种关联，那么就可以通过超链接技术将它们链接起来，进而创建成一个超文本。网站中的网页及其他资源就是通过超链接形成一个超文本。
04
新知讲解
1.设置对象
网页中的文本、图片与按钮等都是可以用来设置超链接的对象。当鼠标光标悬停在被设置对象上时，光标就会变成“凸”。若单击超链接，则会产生从一张网页跳到另一张网页， 或者从当前网页位置跳转到指定浏览处，甚至是弹出下载文件或打开电子邮箱等效果。
04
新知讲解
探索
访问你熟悉的网站，观察各种网页中的超链接。单击网页中的超链接后，都会产生哪些效果
04
新知讲解
1. 页面跳转：最常见的效果是跳转到另一个网页或者是完全不同的网站。
2. 打开新窗口或标签：有些超链接设置为在新窗口或新标签页中打开，这样用户可以同时查看多个页面。
3. 下载文件：某些超链接可能指向文件，单击后会开始下载该文件。
4. 锚点跳转
如果超链接指向同一页面的特定部分，单击后会滚动到该部分内容。
5. 触发JavaScript事件
某些超链接可能与JavaScript代码关联，单击后会触发特定的脚本。
单击网页中的超链接后，都会产生哪些效果
04
新知讲解
2.网址与城名的格式
超链接技术的基本原理是通过设置指向被关联信息所在的地址，实现跳转式的访问。因此，当单击万维网上某个超链接时，浏览器会自动解析该超链接所指向的网址，然后打开目标网页。
网址是统一资源定位符( uniform resource locator, URL) 的俗称，由域名及其他部分组成，主要用来指定某个网站上具体网页或者资源的地址。以万维网上某张网页为例，其URL的基本格式如图3.1.3所示。
04
新知讲解
http://www.***pa./c**/co***46/index.htm
使用HTTP进行通信
主机名，即访问网站名称
路径即主机上的目录或文件地址
要访问的指定网页
图3.1.3 网页的URL
04
新知讲解
为什么要在URL前面加不太常用的“//” 符号呢 2019年 10月，蒂姆.伯纳斯.李承认，选用“//” 符号确实有欠考虑，因为没想到万维网会这么普及，当初只是想用它告知计算机，接下来输入的是网址而已。
你知道吗？
04
新知讲解
域名是由一串用“.” 分隔的字符组成，一般可分为网络名、域名主体与城名后缀三部分，主要用来标识某个网站或者某种网络服务。主机名中的"w.***pa."便是城名，其中“www” 为网域名，“***pa” 为域名主体，"" 为域名后缀。常见的域名后缀及其含义，如表3.1.1所示。
04
新知讲解
域名后缀 含 义
.cn 中国国家域名
.com 最流行的顶级域名之一，代表商业和公司
.net 通常用于网络组织和服务提供商
.org 通常用于非营利组织和服务提供商
.edu 仅限于教育机构使用，如大学和学院
.gov 仅限于政府机构使用
.int 用于国际组织
表3.1.1 常见的域名后缀及其含义
04
知识拓展
关于域名的管理和安全性。
1.管理
域名的管理包括更新注册信息、续费、转移域名等。
域名的所有者可以通过域名注册商的管理面板进行这些操作。
2. 安全性
DNSSEC：系统安全扩展，旨在保护DNS数据的完整性和真实性。
SSL证书：提供加密连接，确保数据传输的安全性。
04
新知讲解
三、HTTP的应用
HTTP是TCP/IP协议族中用来传输超文本和其他资源的应用协议。它支持客户端与服务器之间，通过请求与响应模式实现万维网的相关功能。客户端又称为用户端，是指与服务器相对应，为客户提供本地服务的程序。浏览器便是一种通用的客户端。
HTTP在设计之初，只用在客户端浏览器与服务器之间传输网页文件和相关资源。但随着万维网的发展，HTTP 也开始扩大它的功能，并形成如表3.1.2所示的应用。
04
新知讲解
表3.1.2 基于HTTP的应用
应用 具体事例
网页浏览 访问服务器中网页，并以多样化的方式浏览和交互网页
文件传输 直接从服务器下载文件
图片和媒体传输 获取服务器上的多媒体文件，并在客户端上进行显示或播放
Web服务 向服务器提交数据，实现注册、存储、搜索和计算等各种操作
跨城通信 实现不同网站或服务器之间的通信
RESTful API 使用不同请求方法，创建、读取、更新和删除位于服务器中资源
04
新知讲解
探索
在浏览器地址栏中，输入一个不含http://的网址并按回车键页面会成功跳转吗？这样的设计意图是什么？
04
新知讲解
在浏览器地址栏中输入一个不含http://的网址并按回车键，通常情况下，浏览器会自动将其视为一个网址，并在前面加上http://或https://然，后进行跳转。
设计意图：
1.要是为了提高用户体验，使得用户在输入网址时更加方便，不必每次都输入协议前缀。
2.简化输入，用户不需要记住或输入协议，减少了输入的复杂性。
3.提高效率，用户可以更快速地访问网站，尤其是在移动设备上，输入完整的 URL 可能比较麻烦。
03
知识拓展
关于HTTP/1.1与HTTP/2的区别
1. 传输方式
HTTP/1.1：采用文本格式，使用明文传输请求和响应。每个请求和响应都是独立的，通常每个请求都需要建立一个新的TCP连接，尽管可以通过持久连接（Keep-Alive）来减少连接的建立次数。
HTTP/2：采用二进制格式，使用多路复用（Multiplexing）技术，允许在一个TCP连接上并行发送多个请求和响应，避免了HTTP/1.1中的队头阻塞问题。
04
知识拓展
2. 传输方式
HTTP/1.1：由于请求是串行处理的，多个请求可能会导致延迟，尤其是在网络延迟较高的情况下。
HTTP/2：通过多路复用，多个请求可以同时进行，显著提高了页面加载速度和响应时间。
3.头部压缩
HTTP/1.1：头部信息以文本形式传输，会导致冗余数据，增加带宽消耗。
HTTP/2：使用HPACK算法对头部进行压缩，减少了数据量，提高了效率。
关于HTTP/1.1与HTTP/2的区别
05
课堂练习
挑战
运用本节课所学知识，制作一份介绍超文本、超链接和HTTP知识的PPT，以便初学者参考。
06
拓展延伸
除了万维网还有哪些网站？
1. 社交媒体网站：如Facebook、Twitter、Instagram、TikTok等，用户可以在这些平台上分享内容、互动和交流。
2. 电子商务网站：如Amazon、eBay、淘宝等，用户可以在线购买商品和服务。
3. 搜索引擎：如Google、Bing、百度等，用户可以通过这些平台搜索信息。
06
拓展延伸
除了万维网还有哪些网站？
4. 新闻网站：如BBC、CNN、新华网等，提供最新的新闻和信息。
5. 论坛和社区网站：如Reddit、知乎、天涯社区等，用户可以在这些平台上讨论各种话题。
6. 视频分享网站：如YouTube、Vimeo、Bilibili等，用户可以上传、分享和观看视频。
06
拓展延伸
如何制作超链接？
06
拓展延伸
可以通过哪些方式学习超文本、HTTP的知识？
1.阅读专业书籍
对于超文本，可以阅读关于文档标记语言的书籍。例如，学习 HTML（超文本标记语言）相关的书籍，像《HTML & CSS: Design and Build Websites》。
2.在线课程学习
Coursera、edX 等平台提供了许多关于网络技术的课程。例如，在 Coursera 上有 “Web Design for Everybody: Basics of Web Development & Coding” 课程，其中包含了超文本标记语言（HTML）。
06
拓展延伸
可以通过哪些方式学习超文本、HTTP的知识？
3.实际项目实践
可以尝试制作个人网页来学习超文本。从简单的单页网站开始，使用 HTML 编写页面内容，如创建一个个人简历网页。
4.研究开源项目和代码示例
在 GitHub 等平台上有许多开源的网页项目。可以搜索一些基于 HTML 的项目，研究它们的超文本结构。
07
课堂总结
1
引入新知内容
信息之网--接入互联网超文本、超链接与HTTP
2
超文本的出现
3
超链接的设置
4
5
进行课堂练习
1
2
3
4
5
5
进行相关知识拓展
6
HTTP的应用
08
板书设计
信息之网--接入互联网超文本、超链接与HTTP
1.进行新知引入
2.学习新知讲解
3.完成课堂练习
4.进行知识拓展
09
课后作业
课后试着创建一个简单的HTML页面，包含多个超链接，链接到其他相关页面或外部网站。
https://www.21cnjy.com/recruitment/home/fine
