ARTICLE · 1318844
【数字素养提升】从“会用AI”到“会造工具”,用智能体开发互动课堂网页
发布时间：2026-11-06 11:18:16 最近访问：2026-11-06 11:18:17
【数字素养提升】从“会用AI”到“会造工具”,用智能体开发互动课堂网页
阅读提示：本文含两个可直接复制的智能体提示词模板，建议先收藏，再结合教材版本和学情修改使用。此前，老师们已经尝试过AI辅助备课、分层作业、评语整理和会议纪要。很多老师反馈：这些基础应用已经用起来了。今天，我们再往前走一步——不只让AI“回答问题”，而是让智能体帮我们“造工具”：生成一个单文件HTML互动网页，浏览器打开就能投屏，平板能用，二维码能分享。大多数老师已经会用AI写框架、改题目、润色通知。但课堂里真正难的是：抽象过程看不见、参数变化讲不清、学生只能“看老师演示”。而互动课堂网页工具，能解决三个高频需求：可分享、可复用：一个HTML文件，投屏、平板、二维码都能用。智能体比普通问答更适合做这件事：它可以被设定为“互动课件开发助手”，按固定技术规范输出完整单文件HTML，还能持续对话迭代——“滑块范围改一下”“虚像用虚线”“字体再大一点”。关键不是让AI做炫酷动画，而是围绕一个教学难点，做一个可操作的“小实验室”。下面以高中数学的动态图像、高中物理的动态轨迹为例，让智能体做出“教学原型”。
案例一：高中数学《函数y=Asin(ωx+φ)图像变换》动态实验室
痛点：A、ω、φ对图像的影响，尤其是“左右平移量是 |φ/ω| 而不是 |φ|”，靠静态PPT学生很容易混。需要拖动参数、实时看图像和关键点变化。请开发一个高中数学“函数 y=Asin(ωx+φ) 动态实验室”单文件HTML互动网页。
功能要求：
1. 函数 y=A sin(ωx+φ)，提供三个滑块：
A范围0.5到3，步长0.1；ω范围0.5到3，步长0.1；φ范围-π到π，步长π/12；
2. 实时绘制当前函数图像，坐标轴、网格、刻度完整，x轴范围-2π到2π；
3. 用浅灰色绘制 y=sin x 作为参考曲线；
4. 实时显示：振幅|A|、周期T=2π/ω、相位φ、左右平移量φ/ω（标注“平移量需结合ω理解”）、最大值、最小值；
5. 标出当前函数在一个周期内的五个关键点（五点法），并显示坐标；
6. 提供“冻结当前图像”按钮，可叠加一条灰色参考曲线做对比；
7. 提供“重置”按钮；
8. 提供预设按钮：仅改变A、仅改变ω、仅改变φ、综合变换；
9. 页面下方设置“课堂观察任务”区域，显示3条提示：
① A改变时，图像什么变、什么不变？
② ω改变时，周期如何变？
③ φ改变时，左右平移量为什么不是简单的|φ|？
10. 适配大屏和iPad，触控友好，中文界面，无外部依赖。
请自检：周期公式、五点法坐标、φ/ω平移量、ω>0边界、滑块极值、特殊值提示。
1.打开Deepseek，在输入框中复制上面的提示词，可根据学科需求适当修改提示词。将智能搜索取消，选择深度思考，点击提交。2.在自己电脑新建一个文本文件，命名为“高中三角函数动态实验室.txt”，打开文件将系统生成的完整代码粘贴到文件中，保存文件并关闭，然后修改文件的扩展名为.html。双击打开文件即可预览效果。先测“仅改变A”“仅改变ω”“仅改变φ”三个预设；重点核验：周期T=2π/ω是否正确；五点法坐标是否随参数实时更新；平移量是否显示为φ/ω并提示易混点；继续迭代：“关键点坐标保留2位小数”“冻结曲线用灰色虚线”“滑块加大到触控友好”“增加显示/隐藏参考曲线开关”；大屏演示+追问：先固定ω、φ，只拖A，让学生说“振幅变、周期不变”；再固定A、φ，拖ω，问“周期怎么变”；最后拖φ，追问“为什么平移量是φ/ω？”平板小组探究：每组负责一个参数，记录“参数—图像—关键点—结论”，截图上传；易混点对比：用“冻结当前图像”叠加参考曲线，让学生对比“先平移后伸缩”和“先伸缩后平移”的差异，老师总结。提醒：AI可能把平移量写成|φ|，必须人工核验；ω>0的范围要在页面上说明；结论由学生归纳，AI提示只作观察支架。
案例二：高中物理《平抛运动》动态分解与轨迹模型
痛点：平抛运动的“水平匀速+竖直自由落体”分解、速度方向、落地时间与射程，学生容易背公式但说不清过程。动态模型能让学生拖动初速度和高度，实时看轨迹、分速度、合速度和方向角。请开发一个高中物理“平抛运动动态分解与轨迹”单文件HTML互动网页。
功能要求：
1. 小球从高度h处以初速度v0水平抛出；
2. 参数滑块：
v0范围5到20 m/s，步长1；h范围5到45 m，步长1；
g可选9.8 m/s²和10 m/s²；
3. 实时绘制轨迹，坐标轴完整，标注水平方向和竖直方向；
4. 实时显示：时间t、水平位移x=v0t、竖直位移y=½gt²、水平分速度vx=v0、竖直分速度vy=gt、合速度v、速度方向与水平方向夹角θ；
5. 提供“播放/暂停/慢放/重置”按钮；
6. 提供“分解视图”开关：同时显示水平方向的匀速运动影子和竖直方向的自由落体影子；
7. 落地后停止，显示落地时间t=√(2h/g)和水平射程x=v0t；
8. 特殊值提示：v0=0时提示“不是平抛运动”；h=0时提示“高度为0，无下落过程”；
9. 页面下方设置“课堂观察任务”区域，显示3条提示：
① 水平方向速度和位移如何随时间变化？
② 竖直方向速度和位移如何随时间变化？
③ 落地时间由什么决定？射程由什么决定？
10. 适配大屏和iPad，触控友好，中文界面，无外部依赖。
请自检：x=v0t、y=½gt²、vy=gt、v=√(vx²+vy²)、θ=arctan(vy/vx)、落地判断、g取值、单位标注。
1.打开Deepseek，在输入框中复制上面的提示词，可根据学科需求适当修改提示词。将智能搜索取消，选择深度思考，点击提交。2.在自己电脑新建一个文本文件，命名为“高中平抛运动动态分解.txt”，打开文件将系统生成的完整代码粘贴到文件中，保存文件并关闭，然后修改文件的扩展名为.html。双击打开文件即可预览效果。逐项测试：改变v0看射程；改变h看落地时间；切换g=9.8/10看数值变化；重点核验：落地时间公式、射程公式、速度方向角、单位、落地后是否停止；迭代：“轨迹用实线、分运动影子用虚线”“数据显示保留1位小数”“慢放按钮加大”“增加‘落地时间与v0无关’观察提示”；先做真实实验，再用模型回放：学生用平抛实验器或频闪照片后，用网页快速改变v0和h，回放连续过程；小组任务单：每组固定一个变量，记录t、x、y、vx、vy、v、θ，全班拼出“落地时间由h决定、射程由v0和h共同决定”的结论；大屏追问：拖到落地瞬间，问“此时vy是多少？合速度方向如何？”再改变v0，问“落地时间变不变？为什么？”提醒：g取9.8还是10要按教材和题目要求统一；AI可能把速度方向角写成与竖直方向夹角，必须核验；虚拟模型不能替代真实实验操作和误差分析。
通用四步流程：从需求到课堂
第1步：定一个交互点。不要提“做一个三角函数课件”，而要提“拖动A、ω、φ，实时看图像、周期、关键点和平移量变化”。第2步：写任务提示词。按“学科+对象+交互+显示数据+特殊值+输出格式”描述。第3步：生成单文件HTML。复制智能体输出的完整代码，用记事本保存为UTF-8编码的.html文件。第4步：预览测试迭代。浏览器打开，逐项测试滑块边界、特殊值、大屏和平板显示。发现问题直接对智能体说：“ω=0时请提示‘参数退化’，并禁止绘制。”
结语：让工具回到育人现场
案例的关键，不是“动画更炫”，而是把参数变化、公式关系、图像或轨迹、学生观察放在同一个可操作页面里。欢迎各学科组把最想突破的一个难点发给我们，我们一起做成可复制的课堂工具。工具会变，但“学生主体、教师负责、真实实验优先、育人为本”的原则不变。 
