你有没有遇到过这种情况:
备课备到晚上十一点,PPT做了40页,上课讲到一半,看到第一排有个小朋友已经在桌子下面抠橡皮了。
想加点互动,搜索"小学课件制作工具",全是收费的。免费那几个,模板固定,改不了,更别说做出能"点击"的效果了。
我之前帮一个老师做了个能点击的汉字课件——点一下,笔顺一笔一笔出来,学生抢着上台点。她后来问我:你是怎么做出来的呢?
其实用AI就能做,不用学编程,10分钟左右能出一个。今天把方法整理出来,你照着来。
HTML课件跟PPT,差在哪
HTML就是网页文件,浏览器直接打开,不用装任何软件。
跟PPT最大的区别是,它可以响应你的操作。点按钮,弹出答案;拖动选项,放进正确位置;完成后显示得分。这些在PPT里做起来很麻烦,在HTML里其实就是几十行代码的事。
你会发现,HTML文件还特别小,U盘能装,不依赖网络,投影仪上显示也很清晰。不用担心教室电脑没装某个软件,只要有浏览器就能用。
第一步:把你想要的课件说清楚
很多老师卡在这一步,不知道怎么跟AI开口。
其实格式很简单,这样说就行:
帮我写一个HTML课件页面,用于小学[年级][学科]的[知识点]。学生操作方式:[比如"点击选项""连线""拖动填空"]答对答错有提示。适合大屏幕显示,字体大,背景颜色活泼一点。
举个例子,你想做"认识人民币"这一课:
帮我写一个HTML页面,用于小学二年级数学"认识人民币"课件。显示5道选择题,每题给出一张人民币面值(文字描述),四个选项选正确答案。答对变绿,答错变红,最后显示得分。字体大,背景浅黄色,适合投影仪。
这样发给Claude或豆包,直接就能得到完整代码。
那这里有三个地方要说清楚:年级和学科、学生怎么操作、在什么设备上用。说不清楚,AI给你的代码方向可能就跑偏了,所以这三个点最好都提到。
第二步:把代码变成可以用的文件
AI返回一大段代码,你可能会愣一下。不用理解它,直接复制就行。
打开电脑上的记事本(Windows自带),粘贴进去,然后点"另存为",文件名改成"课件.html",编码选"UTF-8",保存。
保存完双击这个文件,浏览器就自动打开你的课件了。就这样,没了。
如果效果有问题,把问题直接告诉AI就行:
点击选项没有反应,帮我检查一下字太小了,所有文字放大1.5倍想在开头加一个大标题
AI给你改好的代码,你复制替换原来内容,重新保存,然后刷新浏览器。来回几次,通常10-15分钟能搞定一个完整课件。
你会发现这个过程其实比用那些在线工具还快,因为你不需要学它的界面,直接说你要什么就行。
第三步:上课怎么用
把HTML文件拷进U盘,或者直接发到教室电脑桌面。
双击打开,浏览器按F11全屏,就是一整个大的互动页面了。要让学生上台操作,把鼠标给他们就行。要老师展示,自己拿着鼠标点。
有一点要注意:如果课件里用了图片,图片文件要和HTML文件放在同一个文件夹里一起拷,不然图片会显示不出来。纯文字和动效的课件不用管这个。
所以最保险的做法,就是把整个文件夹打包拷贝,不要单独拷HTML文件。
最后说一句
我做前端开发十多年了,HTML每天都在写。但说实话,让AI来写这种课件,其实比我自己写还快——因为我自己写还得想结构、查文档,AI直接给你出完整的。
你会发现,你不需要懂代码,你需要懂的是你的课:这个环节学生要做什么,答对了给什么反馈,答错了怎么处理。这部分AI帮不了你,但写代码这件事,它全包了。
那上次帮那个老师做完,她发我消息说那节课学生举手举了二十几次,比平时多了好几倍。
所以不是学生不配合,是他们需要一个能动的东西。
你现在教哪个学科呢?评论区说说,我看看能帮你出个具体的提示词模板。