夜雨聆风我是青弦，程序员，平时主要研究怎么用AI工具帮不同职业的人提效。
上个月教了几位小学老师用AI做课件，反响不错，这次有个初中物理老师找到我：“能不能帮我做一个欧姆定律的实验课件？学生拖滑块就能看到电流变化那种。”
我当时愣了一下。这不就是交互式网页吗？以前这种东西，得找前端开发写代码，最快也得两三天。
结果我用AI，20分钟就搞定了。
打开就是一个完整的实验电路图，电子在导线里跑，拖动电压滑块，电流表的读数实时变，学生还能自己记录数据、生成图像。
那个物理老师拿到课件后在班上一投屏，学生直接围上来了，抢着要上台拖滑块。
今天我把这个方法完整写出来。你不需要会写代码，只需要会跟AI说话就行。
先看效果：这个课件长什么样
在教方法之前，你先知道最终做出来是什么东西。
打开这个HTML文件，浏览器里会出现：
一个完整的欧姆定律实验台。
左边是电路图，电源、导线、电流表、定值电阻，全部画出来了。黄色的小点是电子，沿着导线在跑，电流越大跑得越快。
右边是控制面板和数据区：
• 电压滑块：从0V拖到12V，模拟调节电源电压 • 电阻滑块：从1Ω拖到100Ω，模拟更换定值电阻 • 电流表读数：实时显示 I = U/R 的计算结果，精确到0.001A • 数据记录表：点一下"记录当前数据"，自动把这组U、R、I存进表格 • 数据图像：记录的数据点自动画到坐标图上，横轴电压，纵轴电流
一个文件，不用装软件，不用联网，双击打开就能用。投影到大屏上，全班都能看到。
方法一：给AI一段提示词，直接生成整个课件
核心就一件事：你得告诉AI，你想要一个什么样的课件。
说得越具体，出来的效果越好。说"帮我做个欧姆定律课件"，AI大概率给你一个静态页面，没有交互，没有动画。
下面这段提示词是我反复调过的，你直接复制粘贴给Claude或者ChatGPT就行：
请帮我制作一个欧姆定律交互实验的HTML课件，要求：
1. 界面布局：左边是电路图，右边是控制面板和数据区
2. 电路图要素：
- 画出完整电路：电源、导线、电流表(A)、定值电阻，用不同颜色区分
- 电子动画：黄色小点沿导线运动，电流越大速度越快，电压为0时停止
- 导线转角处有连接点标记
3. 交互控制：
- 电压滑块：0-12V，步进0.1V，橙色主题
- 电阻滑块：1-100Ω，步进1Ω，绿色主题
- 实时显示电流值 I=U/R，精确到0.001A
- 显示完整计算公式，如 I = 6.0V / 20Ω = 0.300A
4. 数据记录功能：
- "记录当前数据"按钮，点击后把当前U、R、I存入表格
- "清空"按钮重置数据
- 表格显示序号、电压、电阻、电流四列
5. 数据可视化：
- 根据记录的数据自动画散点图
- 横轴为电压U，纵轴为电流I
- 没有数据时显示提示文字
6. 视觉风格：深色科技风背景，适合投影到教室大屏
7. 全部代码写在一个HTML文件里，不依赖外部资源
把这段丢给AI，等大概30秒到1分钟，它会输出一大段HTML代码。
方法二：拿到代码后怎么用
AI给你代码之后，你需要做三步，每步都不难。
第一步：保存成HTML文件
打开电脑上的记事本（Windows自带的就行），把AI输出的全部代码复制粘贴进去。然后点"文件 → 另存为"，文件名写 欧姆定律实验.html，保存类型选"所有文件"，编码选"UTF-8"。
注意文件名后缀一定是 .html，不是 .txt。
第二步：双击打开
保存好之后，在文件夹里找到这个文件，双击。它会自动用浏览器打开，你就能看到完整的交互课件了。
推荐用Chrome或Edge浏览器，兼容性最好。
第三步：投屏到教室
把这个HTML文件拷到U盘里，到教室电脑上双击打开就行。如果教室电脑连了投影或大屏，全班学生都能看到。
你也可以让学生用自己的平板或手机打开这个文件，每个人都能自己拖滑块做实验。
方法三：怎么引导学生用这个课件做实验
课件做出来只是第一步。怎么用它上一堂好课，才是重点。
我跟那位物理老师聊了之后，他设计了一个课堂流程，我觉得挺好的，分享给你。
探究一：电流与电压的关系（固定电阻）
操作步骤：
1. 把电阻固定在20Ω不动 2. 依次把电压调到2V、4V、6V、8V、10V、12V 3. 每调一次，点"记录当前数据" 4. 6组数据记完，看右下角的散点图
学生会发现：这些点几乎在一条直线上。
老师这时候抛问题：“电阻不变的时候，电流和电压是什么关系？”
学生自己就能说出来：成正比。
探究二：电流与电阻的关系（固定电压）
操作步骤：
1. 把电压固定在6V不动 2. 依次把电阻调到10Ω、20Ω、30Ω、40Ω、50Ω、60Ω 3. 每调一次，记录数据 4. 观察电流值的变化趋势
学生会发现：电阻越大，电流越小。
老师再问：“电压不变的时候，电流和电阻是什么关系？”
学生答：成反比。
两组实验做完，欧姆定律 I=U/R 就从数据里"长"出来了，而不是老师硬塞给学生的公式。
一些细节调整：让课件更贴合你的教学需要
AI生成的课件不一定100%符合你的要求。你可以继续跟AI说：
“帮我把电压范围改成0-6V，因为我们实验室的电源最大就6V。”
“在课件下方加一段文字说明，写上实验目的、实验器材、注意事项。”
“帮我加一个’导出数据’按钮，点了之后学生可以把数据复制到实验报告里。”
“电子动画能不能再明显一点？投影仪亮度不够，怕学生看不清。”
每次你说一个修改需求，AI就帮你改一版。不用你碰代码，全程用中文沟通。
试了才知道，这比你想象的简单。
这个方法不只是做欧姆定律
同样的思路，你可以让AI帮你做：
• 串并联电路演示：拖动开关，看电流怎么分配 • 凸透镜成像：拖动物距滑块，实时看成像位置、大小、正倒 • 声波可视化：调节频率和振幅，看波形变化 • 力的合成与分解：拖动两个力的方向和大小，看合力怎么变
提示词的结构都一样：告诉AI你要什么交互元素、什么物理量、什么视觉效果。说得越具体，出来的东西越能直接用。
我之前教小学老师做语文课件，用的也是这个路子。AI不挑学科，只要你能把需求说清楚。
你是物理老师的话，下一节欧姆定律的课可以试试。20分钟准备，换来一堂学生抢着举手的课，这笔账怎么算都值。
你教的是哪个年级的物理？平时做实验最头疼的是什么？评论区聊聊。
对了，文中提到的那个欧姆定律交互课件，我已经做好了一份现成的HTML文件，想直接拿来用的老师，公众号后台直接回复欧姆定律。
