夏薏 - 2025/8/3 13:39:36
HTML互动小程序,可以根据自己的需求进行设计开发,还可以离线使用,可以分享。下面分享几款好用的HTML小程序编写的提示词,只需要deepseek即可! 1. 计时器视频操作学习链接:https://aitrain.zjer.cn/specialColumn/67/217/45375?courseId=249304&shareId=
方法一:
打开deepseek(勾选深度思考和与互联网搜索)→输入“用html语言写一个倒计时小程序”→点击“下载”,查看下载效果→可以不断调整想要的效果→例如“增加倒计时重置功能”“让整个功能区域处于网页中心位置”等。
方法二:
打开deepseek(勾选深度思考和与互联网搜索)→输入“帮我写一个网页互动代码(这句话特别重要,每次都要写在前面),写一个计时器的代码,有开始、暂停、重置的按钮,能够正向计时也能够倒计时。界面背景要具有科技感,名称是“计时器”→然后根据自己的需求可以继续进行优化。


夏薏 - 2025/8/3 13:43:30
2.利用麦克风监测音量分贝
打开deepseek(勾选深度思考和与互联网搜索)→输入“使用HTML语言写一个工具,调用电脑的麦克风,监督学生有没有在安静地看书,如果声音很大,会作出“宝贝们,请安静哦”这样的不会很凶也不会很温柔的提醒语言,声音请用富有磁性的男性声音。监测工具的灵敏度根据现场实际情况而定。并在页面中设计一棵小树苗,小树苗直接长在草地上,类似像樟树,随着学生们安静地时间越来越长,小树苗的树冠与树干会一起越长越大,但是有吵闹声,小树苗就会变小,整合在一个HTML文件中输出。”→根据自己的需求继续调整优化。


夏薏 - 2025/8/3 13:46:51
3.运动轨迹的显示路线
提示词:呈现一个玩具小车的卡通图,在左边车轮的橡胶部分贴上一个红色圆点,右边车轮不贴圆点,当小车往前开,车轮就会向前运动,同时显示左边车轮上红色圆点的运动轨迹(注意运动轨迹是滚动,且有交叉的)。在车身上标记一个蓝色的点,同样显示运动轨迹。当小车行驶出去后恢复到最初位置,点击开始才能开始,点击停止就停止。两条运动轨迹请用虚线请帮我生成一个HTML文件。并根据要求不断优化已生成好的小程序。


这个对于三年级《物体的运动》单元显示物体的运动路径,让抽象的路径更加具象化,有助于学生建构科学概念。
夏薏 - 2025/8/3 14:01:04
AI很好用,大家都知道,但是真的要自己操作几遍,才能够真正地服务生活和工作。这段时间也一直都跟着之江汇中的“人工智能”学习板块进行学习实践!大家也都行动起来吧~~
小卷在线 - 2025/8/3 14:01:52
用AI生成html网页程序和小游戏是一个很好的方式,就是生成的网页有时候功能需要不断完善才能符合要求,这时候指令非常重要了
夏薏 - 2025/8/3 14:03:17
是的,要不断进行调整,毕竟做啥都不能一蹴而就,根据自己的需求,不断优化。但是试的次数多了,以后做出的指令就会越来越精准了,哈哈哈哈~~
夏薏 - 2025/8/3 18:53:20
回复 11楼流风的帖子自习课的时候也可以用用,可以试着看看能不能协助帮助老师管理班级~~
夏薏 - 2025/8/3 18:53:47
回复 9楼樱桃荔枝的帖子对的,根据自己的需求,让这些小程序真的可以帮助到学生,解放自己!
红泥小火炉 - 2025/8/3 20:04:48
巧妙借用ai,将运动的小车的运动路线显示出来,帮助学生理解
夏薏 - 2025/8/3 20:22:17
回复 23楼小卫的帖子这个目前还没有尝试过,但是偶尔知识付费也是需要的,那些开发人员也需要我们用实际行动来支持一下:default14:
夏薏 - 2025/8/3 20:23:02
回复 19楼红泥小火炉的帖子教材里涉及到的这些物体的运动,都可以利用相同的方式进行运动轨迹可视化。
夏薏 - 2025/8/3 20:23:36
回复 17楼王丽洁的帖子是的呢,我做出来主要目的也是在暑假方便女儿识字的。
夏薏 - 2025/8/3 20:24:10
回复 25楼沫白的帖子赶紧打开deepseek尝试一下,会收获不一样的惊喜!