第三单元第1课《信息之网--接入联网超文本、超链接与HTTP》课件 　 2025-2026学年清华大学版（2024）B版初中信息科技七年级上册

第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等形成初步认识，熟练使用和掌握，帮助我们在使用过程中更便捷。 7 03 新知导入 本课中你将学习: 超文本如何改变信息浏览方式 超链接如何设置与使用 HTTP有哪些应用 03 新知导入 万维网被称为信息的海洋，它由数不清的网页组成。我们只要在浏览器中输入网址，就可以找到对应的网页，还可以从这一张网页跳转到其他网页阅读想要的信息。这些功能的实现与超文本、超链接及超文本传输协议( hypertext tansfer protocol, HTTP)有关。 03 新知导入 04 新知讲解 一、超文本的出现 随着人类社会的进步，信息呈现爆炸式增长，人们开始面临大容量信息检索与阅读等方面的挑战。因为传统的信息检索，大多是按照纸质文件上的目录“按图索骥”：而在内容阅读方面，大多是沿着“自上而下”的线性顺序展开，如图3.1.1所示。 图3.1.1 纸质文本的信息与阅读 11 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.gov.cn/c**/co***46/index.htm 使用HTTP进行通信 主机名，即访问网站名称 路径即主机上的目录或文件地址 要访问的指定网页 图3.1.3 网页的URL 04 新知讲解 为什么要在URL前面加不太常用的“//” 符号呢? 2019年 10月，蒂姆.伯纳斯.李承认，选用“//” 符号确实有欠考虑，因为没想到万维网会这么普及，当初只是想用它告知计算机，接下来输入的是网址而已。 你知道吗？ 04 新知讲解 域名是由一串用“.” 分隔的字符组成，一般可分为网络名、域名主体与城名后缀三部分，主要用来标识某个网站或者某种网络服务。主机名中的"w.***pa.gov.cn"便是城名，其中“www” 为网域名，“***pa” 为域名主体，"gov.cn" 为域名后缀。常见的域名后缀及其含义，如表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页面，包含多个超链接，链接到其他相关页面或外部网站。 Lavf58.29.100 [s=1920x1080][vb=13000k][ab=192k]#[1920x1080][30.00fps][6011k][189k][T][tv=58aa_atlas-5.8.2][audioGain=2.5683][uploadSource=APP][p=xhFHmWb0SbbB1MH5Ndp/dQ==] $1993年4月30日，欧洲合资研究中心三人科学家蒂姆伯纳斯李在瑞士日内瓦宣布了一项突破性的技术，万维网技术W这项技术为互联网的快速发展奠定了基础，也成为人类历史上最重要的发明之一。万维网技术W这种简单但强大的信息管理系统，它可以让用户通过浏览器轻松访问网络上的各种资源和文件。这项技术的出现，改变了人们获取信息的方式，打破了传统媒体的限制，使得全球范围内的信息共享成为可能。伯纳斯李在1990年提出了这个概念，并且率先开发了第一个web浏览器和服务器。他的目标是建立一个可以让科学家们分享信息、数据和知识的系统，同时也能让普通人轻松的找到他需要的信息。这一目标很快就达成了，万维网迅速发展成为一个全球性的信息资源。随着互联网的快速发展，万维网技术也不断更新和完善。从最初的静态网页到现在的动态交互式应用程序，万维网技术一直在为人类带来更加便捷的生活方式和工作方式。比如人们可以在线购物、学习、娱乐、社交等各种活动，同时也可以随时随地与朋友家人和同事保持联系。然而，万维网技术的使用也面临着一些负面影响，比如网络安全问题、信息泄露、网络欺诈等。因此，各国政府和国际组织也开始加强网络管理和监管，以确保互联网的安全和稳定发展。总之，万维网技术是互联网发展历程中的重要里程碑，它改变了人类获取信息的方式，为我们带来了无限可能。随着技术的不断更新和完善，相信未来还会有更多的创新和发展，让我们拭目以待。 PPT如何插入超链接，可以跳转到指定的页面。插入完成之后，可以实现点击哪个按钮它会跳转到相应的界面。好，首先我选中我的第一个形状，选中之后点击上方的插入菜单，找到后边的超链接，选择在左侧这里，选择文档中的位置，选择幻灯片。首页的话是第一张幻灯片，选中第一张幻灯片，然后点击确定好，然后再选中北京的，点击插入超链接。文档中的位置，选择第二张幻灯片，第二张是北京的，点击确定，然后选择济南的这个按钮，超链接也是文档中的位置。第三张幻灯片济南倾倒的形状，选中之后超链接文档中的位置，第四张幻灯片是倾倒的，点击确定好，然后选中最后一张临沂，选中之后插入里边有一个超链接，文档中的位置，选择最后一张幻灯片，临沂的点击确定好，穿完了之后就可以了。然后我再选中首页的这个形状，control加C复制，在下边每一页幻灯片里边分别插入一个进来。我可以放到左下角的位置，我自己复制粘贴粘贴粘贴好，这样的话就可以了，我们可以播放试一下，这个时候我点击济南的按钮，它会跳转到济南这个界面。然后点击首页，回到第一页，点击临沂，就会跳转到临沂的一个界面。想要跳转到其他城市的话，回到首页就可以了。以上就是插入超链接的方法。