资源简介

(共27张PPT)
互联网应用中的数据
八年级　信息科技
第二单元　互联网数据　·　第 1 课
授课教师：＿＿＿＿＿　　班级：＿＿＿＿＿　　日期：＿＿＿＿＿
今天这节课，只有一个问题
40 分钟　·　一条主线　·　五个环节
核心问题：点一下网页，这一秒钟里到底发生了什么？
学完这节课，你要能做到三件事
① 说出互联网应用里有哪几类数据、从哪里来，并填好记录表
② 用自己的话讲清「请求—响应」，并且能画出来
③ 解释在线视频为什么先卡一下、再变清晰
五站：情境导入　→　数据构成体验　→　数据传输探究　→　迁移拓展　→　小结作业
2 / 27
环节一
一、情境导入：一秒钟的疑问
4 分钟　·　先动手，再提问
先看老师做一个动作。
3 / 27
点一下就出来，拔了网线就出不来
我们每天都这样上网，从来没人问过为什么——
① 刚才这一下，你看到了什么？
② 这个网页的内容，原来存在哪里？在你面前这台电脑里吗？
③ 拔掉网线为什么就出不来了？这说明什么？
点一下 → 网页出现　　｜　　拔掉网线 → 刷新 → 打不开
这说明：网页本来不在这台电脑里。
www.

无法访问此网站
www. 意外终止了连接。
ERR_CONNECTION_CLOSED
4 / 27
这一秒钟里，
到底发生了什么？
—— 这是今天这节课，要回答的唯一问题
5 / 27
二、体验探究：互联网应用中的数据构成
12 分钟　·　体验 3 个应用　→　填表　→　归纳
任务 在「互联网数据体验站」里自选 3 个应用体验（04 在线词云必做）
规则 每体验完一个，首页卡片会打上「 已体验」；全班按小组顺序点击，看到转圈就等一等——这个「转圈」，正是我们今天要研究的问题
6 / 27
体验①　在线博物馆
图像 + 文本
· 这是「图像 + 文本」最多的一个应用
· 数一数：这一页上有几张图？有几段说明文字？
· 想一想：这些图片和文字，是电脑自己算出来的，还是从服务器取来的？
7 / 27
体验②　在线音乐
音频数据
· 这里的数据是「音频」
· 试试切换「本地播放 / 云端播放」——注意云端会先「缓冲」
· 猜一猜：那个转圈的「缓冲」，它在等什么？
8 / 27
体验③　虚拟校园导览
图像 + 文本 + 交互指令
· 地图 + 8 个热点，点一下弹出一段介绍
· 你看到的数据：图像、文本——还有你的「点击」本身
· 这个页面，和真实的校园导览有什么一样、有什么不一样？
9 / 27
体验④　在线词云分析　【必做】
本课最关键的一次体验
· 粘贴一段文字 → 电脑当场分词、数词频 → 画出词云
· 关键发现：这张图，是「网上」给你的，还是你这台电脑自己算出来的？
· 悄悄试一下「假装拔掉网线」——它照样能画出来
这张图，是本机自己算出来的
数据来源的第二条路
10 / 27
同样是打开一个页面，为什么一个快、一个慢？
先不给答案，把这个问题记在心里
· 本地体验站：几乎「秒开」
· 外网真实网站：要「转圈」等一会儿
· 这个速度差，是今天最重要的一个证据
外网访问每节课只做 1～2 次
按小组顺序点击，避免百兆带宽瞬时占满。
11 / 27
把刚才看到的，填进《数据构成记录表》
每一行填四项
① 我看到了什么数据
② 数据来源：服务器提供 / 本机生成
③ 它存放在哪里：云端服务器 / 学校服务器 / 我的电脑
④ 我的疑问
表格自动保存，课后可导出 Word / Markdown / 纯文本
12 / 27
互联网应用中的数据，到底有哪些？
按「媒体类型」分
文本
图像
音频
视频
按「来源」分
① 服务器端提供
在线博物馆、在线音乐
② 客户端本机生成
在线词云（本机分词、统计、绘制）
数据不会凭空出现——要么从服务器「取」来，要么由本机「算」出来。
13 / 27
三、动画探究：数据传输的「一问一答」
12 分钟　·　先猜后看，再看时间花在哪一步
动画播放之前，先听你们猜——猜错了也没关系。
① 你点的那一下，跑到哪里去了？就在这台电脑里，还是跑到了别的地方？
② 服务器凭什么知道你要的是哪一张图、哪一个页面？
③ 服务器把东西送回来，是「原样」显示在屏幕上的吗？
把你们的猜测写在黑板上，看完动画再对一对。
14 / 27
第①步　输入网址 → 浏览器发出「请求」
每播完一段，请用自己的话说说：这一步，谁在做什么？
· 你输入的网址：www./index.html
· 浏览器把「我要这个页面」打包成「请求」，发给服务器
· 关键术语：客户端　请求
15 / 27
第②步　服务器接收请求 → 处理
每播完一段，请用自己的话说说：这一步，谁在做什么？
· 服务器收到「请求」，在它的存储里找到你要的那份资源
· 它凭什么知道你要什么？——请求里写着网址和文件名
· 关键术语：服务器　处理
16 / 27
第③步　服务器把资源送回：「响应」
每播完一段，请用自己的话说说：这一步，谁在做什么？
· 服务器把 index.html 的页面资源打包成「响应」，送回来
· 过去的时候叫请求，回来的时候叫响应——一问一答
· 关键术语：响应
17 / 27
第④步　浏览器解析 → 把网页「拼」出来
每播完一段，请用自己的话说说：这一步，谁在做什么？
· 浏览器收到资源，读懂它、把网页「拼」出来
· 我们看到的网页，是浏览器现场组装的结果
· 关键术语：呈现
18 / 27
一句话记住它：客户端和服务器在「一问一答」
客户端　—请求→　服务器
客户端　←响应—　服务器
中间的「共同语言」：协议（HTTP）
类比一
像你给图书馆打电话借一本书——你要说清书名（请求），它才能给你找（响应）。
协议 = 双方事先约好的共同语言
没有协议，就无法通信
类比二
像两个人通话必须讲同一种语言。
追问：如果两个人讲不同的语言，会怎样？
19 / 27
动手算一算：等这一下，时间花在哪了？
把开头那个速度差，算清楚
· 自己选一次：一份高清视频 + 一个国外服务器
· 看三段耗时各占多少：网络延迟 / 服务器处理 / 数据传输
· 现在能解释了吗——为什么外网那个页面比本地慢？
等待时长 ≈
网络延迟×2 ＋ 服务器处理 ＋ 数据量÷带宽
20 / 27
本课的核心模型
客户端
浏览器
服务器
存放网页资源
请求
响应
· 数据在哪里：在服务器上
· 数据怎么过来：请求 → 响应，中间的规矩是 HTTP 协议
· 数据多久到：看网络延迟和数据量
21 / 27
环节四
四、迁移拓展：从「看数据」到「用数据」
8 分钟　·　流媒体 4′ ＋ 网站栏目策划 4′
22 / 27
如果全班同时点开同一段在线视频，为什么先卡一下、再变清晰？
· 动手试试：换数据量、换带宽，看「启动延时」怎么变
· 两种方式比一比：边下边播　/　完整下载后再播
· 想一想：我们机房的带宽，是谁在用？
23 / 27
流媒体技术：数据量大 → 分段传输 → 边下边播
数据量大
一段高清视频，动辄几百 MB ～ 几 GB
分段传输
把音频、视频切成较小的数据块
边下边播
不必等整个文件下完，经过很短的启动延时即可观看
瓶颈是数据量，不是网速　｜　带宽是全班分着用的　｜　只有完整文件才能保存、编辑、离线使用
24 / 27
小组任务：策划一个「人工智能」主题网站的栏目
确定 3～4 个栏目，每个栏目写清三件事
· 放什么数据：文本 / 图像 / 音频 / 视频
· 数据从哪里来：服务器提供 / 本机生成
· 为什么放它
想一想：首页放一段 4K 高清视频，
访问你网站的人要等多久？
填好可导出 Word / Markdown / 纯文本，下节课带来继续用。
25 / 27
现在，请你回答开场那个问题
请 2～3 位同学，用一句话说一说
这一秒钟里，到底发生了什么？
本课三句话收束
· 数据「是什么」：文本 · 图像 · 音频 · 视频；来源分服务器提供与本机生成
· 数据「怎么来」：请求 → 响应，中间的规矩是 HTTP 协议
· 数据量大了「怎么办」：流媒体——分段传输、边下边播
26 / 27
今天的作业
必做
完成并导出《数据构成记录表》：课内体验的 3 个应用 ＋ 课后补 1 个（如在线地图、在线视频、网课平台）
二选一
A. 用箭头画一张「访问某网站」的请求—响应流程图，标出「请求 / 响应」和协议名称
B. 用自己的话向家长解释「网页是从哪里来的」，写进记录表（不超过 100 字），用上「客户端、服务器、请求、响应」四个词
小组
完成并导出《网站栏目策划卡》，下节课带来
下次上网，希望你看见的不只是一张网页，还有它背后的一次「一问一答」。
27 / 27第6课　互联网应用中的数据
——基于核心素养的体验探究式教学设计
学科 信息科技 年级 八年级（上册）
单元 第二单元　互联网数据（第1课） 课型 新授课（体验探究型）
课时 1课时（40分钟） 授课环境 计算机网络教室
环境说明 一人一台电脑；可连接互联网，带宽百兆；4人1组 教材位置 第6课　互联网应用中的数据
配套素材 本地"互联网数据体验站"（9个页面，全部离线运行），已制作完成并测试通过 素材路径 第二单元第一课\互联网数据体验站\
一、课标依据
依据《义务教育信息科技课程标准（2022年版2025年修订）》第四学段（7～9年级）"互联网应用与创新"模块（条目号与原文已联网核对）：
来源 条目 关键原文（摘录）
内容要求 第(3)条 "了解常用互联网应用中数据的构成，能够使用适当的数字化工具对网页进行编辑和发布。"
内容要求 第(4)条 "初步了解互联网协议，知道网络中数据的编码、传输和呈现的原理。"
内容要求 第(1)条 "通过在线活动，分析互联网应用的特征，认识到互联网对社会发展的创新价值和潜力。"
学业要求 本模块 "能从现实应用中体会互联网是如何将复杂的远程数据传输和通信等问题逐步化简为分解、编码、传输和重新组合等一系列规则（协议）的。"
学业质量描述 第四学段 "……知道网络中数据的编码、传输和呈现的原理（计算思维、数字化学习与创新）；……在网络应用中，能体会信息传输过程中协议的作用……（信息意识、信息社会责任）。"
核心素养锚点（本课选取3项，不贪多）：
① 信息意识（主锚）——能在真实互联网应用中主动识别"这是哪一类数据、它从哪里来"，把日常上网行为转化为有意识的数据观察。
② 计算思维（主锚）——能抽象出"客户端—请求—服务器—响应—呈现"这一基本模型，并用它解释一个真实现象。
③ 数字化学习与创新（辅锚）——能借助在线工具与本地工具开展体验探究，并完成一份可导出的数据构成记录与网站栏目策划。
④ 信息社会责任（渗透）——关注带宽与资源成本、文明使用网络资源、初步的数据安全意识。
说明：条目号与原文均取自课标"互联网应用与创新"模块，未作改写；其中"了解……数据的构成""知道……传输和呈现的原理"两句，正是本课两条知识主线的直接出处。
二、教材分析
五问 分析
① 这一课"是什么" 本课是第二单元"互联网数据"的起始课，含两条主线：「互联网应用中的数据构成」——网页/在线博物馆/在线音乐/虚拟校园/在线词云等应用中的文本、图像、音频、视频等数据，其来源分为服务器端提供与客户端本地生成；「互联网应用中的数据传输」——浏览器发起请求、服务器响应的基本过程（HTTP 协议），并延伸到流媒体技术。教材配图 6-1～6-5 是本课最直接的教学素材。
② "从哪来"（前置基础） 学生此前已在七年级"互联网应用与创新"模块中体验过在线学习平台、搜索引擎、在线协作等应用（本课"探索"栏第一问"你在学习平台上浏览的信息有哪些类型"即由此发问），能熟练打开网页、使用搜索与在线音视频；但认识停留在"会用"层面，缺少"数据在哪里、数据怎么来"的原理性认识。
③ "往哪去"（进阶位置） 本课建立的"客户端—服务器—请求/响应"模型，是后续"数据分包传输""网络协议分层""网页编辑与发布""物联网中数据传输"等内容共同的认知脚手架；本课"数据构成"的分类经验，也直接服务于单元随堂练习"策划‘人工智能’主题网站的制作方案"。
④ 核心矛盾/关键点 重点：识别互联网应用中数据的构成（媒体类型 + 来源）。 难点：「请求—响应」过程的原理性理解。难点成因有三：一是这个过程发生在毫秒之间、肉眼不可见，学生只能看到"点一下就出来了"的结果，看不到中间的传递；二是学生存在"网页本来就在电脑里"的朴素前概念，需要先破除才能建立新模型；三是本课机房带宽只有百兆，全班同时访问外网大流量资源会出现卡顿，容易把学生的注意力从"原理"引向"网坏了"——这既是教学组织的挑战，也是一个可转化为教学资源的机会（见设计意图）。
⑤ 独特教育价值 除知识技能之外，本课是完成"从会用互联网到读懂互联网"这一转变的关键一课，最适合承载"信息意识"与"计算思维"：它把一个学生天天在做、却从未想过原因的动作（点开网页），变成一个可观察、可建模、可解释的对象。
三、学情分析
维度 本课这批学生的具体情况
① 知识/能力起点 能熟练打开浏览器、使用搜索引擎与在线音视频平台，知道"上网""下载""刷新"等生活化词汇；但对三点说不清：网页内容到底存在哪里、数据有没有"类型"之分、网址与网页内容是不是一回事（常见混淆点）。已具备基本的文件夹与文件类型经验，能识别 .txt/.jpg/.mp3/.mp4 等扩展名，可作为"数据构成"分类的经验起点。
② 认知/思维特点 八年级学生的抽象逻辑思维开始占优势，但仍需具体形象作支撑：对"看得见的类比"（寄信要写清收件地址、打电话要讲同一种语言）和"会动的动画"接受度高，对纯口头讲解的原理极易走神。注意力集中约 8～12 分钟为一个波段，本课因此把 40 分钟切成"体验—记录—动画—迁移—小结"5 个波段，每个波段都换活动形式。喜欢"自己动手试"，厌恶"教师演示一遍、全班照着抄"。
③ 预判困难与兴趣点 困难：a. "请求—响应"不可见，若只靠教师讲解，学生只能死记"客户端发送请求、服务器响应"这句话；b. 全班同时打开真实博物馆官网的高清展厅会造成百兆带宽瞬时紧张，出现"转圈"；c. 若词云用外网在线工具，可能存在登录、收费或广告干扰。 兴趣点：a. "点一下就出来"的魔法感，是天然的探究冲动；b. 自己和电脑"算"出一张词云图，看着"人工智能"几个字越变越大；c. 小组之间"谁先体验完 3 个"的轻量比拼。
四、教学目标
1. 知识与技能
（1）在体验 3 个以上互联网应用后，能准确说出其中的数据构成，至少识别出文本、图像、音频、视频中的 2 类，并完成一份《数据构成记录表》；
（2）能用自己的话复述并画出"客户端—请求—服务器—响应—呈现"的基本流程，指出数据从哪里来、经过谁、到哪里去；
（3）能说出流媒体技术"数据量大→分段传输→边下边播"三个要点，并解释在线视频为什么会先卡后清晰。
2. 过程与方法
（1）经历"在线体验→分类记录→对比归纳→动画探究→建模表达"的完整探究过程，初步学会用"数据流向"的视角分析一个互联网应用；
（2）在 4 人小组中分工完成体验打卡、记录表填写与网站栏目策划，初步掌握用数字化工具采集、分类整理并导出数据的方法。
3. 情感态度与价值观（学科素养表述）
（1）在体验我国数字文化资源的过程中，感受到互联网对文化传承与学习方式的价值，产生主动观察身边数据的意识；
（2）在百兆带宽的真实约束下，体会网络资源是"有限"的，初步形成文明使用网络资源、关注数据量与流量的责任意识。
【行为化校验收口】三条目标去掉"了解""培养""提高"等空动词后，分别剩下学生可做到的动作：说出并填表、复述并画流程、解释现象——均可在课堂上当堂观察与检验。
五、教学重点与难点
【教学重点】识别互联网应用中数据的构成（文本、图像、音频、视频等媒体类型，以及"服务器提供/本机生成"两类来源）。
【教学难点】理解互联网应用中的"请求—响应"传输过程，并能用它解释真实现象。
【难点成因】该过程在毫秒级、不可见；学生先有"网页就在电脑里"的前概念；且受百兆带宽限制，真实访问体验不稳定，容易干扰原理层面的注意力。
六、教学方法与选择理由
方法 本课怎么用 为什么选它
任务驱动法 以"这一秒钟里到底发生了什么"这一贯穿全课的核心问题驱动，每个环节都在回答它的一个子问题。 难点是"看不见的过程"，只有让学生先产生"想不通"的缺口，后续的动画与建模才有落点。
体验探究法 学生亲手打开 3 个在线应用（本地体验站 + 外网真实现场对照），自己得出结论而不是听结论。 本课知识高度依赖个人经验，学生自己看到的"证据"比教师给的结论更牢固，也直接对应课标"通过在线活动"的要求。
可视化模型建构法 用分段可控的"请求—响应"动画，把不可见的传输过程外化为可暂停、可单步、可复述的画面，再落到板书模型上。 针对难点"不可见"的成因；且"先猜后看"的顺序让动画成为验证工具而非视觉娱乐。
小组协作法 4 人一组完成体验打卡、记录表与网站栏目策划，组内分工（操作/记录/汇报）。 缓解百兆带宽下全班同时访问的压力（按组顺序点击），同时让每个学生都有明确任务。
七、教学准备
（一）教师准备
1. 本地"互联网数据体验站"（已完成）：整套素材为一个文件夹，拷到学生机任意位置双击即可运行，主入口为文件夹内的"打开体验站.bat"或 index.html；
2. 外网真实网站快捷方式（中国国家博物馆官网等），作为"真实现场"对照；
3. 每台学生机的桌面体验站快捷方式（本机已附快捷方式文件，机房可用管理软件批量下发）；
4. 4 人小组名单与机位安排表；演示用投影或屏幕广播。
（二）学生准备
一人一台可上网电脑；浏览器；组内分工（1 人操作、1 人记录、1 人计时、1 人汇报）。
（三）教学资源设计说明
本课资源设计为"外网真实现场 + 本地自制备用"两轨。两点理由：
① 百兆带宽不足以支撑全班同时访问高清外网资源，"本地轨"保证教学流程不因网络波动而中断；
② "本地打开几乎秒开、外网打开要转圈"这个学生亲眼看到的速度差，本身就是引出"数据不在本机、需要请求—响应"的最佳证据，把带宽限制从不利条件转化为教学资源。
本地体验站共 9 个页面，按教学功能分为三类：体验类（01 在线博物馆、02 在线音乐、03 虚拟校园导览、04 在线词云分析、05 在线视频·流媒体）、原理类（06 数据到底在哪儿、07 请求—响应动画）、填写类（08 数据构成记录表、09 网站栏目策划卡）。完整清单与使用说明见本教案附录及素材包内《使用说明.md》。
八、教学过程
（一）时间轴总览（共 40 分钟）
环节 时长 核心活动 对应目标
环节一　情境导入：一秒钟的疑问 4′ 拔网线刷新制造认知冲突，提出贯穿全课的核心问题 目标2、3
环节二　体验探究：数据构成 12′ 在线体验打卡 6′ → 分类记录 3′ → 归纳建构 3′ 目标1(1)、2
环节三　动画探究：请求—响应 12′ 先猜后看分段动画，复述并画出传输流程，回头解释速度差 目标1(2)、2
环节四　迁移拓展：从看数据到用数据 8′ 流媒体三关键词 4′ → "人工智能"网站栏目策划卡 4′ 目标1(3)、3
环节五　课堂小结与作业布置 4′ 用新模型回答导入问题，回看板书，布置分层作业 目标1、2、3
（二）环节详细设计
环节一　情境导入：一秒钟的疑问（4 分钟）
【教师活动】
1. 现场演示：手指点一下浏览器，网页出现。随即拔掉网线，再按一次刷新——页面变成了错误提示。（不做解释，先让学生看）
2. 抛出提问链，逐层追问（不急于给答案）：
　　Q1："刚才这一下，你看到了什么？"（预计答：网页出来了）
　　Q2："这个网页的内容，原来存在哪里？是存在你面前这台电脑里吗？"
　　Q3："我拔掉网线再刷新，为什么就出不来了？这说明什么？"
　　Q4："网页本来在‘别的地方’，为什么你点一下它就能跑到你眼前？——这一秒钟里，到底发生了什么？"
3. 板书课题，并在黑板右侧写下一个待解问题："网页是怎么来的？"
【学生活动】
1. 观察拔网线前后的差异，尝试解释原因，与同桌交换看法。
2. 自由回答 Q1～Q4，允许说错、说"不知道"。
3. 把"这一秒钟里发生了什么"的疑问带入本课。
【设计意图】
本环节对应教学目标 2、3。用"拔网线刷新"这个当场可验证的反例制造认知冲突，把学生从"网页本来就在电脑里"的前概念里拉出来——不破除这个前概念，"数据在服务器上、需要请求和传输"的新知识就只能靠背诵。Q4 成为贯穿全课的驱动性问题，后面每个环节都在回答它的一个子问题。
【真实性四检验】该情境是教室里正在发生的真实操作（非编造）；去掉它就没有认知缺口；Q2、Q3 能引发学生主动追问；学生做的是真动作（看、猜、说）而非听讲；课末可回收（环节三结束时学生用请求—响应模型回答 Q4）。
环节二　体验探究：互联网应用中的数据构成（12 分钟）
【教师活动】
【子环节 2.1　在线体验打卡（6 分钟）】
1. 说明规则：双击桌面快捷方式（或文件夹里的"打开体验站.bat"）进入"互联网数据体验站"首页，在 01～05 五张体验卡片里自选 3 个体验；每体验完一个，回到首页卡片上就会出现" 已体验"标记。
2. 指定必做项：04 在线词云分析必须体验（它是本课"数据可以是本机生成"这一关键概念的唯一落点），其余 2 个由学生自选。
3. 组织秩序（结合带宽约束话术）："全班同时点外面的网站，就像全班同时挤一道门。请按小组顺序点击；如果看到转圈，等一等，别狂点刷新——这个‘转圈’，正是我们今天要研究的问题。"
4. 巡视指导，重点追问两类学生：把"网址"与"网页内容"混淆的学生（"你输入的这串网址，和屏幕上出现的画面，是一回事吗？"）；只说"好看"说不清数据的学生（"好看的背后，是哪几种数据在支撑？"）。
5. 对比演示（约 1 分钟）：先打开本地体验站（几乎秒开），再打开外网真实网站（如中国国家博物馆官网）。提问："同样是打开一个页面，为什么一个快、一个慢？"——本环节不给答案，只留疑。
【子环节 2.2　分类记录（3 分钟）】
6. 要求学生打开首页的"08 数据构成记录表"，把刚才体验的 3 个应用逐行填进去：我看到了什么数据 / 数据来源（服务器提供、本机生成）/ 它存放在哪里（云端服务器、学校服务器、我的电脑）。表格已预置 5 行常用应用名，填完自动保存在本机。
7. 巡视，对分类有争议的条目（如"网页算哪一类""词云是什么数据"）暂不裁决，记录争议点，留到 2.3 集体解决。
【子环节 2.3　归纳建构（3 分钟）】
8. 抽 2 组汇报，带领全班把结果合并为一张总表，逐步形成板书上的"数据构成"概念网。
9. 抛关键追问："词云这一行，你们填的是‘服务器提供’还是‘本机生成’？为什么？"引导学生发现"数据来源有两条路"。
10. 收束归纳：互联网应用中的数据，按媒体类型分为文本、图像、音频、视频（以及承载它们的网页）；按来源分为服务器端提供与客户端本地生成两类。
【学生活动】
1. 独立或组内完成 3 个在线应用体验，留意卡片上的体验标记。
2. 观察本地页面与外网页面的打开速度差异，说出自己的猜测。
3. 在"数据构成记录表"中逐行填写体验结果（内容自动保存）。
4. 2 组汇报；全班共同修正分类；回答"词云从哪来"的追问。
【设计意图】
本环节对应教学目标 1(1) 与 2。把"数据构成"从教师讲授变成学生自己看到的事实——学生填进记录表的每一条，都是自己亲眼所见的一手证据，比教师给的结论牢固得多，也正对应课标"通过在线活动，分析互联网应用的特征"的要求。
体验站采用"卡片式门户 + 体验后打钩"的设计，一是让 3 次体验有明确的进度感、便于教师巡视；二是每个体验都是独立的 HTML 页面，学生点开卡片时浏览器真的在"请求并加载一个新页面"，这个动作本身就是本课原理的现场演示。
"本地快、外网慢"这个学生亲眼看到的速度差，是全课最重要的一个真实情境锚点：它为学生自己提供了"数据不在本机、要跑很远去取"的证据，环节三的动画因此不是凭空出现的知识，而是对这段体验的解释。
"词云是哪来的"这一追问是本环节的点睛之笔，它把"数据构成"从"分类"推进到"来源"，是信息意识的具体落点，也直接呼应教材"在线的词云可以是浏览器利用插件分析数据生成的"这一原文表述，同时为突破环节三的难点提供经验基础。
【真实性四检验】体验站内均为真实可交互的互联网应用形态（非截图、非套壳），去掉体验学生就没有第一手证据；打卡栏与"词云从哪来"能引发主动追问；学生是操作者而非旁观者；速度差这一情境在环节三被完整回收。
环节三　动画探究：数据传输的"一问一答"（12 分钟）
【教师活动】
1. 先猜后看（约 3 分钟）——打开"07 请求—响应动画"，动画不急着播，先让学生预测：
　　Q1："你点的那一下，跑到哪里去了？就在这台电脑里，还是跑到了别的地方？"（请 2～3 人说出猜测并说明理由，教师板书学生的猜测词）
　　Q2："服务器凭什么知道你要的是哪一张图、哪一个页面？"
　　Q3："服务器把东西送回来之后，是‘原样’显示在屏幕上的吗？"
2. 播放动画，按三个分段依次播放，每段播完暂停（约 5 分钟）：
　　① 输入网址 → 浏览器发出请求：动画显示"请求"数据包从客户端出发，标注 www./index.html；
　　② 服务器接收请求 → 处理 → 发出响应：动画显示"响应"数据包返回客户端，标注"返回 index.html 的页面资源"；
　　③ 浏览器接收并解析 → 把网页"拼"出来呈现给用户。
3. 每段播完，请学生用自己的话说这一步"谁在做什么"；教师随学生的表述补上并板书术语：客户端、服务器、请求、响应、协议（HTTP）。键盘空格可播放/暂停、左右方向键可单步，方便教师跟着讲解节奏走。
4. 用两个生活类比收口（约 1 分钟）："客户端—服务器"像"你给图书馆打电话要一本书"；"协议"像"打电话必须讲同一种语言"。追问："如果两个人都讲不同的语言，会怎样？"（引出"没有协议就无法通信"）
5. 回填导入问题（约 3 分钟）：打开"06 数据到底在哪儿"，让学生自己选一次"一段高清视频 60 MB + 国外服务器"，看着总耗时跳到几十秒，再提问"现在能解释为什么外网那个页面比本地慢了吗？"引导学生说出两个因素：距离（延迟）和数据量÷带宽。最后请学生用完整的一段话回答 Q4"这一秒钟里到底发生了什么"。
6. 板书核心模型，并让学生在"08 数据构成记录表"第四部分写下自己的解释。
【学生活动】
1. 对 Q1～Q3 作出自己的预测，说出理由（可以猜错）。
2. 观看动画，逐段复述"谁在做什么"；对照自己的预测，找出猜对与猜错的地方。
3. 在"06 数据到底在哪儿"里动手做一次对比，观察"网络延迟 / 服务器处理 / 数据传输"三段耗时各占多少。
4. 用这个模型回头解释"为什么外网页面慢"，并用一段完整的话回答"这一秒钟里发生了什么"，写进记录表。
【设计意图】
本环节对应教学目标 1(2)，是本课突破难点的核心环节。难点在于"请求—响应"发生在毫秒之间、肉眼不可见，动画的作用就是把不可见的过程变可见；而刻意采用"先猜后看"的顺序，是为了让动画成为对学生自己预测的验证，而不是一段好看的视频——先有预测，学生看动画时才会带着"我猜的对不对"的注意力。
"复述"与"写下自己的解释"是目标是否真正达成的最直接外化动作：能说出谁先谁后、能写出四个术语，才说明模型进了脑子，而不是记住了一句话。
环节末尾用"06 数据到底在哪儿"把子环节 2.1 留下的"速度差"定量解释清楚（延迟 vs 数据量÷带宽），完成真实情境的闭环回收——这既是"真实性四检验"第四条的落地，也让本课的知识在同一个情境里首尾呼应，并为环节四的流媒体埋下伏笔。
环节四　迁移拓展：从"看数据"到"用数据"（8 分钟）
【教师活动】
【活动 4.1　流媒体：为什么全班一起看视频会卡（4 分钟）】
1. 提问："如果全班同时点开同一段在线视频，画面常常先卡一下、然后才变清晰，这是为什么？"
2. 打开"05 在线视频·流媒体"，先看一段真实的 24 秒示例视频，再用页面上的模拟器演示：把带宽设为 1 Mbps、数据量设为高清 1 分钟，对比"边下边播"与"完整下载后再播"两种方式的启动延时。
3. 请学生阅读教材"知识链接——流媒体技术"，用三个关键词概括：数据量大 → 分段传输（把音频、视频切割成较小的数据块）→ 边下边播（不必等整个文件下载完，经过短小启动延时即可观看，播放品质也能保证）。
4. 追问："完整下载完再看，和边下边播，你更愿意用哪种？什么场合必须选择完整下载？"（引导学生想到：只有完整文件才能保存、编辑、离线使用）
【活动 4.2　"人工智能"主题网站栏目策划卡（4 分钟）】
5. 小组任务（3 分钟）：打开"09 网站栏目策划卡"，围绕"人工智能"主题讨论并填写——栏目名 / 这一栏放什么数据（文本、图像、音频还是视频）/ 数据从哪里来（服务器提供还是本机生成）/ 为什么放它。
6. 特别提醒（结合刚才的流媒体体验）："首页放一段高清视频，访问你网站的人会等多久？"引导学生把数据量的意识带进策划。
7. 抽 1 组用 30 秒汇报思路，教师点评 1～2 处。填好的策划卡可以导出成 Word 或 Markdown 文件保存。
【学生活动】
1. 观看示例视频，动手操作模拟器，对比两种传输方式的启动延时。
2. 阅读教材知识链接，概括流媒体的三个关键词，并回答"什么场合必须完整下载"。
3. 小组合作完成"网站栏目策划卡"，组内分工填写（内容自动保存）。
4. 1 组汇报，其他组对照自己的卡片作一句补充或质疑。
【设计意图】
本环节对应教学目标 1(3) 与 3。流媒体是教材"知识链接"的内容，也是学生机房日常行为的直接答案，它把"数据传输"从静态网页拓展到连续媒体，使教学目标 1 的内涵完整；同时，"数据量大就要分段传"这一结论，正好回应了本课开头"百兆带宽"这一真实约束，学生的责任意识在这里有了具体落点，而不是空洞的口号。
"栏目策划卡"既是教材随堂练习"小组讨论，策划‘人工智能’主题网站的制作方案"的前置准备，也是下一课/实践活动的起点，体现"从看数据到用数据"的进阶，指向课标内容要求第(3)条"使用适当的数字化工具对网页进行编辑和发布"。把它做成在线填写页并可导出为 Word / Markdown / 纯文本，是为了让这份策划成果能够真正带到下一节课使用，而不是随堂讨论完就丢掉。
环节五　课堂小结与作业布置（4 分钟）
【教师活动】
1. 请 2～3 名学生用一句话回答导入时的 Q4："这一秒钟里到底发生了什么？"教师随机追问，检验目标达成（如追问"数据经过了谁""服务器凭什么知道你要什么"）。
2. 带着学生回看板书，把本课线索收成三句：数据"是什么"（文本、图像、音频、视频；来源分服务器提供与本机生成）；数据"怎么来"（请求—响应，HTTP 协议）；数据量大了"怎么办"（流媒体分段传输、边下边播）。
3. 布置分层作业，并说明：记录表与策划卡都可以在页面上导出成文件，请把文件保存到自己的文件夹里，下节课带来继续用。
【学生活动】
1. 用自己的话（本课新学的模型）回答"这一秒钟里发生了什么"。
2. 对照板书回顾本课三条线索，自评"我这一节课拿到了什么"。
3. 导出记录表（如课内未完成，课后补齐）；记录作业，明确下节课要带的学习材料。
【设计意图】
小结不重复知识点，而是让学生用本课新学的模型去回答导入时提出的那个原问题——这是最直接、最省时的目标达成检验方式，也完成了全课问题链的闭合。
回看板书与布置作业形成"教—学—评"闭环：板书上的三条线索对应三条教学目标，作业的三种层级对应不同学生，实践类作业承接下一课。
九、板书设计
形式：【概念网络式】+【提纲式】混合。左侧为"数据是什么"的概念网络，右侧为"数据怎么来"的流程提纲，下方一行"数据量大了怎么办"收口。
设计说明：板书与教学重点难点一一对应——上半部分的"数据构成"网络对应重点，下半部分的"请求—响应"箭头流程对应难点；中间用"服务器"这一节点把两半连起来（数据既在服务器上，又要从服务器传过来），学生一眼就能看出两条主线其实是同一件事的两面。全课只写关键词与关键结构，不抄句子。
第6课　互联网应用中的数据　　　　【待解问题：网页是怎么来的？】
一、数据构成（是什么）　　　　　　　二、数据传输（怎么来）
　　　　　 文本　图像　　　　　　　　 ① 请求：客户端（浏览器）──→ 服务器
　　数据 ──┤　　　　　　　　　　　　　 　 　　（www./index.html）
　　　　 　音频　视频　　　　　　　　 ② 协议：HTTP（双方约定的"共同语言"）
　　　　　　　　│　　　　　　　　　　　③ 响应：客户端 ←── 服务器
　　　　　　　　▼　　　　　　　　　　　 　 　　（返回 index.html 的页面资源）
　　　　　 网页（呈现形式）　　　　　　④ 呈现：浏览器解析并显示
　　数据来源：① 服务器提供（博物馆、音乐）　　【核心模型】
　　　　　　　② 客户端本地生成（在线词云）　　客户端 ——请求——→ 服务器
　　　　　　　　　　　　　　　　　　　　　　客户端 ←—响应—— 服务器
三、数据量大了怎么办？——流媒体：数据量大 → 分段传输 → 边下边播（启动延时短）
　　（本地打开：秒开　　vs　　外网打开：转圈　→　数据不在本机，要跑很远去取）
　　（等待多久 ＝ 网络延迟 × 2 ＋ 服务器处理 ＋ 数据量 ÷ 带宽）
十、作业设计（分层）
层级 内容 要求与评价要点 预估时长
基础巩固 （必做） 完成并导出"08 数据构成记录表"：如果课内只体验了 3 个应用，回家再补 1 个（如在线地图、在线视频、网课平台），写清它用了哪几类数据、数据从哪里来、存放在哪里；然后导出成 Word 或纯文本文件保存。 能准确区分媒体类型；能说出至少 1 个"本机生成"的例子。检看导出的文件是否完整、四项信息是否齐全。 10 分钟
拓展提升 （二选一） A. 用箭头画一张"访问某某网站"的请求—响应流程图，标出"请求/响应"和协议名称，并注明"哪一步最花时间"。 B. 用自己的话向家长解释"网页是从哪里来的"，写进记录表第四部分（不超过 100 字），要求用上"客户端、服务器、请求、响应"四个词。 A 检看流程图是否完整、方向是否正确、协议名称是否标对；B 检看四个术语是否用对、是否说清了过程而不是复述定义。 10 分钟
实践类 （小组，下节课交流） 完成并导出"09 网站栏目策划卡"：确定 3～4 个栏目，每个栏目说明放什么数据、数据从哪里来、为什么放它；并对全站数据量做一次估算。 检看栏目与主题的匹配度、数据类型与来源判断是否正确、是否考虑了数据量与访问体验。导出文件作为下一课/实践活动"制作人工智能主题网站"的起点素材。 课内 4 分钟 + 课外 10 分钟
十一、教学反思（预设要点，课后据实填写）
说明：以下为课前预设的反思要点，供课后对照实际情况逐条填写、修正，避免写成"教学效果良好"式的空话。
反思四问 预设要点（课前判断，课后据实修正）
① 目标达成情况如何 预期目标 1(1)（识别数据构成）达成度最高，因为记录表导出文件是当堂可见的产物（可直接查看学生导出的 .docx/.txt）；目标 1(2)（说出请求—响应流程）为本课最易出现分化的目标，重点看记录表第四部分的文字：能写全四个术语并说清先后的比例是多少，只会抄定义的有多少。目标 1(3)（解释视频先卡后清晰）预计在中等以上班级能较好达成。若 1(2) 达成率明显偏低，说明动画分段节奏过快，下次在环节三多留一次复述。
② 学情预判是否准确 重点核对两处预判：一是"拔网线刷新"是否真的制造出了认知冲突（学生是否自发说"网页不在电脑里"），若反应平淡，说明该演示需换成更贴近他们的应用（如在线游戏、在线视频）；二是"词云从哪来"这一追问是否达到了预期效果，若多数学生仍认为"网上的一切都是服务器给的"，说明子环节 2.3 时间不足，下次可将 2.2 压缩 1 分钟补给归纳。
③ 情境与实践效果如何 重点看三件事：一是"本地快、外网慢"这个速度差有没有被学生真正说出口（不是教师说出来的），它是判断情境是否"真"的关键证据；二是体验站在机房实际运行是否顺畅（尤其是 05 视频页与 04 词云页在中低配电脑上的表现），有无卡顿或字体异常；三是"06 数据到底在哪儿"的对比实验是否让学生自己得出了"延迟 + 数据量÷带宽"的结论，还是停留在看热闹。
④ 可改进的具体动作 课后据实填写 2～3 条可执行动作，例如："环节二体验打卡由 6 分钟调整为 5 分钟，把省下的 1 分钟加给环节三的复述"；"把‘请求—响应’动画的第②段拆成两小段（服务器接收请求 / 服务器发出响应），降低抽象台阶"；"在 08 记录表中增加一栏‘我不确定的条目’，把课堂争议显性化，便于 2.3 集中处理"；"若机房电脑较旧，提前把 05 页面默认数据量设为标清，避免一上来就演示 4K"。
附录　本课教学资源清单
说明：本课资源分"本地自制网页（B轨，已制作完成）"与"外网真实现场（A轨）"两部分。A轨网址已于 2026 年 10 月 11 日逐一实测连通性，校区网络可能另有差异，正式上课前请在本机房复测一次；B轨为本地页面，已生成桌面快捷方式，学生双击即可访问，零带宽占用。
（一）B 轨｜本地自制网页（已完成，路径：第二单元第一课\互联网数据体验站\）
序号 页面 对应课本 主要内容与交互 承担的教学功能
B0 index.html 体验站首页 — 9 张卡片入口 + 体验进度统计 + 任务清单；体验后卡片自动打钩 统一入口，避免学生乱点；承载体验打卡任务
B1 01 在线博物馆 图6-1 青铜鼎、青花瓷瓶、山水画轴、玉璧 4 件藏品插画墙；点击放大看说明；统计本页图片数量 提供"图像 + 文本"两类数据的体验样本
B2 02 在线音乐 图6-2 21 秒示例音频播放器 + 波形图；可切换"本地播放 / 云端播放"，云端模式会先出现缓冲过程 提供"音频数据"体验；"缓冲"作为"数据要传过来"的直观线索
B3 03 虚拟校园导览 图6-3 校园平面导览图 + 8 个可点击热点，弹出地点介绍 提供"图像 + 文本 + 交互指令"体验；与学生的真实校园生活贴合
B4 04 在线词云分析 图6-4 粘贴文本 → 本机用词典分词、统计词频 → 当场绘制词云图；可调字号、可竖排、可"假装拔掉网线" 关键体验：让学生看见数据可以是本机计算生成的，支撑"数据来源二分"
B5 05 在线视频·流媒体 知识链接 24 秒真实示例视频《数据旅行记》；内置传输模拟器：可选数据量、带宽、模式，对比"边下边播"与"完整下载"的启动延时与卡顿 把教材"流媒体技术"变成可操作、可比较的实验
B6 06 数据到底在哪儿 图6-5 延伸 选一份数据（图片/歌曲/高清视频）+ 选一个存放位置（本机/校内/国内云端/国外），动画展示"延迟—处理—传输"三段耗时占比 为突破难点提供定量证据；回收"本地快、外网慢"这一情境
B7 07 请求—响应动画 图6-5 核心教具：5 步动画（输入网址→发出请求→服务器处理→送回响应→解析呈现），支持播放/暂停/单步/调速/重播，数据包上实时显示网址与文件名，可换网址重播 把毫秒级、不可见的传输过程外化为可暂停、可复述的画面
B8 08 数据构成记录表 — 在线填写（基本信息 + 5 行应用记录 + 发现 + 解释 + 疑问），自动保存；可导出 .docx / .md / .txt，可打印 过程性评价载体，也是目标达成的当堂证据
B9 09 网站栏目策划卡 随堂练习 小组在线填写（小组信息 + 网站定位 + 5 行栏目策划 + 首页与数据量估算 + 三条自检），自动保存；可导出 .docx / .md / .txt 对接教材随堂练习，产出可带到下一课使用的策划成果
使用方式：整个"互联网数据体验站"文件夹拷贝到学生机任意位置即可运行，无需安装、无需联网；双击文件夹内的"打开体验站.bat"或 index.html 进入首页。文件夹内已附《使用说明.md》，含每页教学用途、导出方法、机房部署步骤与常见问题。
版权说明：站内藏品插画为矢量原创插画，示例音频与视频均为程序合成/程序绘制，不含任何第三方作品；藏品与校园均为示例插图，不代表真实馆藏或真实校园，可放心用于课堂并自由修改。
（二）A 轨｜外网真实现场（生成快捷方式，供 1～2 次真实访问体验）
序号 用途 名称 网址 数据构成 实测结果
A1 在线博物馆 （对应课本图6-1） 中国国家博物馆官网 https://www./ 文本、图像、视频 可访问（HTTP 200）
A2 在线音乐 （对应课本图6-2） 在线音乐平台 https://music./ 音频、文本、图像 可访问（HTTP 200）
A3 备用·权威教育资源 国家中小学智慧教育平台 https://basic./ 视频、文本、图像 可访问（HTTP 200）
A4 备用·虚拟展馆体验 中国数字科技馆 https://cstm./ 图像、视频、交互数据 可访问（HTTP 200）
A5 备用·搜索引擎 （对接实践题） 百度 https://www./ 文本、图像 可访问（HTTP 200）
使用建议：A 轨每课时只安排 1～2 次全班真实访问，且按小组顺序点击，避免百兆带宽瞬时抢占；若出现明显卡顿，顺势引到"数据量大、要分段传"的讨论（并可在"05 在线视频·流媒体"页用模拟器把这一现象说清），把等待时间转化为教学时间。

展开更多......

收起↑