不久前接到任务，要准备一节“AI赋能”的实验课公开课。最开始其实我是有些抗拒这个选题的，因为我一直觉得不应该为了用AI而用AI，实验课的核心就应该是用实物来动手体验，”实“验，而非用一些模拟实验和爱因斯坦开口讲话的噱头来喧宾夺主。

我的原则是：

1.老师能做的，没必要用AI来做；2.传统软件能做的，没必要用AI来做。

但是任务还是要完成的，思来想去，最终决定用早就想尝试的HTML动画课件来体现AI赋能。AI做的课件也是AI赋能嘛。

我想要的，不是一份“更漂亮的 PPT”，而是一份能够真正参与课堂生成的课件，能够把课堂各个环节更好的串联起来的课件。

于是，我开始尝试把课件做成一个可以翻页的 HTML 文件。它看起来像 PPT，可以一页一页讲；但它本质上又是一个网页，能够计算、交互、动画、记录、输入、导出。

这是它的样子：

因为文件大小限制，不得不拆成了4段，且点的比较快，没看清的，后面会提供在线直接体验。

这份课件仍然保留了 PPT 式的基本体验：16:9 页面、左右翻页、键盘控制、触屏滑动、页码进度、点击空白处逐步出现内容。

但在这个基础上，它进一步支持了很多传统 PPT 不擅长的事情。

这堂课的设计理念，比如简化思维、逻辑链条本文先不讨论，这里只描述html课件的一些优点

一、无缝整合HTML

随着AI工具的发展，越来越多的老师学会了自制HTML教学动画，增强教学的互动性、趣味性，以及可视性。但是，大多数情况，需要从已经做好的PPT课件中切换出来，打开浏览器，再来操作，这造成了”缝“。既浪费时间，也消耗学生额注意力，体验较差。

但是用我这个课件就不会有这个问题，因为它自己就是个HTML，要做的只是代码植入而已。

二、无缝整合其他程序功能

以本节课为例，为了验证机械能守恒，需要计算重力势能变化量和动能变化量，如果能画图拟合就更好。过去为了加快计算速度，把重复劳动压缩，把时间还给观察、判断和解释，除了让学生手算或者用计算器，更”数智赋能“一点的做法，就是在excel文件里提前设置好计算公式，让学生上课输入。

这样做，同样有页面频繁切换的问题，而且自动线性拟合和自动排除无效数据还不能自动做到，需要另外编程。而在我的课件中，这些都已经考虑到位。为了输入方便，我还准备了一个屏幕小键盘，避免因一体机输入法问题带来的体验破坏。

三、模拟真实情景

它可以把实验过程做得很接近真实。在第六页“操作顺序”中，一开始的动画远没有这么正确，但在调试后，基本符合真实情况。这似乎与我前面的声明矛盾，不是说实验尽量来实的，不要模拟吗？

这是用于教师演示实验的。在一般课堂上，如果老师直接演示，一些细微之处学生是看不清的，如果用手机拍摄直播，也常受网络影响，出现卡顿，且操作笨重，浪费时间。如果放视频，则确实互动性、可控性。老师能做的不过就是暂停播放来讲解。

仿真动画实验，很好的在课件内就解决了这个问题，可控、可互动、细节清楚。

注意：一些现象明显，不需要细节观察也不用学生动手的演示实验，还是应该教师自己现场动手的。程序再怎么模拟也不是“实验”，如果依赖动画，那就失去了物理的真意。

四、不挑环境

有浏览器就能用，没有WPS、OFFICE之中常见的格式兼容问题。没有第三方塞给你的各种用不上的功能和广告。储存和传播也和方便（点击页面下方的“阅读原文”，读者就可以体验，不过手机打开可能有页面缩放问题，推荐电脑打开）。未来我就把打算把成套的课件都放在我饿个人网站上。

五、AI适配度高

Anthropic都喊出Markdown已死，HTML当立的口号了。可见AI时代，HTML以起可读性强、互动性高的特性，将会是人机交互的高频语言。用HTML做成的课件，可以传到GitHub进行版本控制，可以在将来用AI进行进一步的完善。

六、潜力巨大

我目前想到两个升级方向

七、不足

对于图片和视频的插入，原生支持还不太好，在“误差分析”那一页中，我插入的实物图片大小不能随页面缩放，微瑕。也许可以通过图床来插入链接来解决这个问题。

最后，我把整个制作课件的过程中可复用的部分，整理成了一个Skill，传到了Github，html-courseware（https://github.com/TLMROBIN/html-courseware）。我还没有试过，还很粗糙，欢迎试用、完善~