交互式html课件制作思路
【AI赋能教学的困惑：学生觉得新鲜，却学得不深；老师花了大量精力，却效果一般。PPT 看了，视频放了，AI 也“讲”了，但学生一到应用、理解、迁移，就容易卡住。最近多种方式尝试用HTML互动网页课件来解决这个问题，实践下来效果不错。今天整理了一份创作思路，供大家参考。】
【 超喵Ai 】网址：https://www.zcat.cn/teach/ai
优点：超喵也是一款教学动画生成的工具，它几乎包含了所有的学科，而且还可以选择教材中的某一个章节的内容，在这节内容下进行提问，使得生成的教学动画更加精准。超喵所生成的动画都是使用原生的HTML+CSS+JS所完成的，可以在不需要网络的情况下直接运行。超喵目前是完全免费使用，可调用的大模型有以下几种：deepseek R1满血版、Qwen3 Max、Qwen3 cole、豆包seed 1.6、Kini K2、混元11。默认为“快速模式（自动调用），超喵的学科知识库值得期待……。
二、案例
1.首次提示词：“基于教材要求，生成一个互动动画教学的html文件，要能三维互动展示各种情况。”
2.教材图如下
3.模型选择：快速模式（自动调用）生成基础作品
3.不断提要求让Ai进行修改，直到你满意！
4.下载html文件到电脑，点击打开就可以使用【也可内嵌到PPT课件中或超链接到希沃课件中直接使用】
二、作品效果展示
三、在线使用链接
探索图形：正方体涂色-is-math版（需复制下面网址粘贴到电脑浏览器中端打开，手机显示不全）
https://www.zcat.cn/view/f5e8d4a6-6f18-44e1-ba56-7a69aa788da3。
四、【需要源代码的留言，免费提供】
更多作品主页上关注：视频号“小渔3DAi”。
【注：电脑端点击下方“阅读原文”可直接访问探索图形html文件，让抽象的知识互动起来，把知识学通、学透……】
