提到“制作课件”，大多数教师首先想到的还是PPT。
PPT当然很好用。它操作直观、模板丰富，也适合讲解知识、展示图片和梳理课堂流程。但如果我们希望课件能够朗读、翻译、自动批改、自由交互，甚至直接发布到网络上，PPT有时就显得不够灵活了。
最近，我尝试用一种新的方式制作英语课件：不自己写代码，只用自然语言告诉AI我的教学需求，让AI帮我生成HTML互动课件。
这种方式有一个很流行的名字，叫作 Vibe Coding。
什么是 Vibe Coding？
简单来说，Vibe Coding就是用自然语言告诉AI：
我想做什么、给谁使用、需要哪些功能、页面应该是什么样子。
然后由AI帮助我们编写和修改代码。
教师不需要先学习复杂的HTML、CSS和JavaScript，也不必从空白页面开始。我们只需要像和一位技术助手交流那样，不断提出教学需求。
例如：
请制作一个16:9的高中英语互动课件。课文支持英音和美音朗读，鼠标指向单词时显示中文意思；增加快速阅读、仔细阅读、词汇归纳和语法练习；学生完成所有题目后，点击按钮统一检查答案。
AI就可以根据这些要求生成一个可以直接打开的HTML文件。
我用AI做出了怎样的课件？
这次，我以北师大版高中英语必修一《Lesson 1 Lifestyle》为例，制作了一份17页的HTML互动课件。网址：https://jjjt6o92.html2web.com，欢迎使用电脑登陆体验。
它不只是把文字和图片放在屏幕上，还加入了许多真正服务课堂的功能：
这些功能如果全部依靠传统PPT实现，往往需要复杂的动画、触发器、插件或外部程序。但在HTML课件中，它们可以成为页面本身的一部分。
HTML课件和PPT有什么不同？
PPT最大的优点是熟悉、稳定、容易编辑。
制作常规教学课件时，PPT依然是非常高效的工具。特别是以教师讲授为主、页面交互较少的课堂，PPT完全能够胜任。
HTML课件的优势则主要体现在“互动”和“发布”上。
1. HTML更适合制作互动功能
HTML可以调用浏览器提供的能力，实现朗读、动画、按钮、测验、即时反馈、翻译提示和数据统计。
学生不再只是“看课件”，还可以点击、选择、回答和探索。
2. HTML更方便网络托管
HTML课件可以托管到网络空间。教师只需要把链接发给学生，学生就能通过电脑、平板或手机浏览器打开。
不需要安装特定版本的办公软件，也不用担心PPT字体、动画或排版在不同设备上发生变化。
3. HTML更适合课后自主学习
课堂结束后，教师可以把课件链接发到班级群。
学生能够重新听课文朗读、查看单词翻译、完成阅读题、复习词汇和语法。课件因此不再只是课堂上的一次性展示工具，而可以成为持续使用的学习资源。
4. HTML文件便于分享和复制
一个完整的HTML课件可以只有一个文件，图片、音频、样式和代码都能嵌入其中。
教师可以直接发送文件，也可以压缩后分享，还可以通过网络托管生成访问链接。
不妨从一个小页面开始
第一次尝试时，不需要马上制作十几页的大型课件。
可以先对AI说：
请帮我制作一个单文件HTML英语课堂页面，比例为16:9。页面包含一段英语课文，提供英音和美音朗读；鼠标指向单词时显示中文意思；增加三道选择题，学生完成后点击“Check Answers”统一批改。页面适合高中课堂大屏展示。
打开AI生成的HTML文件，看看它是否符合自己的课堂需求。发现问题后，继续用自然语言提出修改意见：
字号再大一点。按钮颜色更明显。不要自动批改。每页只显示三句话。保留英文，点击后在右侧显示中文。文件控制在10MB以内。
这就是Vibe Coding最有意思的地方：课件不是一次生成完毕，而是在教师与AI的对话中逐渐长成的。
写在最后
过去，教师的好创意常常受限于软件功能和技术门槛。
现在，我们可以直接用自然语言把教学设想告诉AI，让AI帮助编写代码，再由教师根据真实课堂不断调整。
PPT仍然值得使用，但它不应该是课件制作的唯一选择。
下一次备课时，不妨试着少打开一次PPT，多对AI说一句：
“请帮我做一个可以真正互动的HTML课件。”
也许，你得到的不只是一份新课件，还会打开一种全新的教学资源创作方式。
欢迎收藏、点赞、推荐、评论！
10个月宝宝每天需要喝多少奶粉？
