上周期中考试结束,几个年轻老师在办公室叹气:"PPT做了一下午,学生还是走神。"
我理解这种感觉。从教36年,我用过的课件工具从最早的投影胶片到后来的Flash,再到PPT、希沃白板,每换一轮就折腾一次。最后发现——不管工具怎么换,课件永远是"老师在演,学生在看" ,学生走神的问题没解决。
直到上个月,我用DeepSeek说了一句话,30秒就生成了一个能点击、能拖拽、有积分排行榜的互动网页课件。投屏到班上,学生眼睛全亮了。
关键是——我一个代码都不会写。
今天把我试过的6种玩法全给你,每种都附提示词,直接抄就能用。
速查表:6种互动课件,一看就懂选哪个
一、闯关游戏:古诗复习变成"求生挑战"
上个月看到一所学校的案例,他们用AI做了个"唐诗求生"课件——末日背景,答对一道诗就"续命",答错扣血,学生玩得停不下来。
我试了一下,真香。
怎么操作: 打开DeepSeek(深度思考模式),输入提示词,等30秒,复制代码保存为.html文件,浏览器打开直接用。
提示词直接抄👇
帮我制作一个唐诗闯关游戏网页,HTML+CSS+JS。
要求:1. 末日求生主题,深色背景,科技感风格;2. 共10道题,每题给出诗句上句,选下句(4个选项);3. 答对加10分+恢复生命值,答错扣20点生命值;4. 顶部显示生命值条和当前分数,生命值归零游戏结束;5. 全部答对显示"恭喜通关";6. 适配手机和电脑。
说实话,我第一次看到学生为了一道古诗题争得面红耳赤的时候,觉得这技术值了。
二、拖拽配对:修辞手法、单词拼写都能玩
特别适合"概念配对"的内容——修辞手法配例句、英语单词配中文意思。
提示词直接抄👇
制作一个拖拽配对游戏网页,HTML+CSS+JS,苹果iOS风格。
内容:8组语文修辞手法配对——比喻/拟人/排比/夸张/反问/设问/对偶/借代,每组配一个例句。
要求:1. 左侧8个修辞手法卡片,右侧8个例句卡片;2. 拖拽左侧卡片到右侧对应位置;3. 配对正确卡片变绿+播放提示音,错误卡片抖动回原位;4. 顶部显示正确数和用时;5. 全部配对完成弹出成绩。
我拿这个给初二学生试,平时修辞手法混成一锅粥的几个孩子,玩了三遍全对了。比我在黑板讲10遍管用。
三、模拟实验:天平称量、电路搭建,不用怕没器材
物理化学老师最头疼的就是实验——器材不够、准备麻烦、有的还有安全隐患。AI生成的模拟实验,学生反复操作,零成本零风险。
提示词直接抄👇
制作一个天平称量实验的互动网页,HTML+CSS+JS。
要求:1. 画面中间一个天平,左右两个托盘;2. 下方有5个不同重量的砝码(1g/2g/5g/10g/20g),可以拖拽到托盘上;3. 天平会根据两端重量实时倾斜,平衡时显示"平衡";4. 右侧托盘放一个待称物品(重量随机),学生需要选择砝码使天平平衡;5. 平衡后显示正确重量和所用步数;6. 简洁实验室风格,蓝色调。
啧,我们学校那套天平有的生锈有的缺码,好几个班轮流用根本来不及。这个往电脑上一放,每个学生都能自己操作。
四、随机点名+积分:课堂气氛立刻不一样
这个我天天用。传统课堂喊人回答问题,永远是那几个积极的学生举手。用随机点名,全班都紧张——因为不知道下一个是谁。
提示词直接抄👇
制作一个课堂随机点名+积分系统网页,HTML+CSS+JS。
要求:1. 可以输入班级学生名单(支持批量粘贴);2. 点击"点名"按钮,名字快速滚动3秒后停下,显示被点到的学生;3. 点名后弹出"回答正确/回答错误"按钮;4. 正确加2分,错误不扣分,右侧显示排行榜前10名;5. 顶部显示今日已点名次数和正确率;6. 活泼明快的风格,适合初中课堂。
我们班有个男生,平时从来不举手,随机点名点到他,答对了全班鼓掌,那表情我到现在都记得。不是他不会,是没人给他机会。
五、可视化动画:让抽象公式"看得见"
数学老师都有这个痛点——讲几何推导、讲函数变换,黑板上画半天,学生还是一脸懵。但如果圆柱体积公式用3D动画推导出来,一秒就懂。
提示词直接抄👇
制作一个圆柱体积公式推导的动画网页,HTML+CSS+JS+SVG。
要求:1. 动画分三步:第一步显示一个圆柱体(3D效果);第二步圆柱被等分成16份扇形;第三步扇形拼成长方体,显示体积=底面积×高;2. 每步自动播放,也可以点击"上一步/下一步"手动控制;3. 底部配文字解说,与动画同步;4. 浅蓝色背景,简洁科技风;5. 整个动画约30秒。
飞象老师2.0也能直接做这类可视化动画,上传教案就能生成,不过DeepSeek免费版本也能做到七八成。
六、数据看板:学生做完题,你马上知道谁不会
这个是配合前面几种课件用的。学生做完互动练习,数据自动回收,投屏上直接看到——谁答对了、谁答错了、哪道题错误率最高。
提示词直接抄👇
制作一个课堂学情数据看板网页,HTML+CSS+JS。
要求:1. 左侧饼图显示全班正确率;2. 右侧柱状图显示每道题的错误人数;3. 下方排行榜显示得分前10学生;4. 顶部显示"今日课堂"标题+日期+总人数;5. 数据用内置示例数据即可(10个学生,8道题);6. 现代仪表盘风格,深色背景。
有了这个,你再也不用"凭感觉"判断学生掌握情况了。数据说话,该重点讲哪里一目了然。
三步上手,今天就能用
- 打开DeepSeek(deepseek.com),选深度思考模式,免费
- 复制上面的提示词
- 复制生成的代码
如果觉得DeepSeek生成的界面不够好看,推荐飞象老师(feixianglaoshi.com),微信扫码直接用,不用存文件,一键生成+分享链接,还有现成的老师作品可以"一键同款"。
说真的,我不是技术派,36年教龄让我更相信"实用"而不是"花哨"。但这6种课件,每一种我都亲手试过,每一种都能直接用在课堂上。技术不是目的,让学生参与进来才是。
下一篇,我手把手带你做一个完整的闯关课件,从写提示词到调试到上课,全程踩坑实录。那才是真干货。
更多AI教学实操,欢迎关注公众号「游不停的鱼」