你好，我是予贝，AI时代，专注于AI编程
点击👇关注我
AI编程+教育软件，将重塑老师的教学方式
前几天发了一个AI编程写光线折射实验平台的效果，收获了600多赞，很多老师过来问我如何实现
但大家对编程一窍不通，花费了很多时间给老师们解答，特此写了一个手把手教程
本内容专为编程小白用户打造，带领新手做一个光的折射实验平台，不需要配置任何环境，有浏览器即可。
DeepSeek: https://chat.deepseek.com/
DeepSeek 其他入口：
纳米AI搜索：https://bot.n.cn/ AskManyAI : https://askmany.cn/login?i=131c5083
浏览器：Edge，Google Chrome， 火狐，360 都可以
因为代码需要多次调整，deepseek 官网目前对话 1-2 词就不能使用了，我这里使用 AskManyAI
光的折射实验平台提示词：
我是一名物理老师，需要做一个光的折射实验模拟平台，使用静态网页方式，要求:
1. 动画展示实验效果
2. 可以修改参数，实验效果随参数的改动变化
3. 全屏显示，左侧是控制面板及实验讲解，右侧是实验界面
4. 画面采取儿童+科技风
5. 所有代码输出为一个HTML文件
在对话框输入提示词
代码生成完毕后在右上角有一个复制代码，点击复制
在桌面新建文本文档，请确保创建完成后可以看见后缀。txt，如果看不到后缀需要进行设置，打开后才能改名。
后缀打开方式 ：我是 win11 电脑，其他系统可以百度，都类似，随便打开一个文件夹，点击查看，现实，勾选文件扩展名选项，即可打开后缀
win7 打开后缀：https://g.pconline.com.cn/x/1862/18620111.html
win10 打开后缀：https://baijiahao.baidu.com/s?id=1760062502251551349𝔴=spider&for=pc
打开后缀后重命名文件为折射实验。html，改 html 的原因是可以通过浏览器打开并渲染，修改时候会有如下提示，点击是。
修改完成后，右键选择文件，并用记事本打开
打开后，把我们复制的代码粘贴到记事本中，并按 Crtl+s 保存，如果有圆点显示的话是修改没保存，要记得每次修改都保存哦。
保存完成后，双击桌面新建立的折射实验。html，即可在浏览器运行，第一次效果如下
可以看到有些问题，实验画面没有居中，角度显示有问题，我测试修改入射角，画面也没有变化，我们把需要改动的问题继续发送给 AI 即可
在修改的时候一定要加一个提示，输出完整代码，如果不提示的话，AI 只会针对有问题的地方改动并输出，这样我们不能直接复制，还得看原来的代码。
修改完成后，复制完整代码，粘贴到记事本中，保存，刷新原来打开的网页即可，修改后集中了，并且可以调整了
后续大家在实践的过程中还会遇到各种各样的问题，及时问 AI 即可，静态网页可以实现的功能也非常有限，需要大家持续学习，持续探索。
本教程是 AI 编程入门的第一课，专为零基础小白设计，帮助新手快速掌握用 AI 编写代码的基本流程，并学会如何与 AI 协作修改代码。
AI编程交流群已经450人了，只能通过邀请进群了，群内有 Cursor + DeepSeek 教程，欢迎大家进群交流学习，感兴趣的扫码添加好友邀你进群。