21世纪教育网,教育资讯交流平台

Deepseek-课堂趣味点名网页小工具制作

日期:2025-3-31 11:35 阅读:
教老师如何用deepseek ai制作课堂管理小工具,我先把我制作的效果给大家看

课件预览

演示效果:班级趣味随机点名-酷课堂网页小工具

提示词如下:
开发一个浅色可爱风格的班级趣味点名网页工具,要求:
1. 整体设计:
- 采用柔和的浅色系配色(如粉蓝/粉紫/马卡龙色系)
- 所有文字使用微软雅黑字体
- 主界面为圆角矩形白底容器(border-radius建议15px)
- 背景使用images目录下的图片(需预留背景图位置)
- 添加适当的可爱元素(如星星、云朵等装饰图标)
2. 核心功能:
- 支持导入Excel格式的学生名单(xlsx/csv)
- 随机点名动画效果
- 显眼的开始/暂停按钮(建议采用卡通风格按钮设计)
- 最终显示被点中学生的特效(如放大/闪光)
3. 具体实现要求:
- 使用HTML5/CSS3/JavaScript开发
- 响应式设计,适配不同屏幕
- 名单滚动动画平滑流畅
- 当前被点中学生姓名突出显示(加大字号/特殊颜色)
- 底部显示班级总人数和已点人数统计
4. 附加建议:
- 可添加音效(如点击声、选中声)
- 支持名单二次编辑功能
- 增加'重新开始'按钮
- 可保存已点名学生记录
请先提供HTML结构框架和CSS样式方案,经确认后再进行JavaScript功能开发。

怎么样?您也可以按照这个提示词简单修改一下,可以和我的效果演示对比看看:https://www.kuketang.cn/tools/2-suiji-dianming2/

Tags:Deepseek-,课堂,趣味,点名,网页