第三单元 第1课 编织信息之网——超文本、超链接与HTTP 课件 2025-2026学年湘教版初中信息科技七年级上册

该初中信息科技课件聚焦超文本、超链接与HTTP核心知识，通过“查资料跳转”“短视频话题”等生活实例导入，引导学生从“跳转现象”探究原理，再分模块讲解超文本网状阅读特性、超链接类型与URL结构、HTTP请求-响应流程，最终构建三者协同构成万维网的知识支架。 其亮点在于用生活实例培养信息意识，通过超链接URL解析、HTTP流程分析发展计算思维，课后“找超链接”“析域名”任务促进数字化学习。采用对比（传统与超文本阅读）、比喻（渔网、快递员）教学法，学生易理解知识联系，教师可高效开展教学。

编织信息之网——超文本、超链接与HTTP 1 导入 01 2 你每天都在用的“跳转魔法” 为什么网页可以“跳来跳去”？ 查学习资料 点击“秦始皇”链接，一键直达“秦朝历史”详解页， 不用翻厚厚的历史书 。 刷短视频 点击“#校园生活”话题，直接跳转同类视频合集， 无需手动搜索 。 办业务 点击“中小学入学”按钮，快速跳转到报名表单页， 不用跑线下 。 这些“跳转魔法”的背后，藏着三个“关键小伙伴”——超文本、超链接和HTTP。 3 超文本 02 4 超文本：打破顺序的“网状阅读” 两种阅读方式大比拼 传统线性阅读 必须按顺序读，不能跳 第一章 第二章 第三章 例子：看纸质小说、课本（按页码翻） 超文本阅读 像蜘蛛网，想怎么读就怎么读 内容 B 内容 C 内容 A 例子：刷网页、公众号 VS 5 超文本：打破顺序的“网状阅读” 核心定义 用“链接”把不同信息连起来，形成的“网状文本”。 就像思维导图 ，点击分支就能跳转详情。 课本知识点 超文本的出现，彻底改变了传统阅读方式，为万维网的发明打下了重要基础。 发明原因 以前信息少，按顺序读没问题。 后来信息爆炸，超文本能让我们 “按需跳转”，快速找到想要的内容。 关键意义 彻底改变了我们读信息的方式 —— 不用 “从头到尾”，而是 “直奔主题”。 比如想了解 “兵马俑”，不用先看 “秦朝历史” 全书，直接点击链接就能看重点。 6 超文本：打破顺序的“网状阅读” 1945年 科学家范尼瓦布什( Vannevar Bush)发表了一篇名为《按照我们的想象》(As We May Think)的文章，首次提出可以设计一种按照个人兴趣或需求访问与共享知识的设备。该设想虽然在当时未能实现，但对超文本概念的形成，产生了深远的影响。 20世纪60年代 计算机技术有了长足发展，网络也开始隐约显现。科学家泰得.纳尔逊( Ted Nelson)写了一篇名为《一种复杂、可变与不定型的文档结构》(4 File Structure for the Complex, the Changing and theIndeterminate )的论文，正 式提出了“超文本”(hypertext) 概念。 超文本就是运用超链接(hyper link )技术，将位于不同空间的信息进行组织关联，从而形成一种网状文本， 以方便用户进行交互式的访问与检索。 7 超链接 03 8 超链接：网页间的“跳转桥梁+地址密码” “隐形桥梁” 点击文字、图片或按钮，就能从当前页面跳到目标页面。 文字链接 图片链接 按钮链接 识别标识：鼠标悬停，光标变，看到它就对了！ “地址密码” 超链接能跳转，是因为它藏着目标信息的 “地址”，这就是 URL（统一资源定位符），URL是目标网页的“快递地址”，域名是地址的关键部分。 前缀://主体.后缀 http://www. taobao .com .com: 商业网站 .edu: 教育机构 .gov: 政府机构 .cn: 中国的网站 点击后的效果：跳转到新网页、弹出下载文件、打开邮箱（比如点击 “联系我们”→打开写信页面） 统一域名后缀 9 超链接：网页间的“跳转桥梁+地址密码” 单击网页中的超链接后，都会产生哪些效果? 1 效果一：跳去全新网页 这是 90%的超链接 在做的事：把你从当前页瞬间搬到另一页。浏览器关掉旧内容，立刻刷新成新地址。 小红书笔记 点商品链接 HTTP“快递员”拿新数据 购物页 页面完全替换 10 超链接：网页间的“跳转桥梁+地址密码” 单击网页中的超链接后，都会产生哪些效果? 2 效果二：页内瞬间定位 链接并不换页，只把页面 自动滑到指定位置 ，适合偷懒不翻页。 目录区 1. 课程介绍 2. 重点知识 3. 课后习题 ↓ 滚动区域 ↓ 课程内容 ... (前面章节内容) ... 3. 课后习题 点击目录后，页面“嗖”地一下飞到这里，无需手动翻页。 11 超链接：网页间的“跳转桥梁+地址密码” 单击网页中的超链接后，都会产生哪些效果? 3 效果三：保留原页，新开标签 点链接后 原网页不动 ，浏览器再开一扇标签或窗口展示新内容，让你查完资料还能回到原点。 原标签页 文章还在，可以继续阅读。 新标签页 点击“阅读原文”后，新开的官网页面。 12 超链接：网页间的“跳转桥梁+地址密码” 单击网页中的超链接后，都会产生哪些效果? 4 效果四：一点就下载文件 链接背后不是网页而是文件地址，点击就 弹出下载框 。HTTP快递员这次搬的是文件而非网页。 课件.pptx 老师分享的网课资料 下载提示框 下载文件夹 文件已保存到本地 13 超链接：网页间的“跳转桥梁+地址密码” 单击网页中的超链接后，都会产生哪些效果? 5 效果五：唤醒应用或拨号 链接能指挥设备打开本地应用，让网页和本地程序握手。这些链接以 特殊协议 开头。 拨打电话 `tel:10086` 发送邮件 `mailto:teacher@163.com` 扫码登录 专用协议 14 超文本 04 15 HTTP：浏览器的“沟通暗号” 通俗比喻 浏览器是“你”，服务器是“快递站”，HTTP是“快递员”，负责传话和送货。 关键结论 没有HTTP，浏览器和服务器就“没法沟通”，你也就 打不开任何网页 ！ HTTP的“请求-响应”流程 浏览器 HTTP请求 服务器 HTTP响应 渲染网页 HTTP的常见应用（都是你常用的） 网页浏览 文件下载 图片/视频 表单提交 16 在浏览器地址栏中，输入一个不含http://的网址并按回车键页面会成功跳转吗？这样的设计意图是什么？ 在浏览器地址栏中输入一个不含http://的网址并按回车键，通常情况下，浏览器会自动将其视为一个网址，并在前面加上http://或https://然，后进行跳转。 设计意图： 1.要是为了提高用户体验，使得用户在输入网址时更加方便，不必每次都输入协议前缀。 2.简化输入，用户不需要记住或输入协议，减少了输入的复杂性。 3.提高效率，用户可以更快速地访问网站，尤其是在移动设备上，输入完整的 URL 可能比较麻烦。 HTTP：浏览器的“沟通暗号” 17 三者关系 05 18 超文本 + 超链接 + HTTP = 万维网 超文本 整张渔网 超链接 渔网之线 HTTP 穿网工具 “超文本是网，超链接是桥，HTTP是话，三者凑齐，网页随便跳！” 浏览器里的 “信息海洋”—— 你能自由跳转、看想看的内容，全靠这三者配合！ 19 课堂练习 06 20 小测一下，你掌握了吗？ 1. 超文本的核心特点是什么？ A. 必须按页码顺序阅读 B. 像蜘蛛网一样，能跨内容自由跳转 C. 只能显示文字，不能显示图片 D. 必须下载后才能查看 2. 鼠标悬停在网页的图片上，光标变成“小手”，这说明？ A. 图片可以放大 B. 图片设置了超链接 C. 图片是广告 D. 图片无法点击 3. 下列域名后缀中，代表教育机构网站的是？ A. .com B. .edu C. .gov D. .cn 1. 答案：B 超文本的核心是“网状结构”，能自由跳转。A是纸质书特点，C错误（超文本能显示多媒体），D错误（网页超文本无需下载）。 2. 答案：B “鼠标悬停变小手”是超链接的典型标识，点击就会跳转。A、C、D都不会让光标变小手。 3. 答案：B .edu是教育机构专属（如北大官网）。.com是商业网站，.gov是政府机构，.cn是中国国家域名。 21 小测一下，你掌握了吗？ 4. HTTP的主要作用是？ A. 让网页变得更漂亮 B. 让浏览器和服务器能沟通 C. 存储网页的文字和图片 D. 保护网页不被篡改 5. 我们能从微信公众号文章跳到百度网页，关键依靠的是？ A. 超链接 B. HTTP C. 域名 D. 服务器 4. 答案：B HTTP是浏览器和服务器的“沟通语言”，负责传数据。A是网页设计工具作用，C是服务器功能，D是网络安全工具作用。 5. 答案：A 超链接是网页跳转的“桥梁”。HTTP负责传数据，域名是“地址”，服务器是“仓库”，都不直接实现跳转功能。 22 课堂小结 07 23 核心知识回顾 + 课后小任务 一张图记住核心知识 万维网的“信息网” 超文本 网状阅读 超链接 跳转桥梁 HTTP 沟通语言 课后小任务 打开手机浏览器，访问百度首页，找出3个超链接（提示：“新闻”“地图”“视频”）。 观察百度的域名“www.baidu.com”，说说它的前缀、主体和后缀分别是什么。 思考：如果没有HTTP，你能打开百度网页吗？为什么？ 24 $