一年级下册第三单元：100以内数的认识“数一数”
--交互式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、混元T1。默认为“快速模式（自动调用）。
二、案例
1.首次提示词："请参考教材图，设计一个html页面，实现以下功能：默认随机显示70个大小相同的小正方体；当用户圈选的小正方体数量不超过10个时，这些被选中的正方体应自动合并为一列，并可拖动该列的顶部一个小正方体；支持用户通过拖拽操作将正方体添加或移除到该列中；在页面右上角提供一个可交互的控件（包括：批注、数量调节等），允许用户手动修改正方体的总数（范围合理，如10到100之间），并实时更新页面显示。请详细说明实现该功能的关键技术点和交互逻辑。"+教材图提供给Ai
2.教材图(P24)如下
3.模型选择：快速模式（自动调用）生成基础作品
4.不断提要求让Ai进行修改,你想要什么效果就直接告诉Ai，直到你满意……！
5.下载html文件到电脑，点击打开就可以使用【也可在线内嵌到PPT课件中或超链接到希沃课件中直接使用】
三、作品效果展示
四、在线使用链接
数一数：（需复制下面网址到电脑浏览器中粘贴打开，手机显示不全）
https://www.zcat.cn/view/5876ca8a-ccf6-4a1d-a9bd-76a3eed0f590
五、【需要源代码（线下使用的html文件）评论区留言，免费提供】
六、更多作品请主页上关注：视频号“小渔3DAi”。
【注：电脑端点击下方“阅读原文”可直接访问“数一数”html文件，让抽象的课本知识互动起来，让Ai走向讲台 来到学生手里。把知识学通、学透……】
