第 8 课 按钮、抽题、拖动和即时反馈：课堂互动最常用的 4 个组件
本课定位
老师最先能用上的，不是复杂功能，而是几个稳定、好复用、好解释的互动模块。
学习目标
- 认识最常用的 4 类互动组件
- 会把组件放进自己的课件页里
- 知道互动结果怎样和老师追问连起来
阅读方式
建议按下面的“60 分钟顺序”往下阅读。每个时间段里，都已经把本段任务、参考资料、可直接使用的模板和阶段成果编排在一起，方便老师顺着一节课的节奏阅读，不必在不同板块之间来回查找。
学习目标拆开来看
认识最常用的 4 类互动组件
这一项目标放在本课里，主要是帮助老师把“认识最常用的 4 类互动组件”这件事落到真实课堂和真实页面里，而不是只停留在概念上。读这一课的时候，重点不是把这句话记住，而是顺着后面的 60 分钟节奏去看：这一项能力会在什么时间点出现，最后会沉淀成什么课堂成果。
放到创意课件这条产品线里，它对应的不是单纯会不会做页面，而是老师能不能把课堂目标、页面动作和学生体验真正接起来。只要这一层想清楚，后面的资料、模板和实操就会顺很多。
会把组件放进自己的课件页里
这一项目标放在本课里，主要是帮助老师把“会把组件放进自己的课件页里”这件事落到真实课堂和真实页面里，而不是只停留在概念上。读这一课的时候，重点不是把这句话记住，而是顺着后面的 60 分钟节奏去看：这一项能力会在什么时间点出现，最后会沉淀成什么课堂成果。
放到创意课件这条产品线里，它对应的不是单纯会不会做页面，而是老师能不能把课堂目标、页面动作和学生体验真正接起来。只要这一层想清楚，后面的资料、模板和实操就会顺很多。
知道互动结果怎样和老师追问连起来
这一项目标放在本课里，主要是帮助老师把“知道互动结果怎样和老师追问连起来”这件事落到真实课堂和真实页面里，而不是只停留在概念上。读这一课的时候，重点不是把这句话记住，而是顺着后面的 60 分钟节奏去看：这一项能力会在什么时间点出现，最后会沉淀成什么课堂成果。
放到创意课件这条产品线里，它对应的不是单纯会不会做页面，而是老师能不能把课堂目标、页面动作和学生体验真正接起来。只要这一层想清楚，后面的资料、模板和实操就会顺很多。
课前准备
- 带 3 个你最常讲的课堂问题
- 准备一页想做成互动的课件
- 想清楚这页里学生最适合做的一个动作
按 60 分钟顺序展开
0-10 分钟
本段任务
用《四类最常用互动》开场，让老师先进入 按钮、抽题、拖动和即时反馈：课堂互动最常用的 4 个组件 这个具体教学场景。
本段重点
- 关联目标：认识最常用的 4 类互动组件
- 关键提醒：互动组件的关键，不是技术复杂，而是学生做完以后老师怎么接。
教学意图
开头先把课堂情境和真实需求立住。只要老师先看见“这和我的课堂有什么关系”，后面的页面和技术动作就不会显得漂浮。
本段参考资料
四类最常用互动
1. 点选：选出意象、选择正确说法
2. 抽题：随机出一题或一个词
3. 拖动：排序、匹配、拖到对应区域
4. 即时反馈：对 / 错、提示、加分、重试先把这份资料读一遍，先看清楚场景、对象和任务，再进入后面的整理和修改。读的时候重点留意：哪些信息必须保留，哪些地方还需要老师自己补判断。
阶段成果
- 老师已经能说清楚：这节课真正要解决的课堂问题是什么。
10-20 分钟
本段任务
把本课最关键的判断线讲清楚，先帮助老师看见这一类课件最容易做偏在哪里。
本段重点
- 关联目标：会把组件放进自己的课件页里
- 关键提醒：抽题、点选、拖动和反馈，是老师最容易稳定复用的四类交互。
教学意图
这一段的重点不是堆知识点，而是把“该先抓哪一条主线”讲清楚。只有先把判断线立起来，后面的执行模板和页面实现才更容易稳住。
本段参考资料
互动设计提醒
- 一个页面只放一种主要互动
- 操作步骤不要超过两步
- 做完以后要有明确反馈
- 老师要知道下一句准备问什么先把这份资料读一遍，先看清楚场景、对象和任务，再进入后面的整理和修改。读的时候重点留意：哪些信息必须保留，哪些地方还需要老师自己补判断。
阶段成果
- 老师已经知道：这类课件最值得先抓住的主线和最容易失手的地方。
20-35 分钟
本段任务
讲师现场示范一轮，把老师最关心的这一页或这一组页面先做出来。
本段重点
- 关联目标：知道互动结果怎样和老师追问连起来
- 关键提醒：每做一个互动，都要先问：学生做完以后，我准备怎么追问。
教学意图
示范段的意义是让老师看见第一版通常怎样开工、怎样收住，而不是看一个远离自己课堂的完美案例。
本段可直接使用的模板
直接做一个可上课的互动组件页
请帮我直接做一个初中英语单词课件互动页。
要求：
1. 页面显示 5 个校园场所单词
2. 学生点“开始抽题”，随机出现一个中文词义
3. 学生从 5 个英文单词中选正确答案
4. 选对显示“答对了”，选错显示提示
5. 老师能点“再来一次”继续用
请直接给完整代码，做成打开浏览器就能操作的页面。正式使用前，先把年级、课题、页面要求和课堂动作换成自己的真实信息。第一版跑出来以后，先看课堂顺不顺，再看细节和风格。
阶段成果
- 老师已经完整看过一轮示范，知道第一版通常怎样跑起来。
35-50 分钟
本段任务
老师拿自己的课题或材料跟做一轮，先做出一版可继续修改的结果。
本段重点
- 关联目标：知道互动结果怎样和老师追问连起来
- 关键提醒：每做一个互动，都要先问：学生做完以后，我准备怎么追问。
教学意图
真正形成能力的关键，往往就在这一段。先做出第一版，再回头调整页面、素材和老师说法，通常比一开始就求全更稳。
本段可直接使用的模板
把拖动和结果反馈一起做进去
我想做一个语文古诗词课件，让学生把“月、风、江、舟、雁”这些意象拖到对应诗句旁边。
请你直接帮我做这个互动页。要求：
1. 左边是意象卡片
2. 右边是诗句区域
3. 拖对了有提示，拖错了能重试
4. 页面底部留一块“老师追问”区域正式使用前，先把年级、课题、页面要求和课堂动作换成自己的真实信息。第一版跑出来以后，先看课堂顺不顺，再看细节和风格。
阶段成果
- 老师已经拿自己的材料做出一版结果，并知道接下来优先改哪里。
50-60 分钟
本段任务
快速点评、收束方法，并把本课成果收成 一个可反复复用的互动组件页。
本段重点
- 关联目标：知道互动结果怎样和老师追问连起来
- 关键提醒：每做一个互动，都要先问：学生做完以后，我准备怎么追问。
教学意图
最后这一段不再加新东西，而是把今天的方法收回到老师自己的工作里，知道哪些成果值得带走、哪些地方下次还要继续打磨。
阶段成果
- 老师已经带走本课产出：一个可反复复用的互动组件页
关键讲授点
讲授点 1
互动组件的关键，不是技术复杂，而是学生做完以后老师怎么接。
这一个讲授点在课堂里最好先讲“为什么重要”，再讲“老师最容易在哪一步失手”，最后再回到今天的页面、材料和课堂动作里。只要这三层能对上，老师通常会更容易把这一节真正带回自己的课。
讲授点 2
抽题、点选、拖动和反馈，是老师最容易稳定复用的四类交互。
这一个讲授点在课堂里最好先讲“为什么重要”，再讲“老师最容易在哪一步失手”，最后再回到今天的页面、材料和课堂动作里。只要这三层能对上，老师通常会更容易把这一节真正带回自己的课。
讲授点 3
每做一个互动，都要先问：学生做完以后，我准备怎么追问。
这一个讲授点在课堂里最好先讲“为什么重要”，再讲“老师最容易在哪一步失手”，最后再回到今天的页面、材料和课堂动作里。只要这三层能对上，老师通常会更容易把这一节真正带回自己的课。
本课最容易踩的坑
最常见的误区
这类任务最常见的问题，不是完全不会做，而是容易一上来就做太满、做太散，或者把应该由老师自己最后判断的部分也一起丢掉了。按钮、抽题、拖动和即时反馈：课堂互动最常用的 4 个组件 这一课的关键，就是把这条界线和处理顺序重新拉清楚。
更稳妥的做法
- 先从自己最熟的一页或一个场景开始，不要一上来就做完整大项目。
- 先把第一版跑出来，再逐项检查课堂节奏、知识点准确度和页面可用性。
- 如果需要升级技术，先确认课堂价值和设备条件，再决定要不要继续往上加。
本课产出
- 一个可反复复用的互动组件页
课后任务
- 把今天的组件换成自己学科里的一组题或一组词。
- 想一想：这个组件做完以后，老师下一句最想问什么。
自学阅读顺序
- 先顺着 60 分钟顺序快速读一遍，先建立本课节奏感。
- 第二遍回看本课两段可直接使用的模板，把其中的年级、课题、页面要求换成自己的真实内容。
- 最后只保住一个最值得先做的页面或一个最小版本，先把它跑通。
讲师提醒
- 这节课特别适合建立老师的“我也能做互动页”信心。
- 提醒老师把反馈写成课堂上真的会说的话。
下一课衔接
下一课会继续推进到 第 9 课 声音、视频和朗读页：多媒体能力怎样真正服务课堂，把今天形成的结果往下一步课程里接起来。