WorkBuddy 进阶教程：给网页课件加课堂交互（空表、按键揭示、复位）

上一篇写了怎么把 PPTX 转成网页课件，这篇讲进阶：课堂上真正好用的交互。老师要的不是炫酷动画，是"讲到这里能让答案藏起来、让全班先想、再统一揭示"。这种交互 PPT 做起来很别扭，网页课件里却是一句话的事。

一、我们要的三种交互

1. 空表：表格先只留表头，内容空白，学生先自己填；

2. 按键揭示：教师按一下键，空表填上答案；

3. 一键复位：这个班讲完，按一下清空，下个班重来。

外加一条硬约束：投屏可用——字号大、对比度高、键盘操作，不需要鼠标点小按钮。

二、怎么提需求（关键在这段）

模型不会读心，需求必须写得像验收标准。我用的原话：

三个要点：

• 状态要写清：初始态（空）、揭示态（填答案）、复位态（清空）；
• 动效给参数：0.3 秒淡入，比"加个动画"有效一百倍；
• 给出物理约束：字号、行高、提示位置——这些决定了能不能投屏用。

三、实现后的实际体验

第一次试用是在文言实词复习课上。流程变成：

1. 出空表，学生自己默写词义；

2. 全班安静想 30 秒；

3. 我按 A，答案逐行浮现，边浮现边讲；

4. 下一个班上课前按 R，表清空。

对比原来的 PPT：不用切页、不用遮罩、不会因为动画顺序点错。课堂上少一个动作，就多一分注意力。

四、踩过的三个坑

坑 1：按键冲突

早期版本用了空格键，结果和浏览器滚动打架。改成 A / R 这种不常用的字母键之后稳定了。教训：交互键要避开系统默认行为。

坑 2：揭示动画太长

一开始设了 1 秒，课上显得拖沓。0.2~0.3 秒刚好——足够被看见，又不打断节奏。

坑 3：复位不彻底

只清了文字没清样式，第二遍揭示时出现重影。修改时明确要求"复位时同时重置文字内容与透明度"，才干净。

五、还能加什么（按性价比排序）

• 翻页进度条：学生知道还剩多少，注意力更稳；
• 章节跳转：数字键 1-9 跳到对应板块，讲练习时特别好用；
• 打印友好：按打印时自动展开所有答案，导出的 PDF 就是完整讲义。

最后这条强烈建议加。一节课的课件，课上用交互版，课后发给学生的是答案全展开的 PDF——一份内容，两种用途。

六、小结

网页课件的交互不是为了炫技，是为了控制信息出现的时机。写需求时把三个状态、动效参数、投屏约束三件事说清楚，一次就能做对。

如果你也在用网页课件上课，先从一个空表开始试。改一处，感受一下差别，再决定要不要全面铺开。