HTML课件交互功能(上):学生平板禁不完,干脆顺着来
这篇是 WorkBuddy 教师经验系列第 5 篇。上一篇聊了知识库联动，这篇讲我最折腾也最有成就感的一件事——课件格式换了几茬，最后为什么全押在 HTML 上。内容太多，拆成上下两篇：这篇讲"为什么"和前 6 个功能，下一篇讲后 7 个 + 组合用法。先说个现实：我的学生上课基本人手一台平板或笔记本。我试过禁。上课前说"都把平板收起来"——收是收了，心思也收走了，人在教室魂在手机。后来我想明白了：这代学生是在屏幕里长大的，工具就长在他们手里。与其跟设备较劲，不如跟设备合作。既然禁不完，那就顺着来——把平板从"分心源"变成"学习工具"。课件发到他们设备上，让他们忙着点、忙着练，根本没空切出去刷别的。但问题来了：发什么格式的课件？这个我一路换了几茬。第一站：PPT。一开始课件是我自己动手做的，一张张排、一页页调，那会儿还没开始用 AI。做的很粗糙——我自己的直男审美我也是心里有数的，而且累是累，但好歹能凑合着用。第二站：PDF。后来开始让 AI 帮我做课件了，生成 PDF，轻便、好传。结果撞上一个更头疼的问题——改起来太麻烦。想改一处，AI 得把整个文件从头重新生成一遍，费时间不说，中间一旦崩了，前面的全白干，经常是"改一处，全盘重做"。第三站：在线文档。再后来用在线文档，想着至少能看到"谁浏览过"。问题是文档再长也就是一长条文字，练习题挤在正文里，学生边滚边找，体验稀碎。交互的上限就是"打个勾"，想添加一些功能？没门。（当然这个是两年前的事情了，现在在线文档的功能多了很多，以后我们可以单独聊）第四站：HTML。真正让我下决心的，是有一次听 WorkBuddy 官方讲座，主讲老师随口提了一句：HTML 会是未来文档的重点方向。当时我愣了一下。我一直把 HTML 当"网页"——那是程序员的事，跟我一个教英语的有什么关系？但回去琢磨了一晚，我想通了：网页的本质不就是"能看又能动"的文档吗？AI 能几分钟生成一个网页，能看懂它的结构、能定点改它，我为什么要守着 PPT 和 PDF 不放？- 能定点改。这是最戳我的。PPT/PDF 改一处要推倒重来，HTML 是 AI 的母语，说一句"把这道题的答案换成……"，它就改那一处，别的原封不动
- 能动。点一下出答案、按一下就计时、录完音还能回放——前面几个格式这辈子都做不到
- 不挑设备。平板、手机、电脑，浏览器打开就用，不用装任何软件
- 离线也行。一个文件就是一个课件，发微信、发邮箱都行，不依赖哪个平台还活着
- 手机上看复杂交互（比如左右分栏）会有点挤，最好平板以上
- 录音、麦克风这类功能需要浏览器授权，个别老设备支持不好
- 数据存在学生自己设备上，换设备不同步——这点后面有解法
但瑕不掩瑜。对老师来说，能用一句话让 AI 做出来、还能定点改、还能让学生动手练，这几个理由就够了。以前我们也讲"让学生参与课堂"。怎么参与？举手回答、小组讨论。说实话，监控起来太难了——小组讨论谁真说了话？练习做没做？我只能课后抽查，全靠自觉。- 学生点没点空格、练了几遍录音、给自己打了几分，全在课件里留着痕迹
- 录音能导出发给我，我在家就能听——参与不再是"他说他练了"，而是有凭有据
设备还是那台设备，以前用来分心，现在用来练习。这就是"顺着来"的意义。下面上干货。13 个交互功能拆两篇讲，这篇先来前 6 个。每个我按"是什么 → 怎么用 → 好在哪"讲，最后给你一句能直接丢给 AI 的指令。是什么：句子里挖空，学生可以点击空格直接看答案，也可以自己手动打字填空，再点下方按钮核对答案。怎么用：这个功能我用得最多的地方，其实是口语和写作的 controlled practice（受控练习）——把句型里的关键词挖掉，让学生自己填。想快速过一遍就点空格看答案；想练得扎实就打字填空，填完点"核对答案"自动判对错。好在哪：两种玩法覆盖两种需求。点击显答案适合"扫一遍记得快"，打字填空适合"真动手写出来"——受控练习要的就是后者，逼着学生把词从脑子里抠出来，而不是瞄一眼答案就以为自己会了。AI指令：做一个填空练习，雅思口语 Part 1 话题"家乡"。每个句子留 1-2 个空，支持两种模式：①点击空格直接显示答案 ②手动打字填空，点下方按钮核对答案。共 8 句。是什么：英文段落配的中文译文、范文，默认收起来，点一下才展开。怎么用：双语课件、范文学习都靠它。学生先自己尝试，卡住了再点开译文对照。好在哪：先练再看。译文一直摆在那儿，学生根本不会自己想。收起来，才能逼他先动脑子。这个功能我几乎每个课件都用。AI指令：每段英文下面放一个折叠的参考译文，默认收起，点击按钮展开，再点收起。怎么用：口语话题卡有几十个，抽到一个练一个，练完再抽下一个。好在哪：按顺序练，学生会挑自己擅长的躲。随机抽就跟考试一样——抽到什么练什么，躲不掉，练出来的才是真本事。AI指令：放一个"随机抽题"按钮，从这 15 个话题中随机抽一个展示（不重复上一个）。话题列表：……是什么：一个倒计时器（也能正计时），点开始就跳，时间到弹提醒。怎么用：口语准备 1 分钟、阅读限时 20 分钟、写作限时 30 分钟，全都能套。好在哪：时间看得见。以前我喊"准备一分钟"，学生 30 秒就说"好了"；有了倒计时，一秒一秒跳，他老老实实等满。限时阅读也是，没时间约束学生磨半小时，加个倒计时，节奏立刻不一样。AI指令：做一个倒计时器，默认 1 分钟，可自定义。点"开始"倒计时，时间到弹提醒，带"重置"按钮。是什么：音频直接嵌进课件，一个播放器，能播放、暂停、拖进度条。怎么用：听力练习、跟读练习。老师把音频材料放进去，学生听完直接在下方做题。好在哪：不跳转。以前发音频文件让学生自己找播放器，或者给链接跳出去听——跳出去就回不来了。嵌在课件里，听完原地做题，流程不断。短音频（一两分钟）能直接内嵌，离线也能放。AI指令：在练习区上方嵌入音频播放器，音频文件我提供。学生播完直接在下方做题。是什么：点开始录音，点停止结束，录完能回放，还能下载成文件。怎么用：口语练习。学生录一遍自己的回答，回放听自己说的，练得好了把录音发给我批改。好在哪：这是我用得最多的功能。以前学生说完就完了，现在他自己就能听出问题——"啊我说得好慢""这个词发音错了"。这样比以前看着电脑，拿手机再录音发给我要方便的多了，上课的时候也随时都可以回听。AI指令：做一个录音功能：点"开始录音"调用麦克风，点"停止"结束，录完出现"回放"和"下载录音"两个按钮。前 6 个聊完了。下一篇讲剩下 7 个（自评打分、打卡勾选、范文对照、批注高亮、幻灯片模式、表格图表、写作框+一键导出），还有一节课怎么把这些功能串成组合拳，以及一个最近刚上线、彻底解决"HTML 改起来麻烦"这个老大难的新功能。配套示范功能我做了个集合，雅思口语听力阅读写作 + 托福口语全在里面，文末自取。
