乐于分享
好东西不私藏

AI教师提效!WPS+DeepSeek设计交互网页课件,高效搞定物理课堂教学演示

AI教师提效!WPS+DeepSeek设计交互网页课件,高效搞定物理课堂教学演示

你好呀,戳蓝字关注我👆 及时收到推送~
后台最近经常有老师问到,如何用AI制作教学课件?
我们之前分享了一些用DeepSeek生成交互网页课件,赋能课堂教学提效的方法。
有物理老师就问了:
物理实验课可以用吗?
答案当然是可以的!
AI大模型的快速发展,让AI的编程能力得到了极大的提升,这为我们老师们借助AI来辅助生成网页课件,提供了非常大的便利。
现在,我们老师们借助AI,不手写一行代码,也能轻轻松松生成交互网页动画课件,让课堂教学演示过程,变得更加生动、直观。
很多老师希望能够多学习一些这方面的案例,我们继续分享一个用WPS结合DeepSeek,快速制作交互网页动画课件的案例。
老规矩,先给你看下效果
这是我用DeepSeek生成的一个,高中物理中经典实验《胡克定律》的网页动画:
点击页面上的【自动演示】后,就可以看到弹簧变化的过程,非常生动、直观。

已关注

关注

重播 分享

这样超酷的网页动画课件,制作起来,并不复杂
总结下来,仅需两个步骤:
  1. DeepSeek生成网页html代码

  2. WPS里运行html网页课件

具体如何做?
来看实操案例,我们一个一个展开说吧:
 1、DeepSeek生成网页html代码  
首先,我们借助DeepSeek 最近更新的V3.2版,来直接生成整个网页动画的html代码
方法是
打开DeepSeek,输入提前写好的提示词。
Deepseek就可以根据提示词,一键生成整份网页的html代码
网页代码生成后,我们可以直接在DeepSeek里运行预览,看下网页效果。
如果有不满意的地方,也可以直接在DeepSeek里输入指令,进行修改。
然后,把完整的网页代码复制下来,保存到电脑里。为接下来的运行和演示播放,做准备。
问题来了:有学友看了我们之前分享的文章,就问了:
如何让html代码运行起来呢?
这个不难,往下看,第2步
  2、WPS里运行html网页课件  
DeepSeek生成了非常酷的网页课件,如果不能拿来在教室电脑上运行和演示,那就太遗憾了。
之前有朋友,就卡在这一步,不知道该如何把html网页,保存在电脑里运行。
这里提供两个方法:
第1种方法,你可以直接复制html代码
在电脑上新建一个记事本文件,把html代码保存在记事本里。
然后把记事本的扩展名格式,修改成:.html
这样,记事本文件就可以变成html网页文件,然后双击网页就可以运行了。
像这样:
把.txt改成XXXX.html
然后就可以打开运行网页动画了。
还有另外一种,更加适合课堂教学演示的方法!
经常看我文章的学友,应该已经掌握了,那就是把html网页代码,复制到你的教学课件PPT里,在PPT课件里,直接运行和播放网页html动画。
方法是:
用WPS打开你的PPT课件,先把PPT课件转成在线PPT模式
然后在【插入】里选择【HTML素材】
把整个网页HTML代码复制粘贴进来
然后,老师们就可以在课堂上,播放自己的PPT课件的时候,不用再中途退出课件,去运行网页动画了。
WPS里的这个一键插入HTML素材的功能,可以非常顺畅的,直接在PPT里运行这个网页动画。
两种运行网页动画的方法,各有应用场景,如果是课堂教学,推荐老师们使用WPS里一键播放的方式,让课堂教学更顺畅。
目前WPS AI版和WPS365里均已上线这个功能。
用AI生成交互网页动画的案例,我们已经分享了好几期,总结下来,关键的技术要点,主要是提示词和AI大模型的选择。
在AI大模型上,选择AI编程能力强的大模型,会让交互网页的生成效果变得更好。
需要今天分享的《胡克定律》案例HTML代码和完整提示词的学友
可以文末私我,申请进AI办公群领取。
好了,今天的分享先到这里,看了有收获,记得给我个赞+在看也可以分享给你身边的朋友,一起学习提升~关注我,学习更多AI提效技巧!

我是闵鑫,AI实践者、WPS AI培训师、AI办公学主理人

公众号回复:资料可领取一份AI办公学教程资料

对AI办公提效感兴趣的学友,也可以私我

爆款文章推荐阅读:

1.手把手教你:如何开启WPS AI

2.AI教案设计,省时又省力!教师收藏

3.腾讯ima,快速搭建个人AI知识库

4.10款超好用的AI提效工具,开箱即用

5.教师用AI做成绩分析表,比手动操作更快

6.WPS接入Deepseek,智能数据分析一步到位

7.WPS里装上deepseek,简直就是办公神器

8.Deepseek分析学生成绩表,教师必备AI神器