自行车里的数学--交互式网页课件制作思路

自行车里的数学互动课件制作

--交互式html课件制作思路

【AI赋能教学的困惑：学生觉得新鲜，却学得不深；老师花了大量精力，却效果一般。PPT 看了，视频放了，AI 也“讲”了，但学生一到应用、理解、迁移，就容易卡住，热闹的背后是知识学习互动少、学生体验少，被动接受，知识没学通、学透。最近尝试用html互动网页课件来解决这个问题，实践效果不错。今天整理了一份创作思路，抛砖引玉，供大家借鉴参考。】

【 在问Ai 】网址：

https://www.zaiwenai.com?channel-code=69704c887abfb9f39cae15ea

优点：1.免费:用户复制上面网址，手机号验证登录即赠送9.999万个积分（总量送完为止）。你就可以随时使用，无需支付费用，也不会在后台保留任何用户隐私数据，保护用户隐私。2.多功能: 提供智能问答、在线检索、文生图、文档分析和文生思维导图等多种功能，方便调用各种大模来创作。3.简单:使用浏览器打开网址即可直接使用，各个功能划分明晰，易于操作；4.高效:采用现成的模型（如deepseek系列、Gemini-系列 GPT-系列、Claude、Stablediffusion等大模型）提供服务，可以快速地回答用户的问题；5.开放性: 用户可以在Issues中提出问题和建议，参与项目的讨论与改进；6.开源: 在问开放了前后端所有源码，推动相关应用平台的推广与搭建，促进开源社区的发展。

二、案例

1.首次提示词：“请根据教材中的示意图和比例要求，生成一个单页面HTML文件，用于生动演示“自行车里的数学”。要求：主动轮位于右侧，从动轮位于左侧，轮子大小比例严格遵循教材设定；页面布局中，自行车结构图应居中显示，控制按钮（如“旋转”“放大”“切换视角”等）放置在页面右侧，确保用户交互直观清晰；请提供可直接运行的完整HTML代码，并说明如何通过简单操作展示自行车传动机制的工作原理。”

2.教材参考图

3.大模型选择（Gemini-3.0-pro)生成基础作品

4.不断提出修改要求，让Ai进行修改，直到你满意为止！

5.下载HTML文件，点击打开就可以使用用【可内嵌到PPT课件中或超链接到希沃课件中直接使用】

二、作品效果展示

【需要源代码的留言，免费提供】

更多作品主页上关注：视频号“小渔3DAi”。