教师用AI生成交互式网页课件，提升课堂教学效果

你好呀，戳蓝字关注我👆 及时收到推送~

昨天，有位老师朋友问到：如何借助AI来赋能教学？

这是一个好问题。

课堂教学过程中，老师最头疼的，莫过于学生提不起学习兴趣，低头不认真听讲。

过去，面对这种情况，要么是加强课堂管理，要么呢，是提高嗓门吸引学生的注意。

效果方面，总是感觉不尽人意。

现在，AI技术的迅速发展，使得制作各种交互动画的技术难度变得越来越低。

老师们哪怕是在不懂代码的情况下，借助AI，也能够非常方便的制作出自己想要的交互动画网页。

像我们之前分享过的用DeepSeek制作水沸腾物理实验网页的方法。

有很多老师看了之后反馈，希望能够多分享一些这方面的用法和案例。

今天，我们再分享一个借助DeepSeek生成交互实验网页html，并且用WPS将网页一键插入到PPT课件里方法。

全程不用写一行代码，零基础也能轻松上手。

老规矩，我还是先给你看下效果：

我们这次以中学物理实验中比较经典一个知识点：杠杆原理来做演示实验。

这是我们用DeepSeek生成的杠杆原理实验的交互网页。

滑动实验控制区域的滑竿，可以改变力和力臂参数，模拟出实际的物理变化过程。

然后我们用WPS AI生成了一份讲解杠杆原理的PPT课件，并把DeepSeek生成的交互网页，一键插入到PPT课件里。

这样一份带有交互网页的课件，拿到课堂上，和学生做互动，相信能非常好的激发学生的探索欲。

整个交互网页PPT课件的制作过程，只需要两步。

1. DeepSeek生成交互网页html
2. WPS AI制作交互网页PPT课件

具体操作方法，我们一个一个说吧：

1、DeepSeek生成交互网页html

首先，我们在DeepSeek里，生成杠杆原理演示实验的html交互网页

方法是

打开DeepSeek

然后在DeepSeek对话框里，输入提示词。

然后，DeepSeek开始根据提示指令，自动生成网页代码html

在DeepSeek生成了网页代码后，我们可以直接先在DeepSeek里运行看网页效果。

根据AI生成的网页效果，还可以继续和AI对话，来修改调整。

修改好了网页代码后，点击DeepSeek编程窗口右上角的下载。

即可将完整的html网页代码，给下载下来。

AI生成了实验网页后，接下来，我们就可以把整个交互网页，一键插入到PPT课件里。

具体怎么做呢？

接着往下看，第2步：

2、WPS AI制作交互网页PPT课件

这里，我们可以先借助WPS AI一键生成一份PPT课件。

方法是，在WPS里新建一份空白PPT

选择AI输入主题来生成PPT

很快，借助AI就生成了一份PPT课件

然后，我们根据教学课件的内容安排，在需要插入交互实验演示网页的地方，点击【插入】-【html素材】

在弹出的html素材对话框里，选择右上角的【插入代码】

在插入代码窗口中，将我们刚才用DeepSeek生成的交互网页代码，给全部复制过来。

点击这里的【运行】

这个时候，整个交互实验网页，就插入到PPT课件里。

当我们在课堂上，播放课件，讲解知识点的时候，播放到html网页这一页的时候。

老师们就不用再像过去那样，退出PPT，然后去找网页播放器播放了。

借助WPS PPT里的这个插入html素材的功能。

就可以直接在PPT里，自动运行交互网页，让整个课件的播放过程，更加的顺畅。

并且，还能够自由切换PPT到下一页或是上一页。

这就让课堂上的教学和互动，变得更加方便和流畅了。

老师和同学们，可以在AI赋能的课件内容的引导下，沉浸式的探索和互动，让整个课堂教学的效率和氛围，变得更加高效和专注。

需要注意的是：插入html素材这个功能，需要把PPT转换为在线PPT才能使用。

转换的方法，也很简单，直接点击PPT右上方的【分享】打开在线编辑开关即可。

目前这个功能，已经上线到WPS AI版和WPS365

想要尝试体验的老师朋友们，可以把WPS更新到AI版或是在WPS365里，即体验。

【总结一下】

1、借助AI的赋能，能够非常方便的制作交互式的课件内容，提升课堂教学的互动性和教学效率。

2、WPS的演示文稿组件，新上线的PPT插入html素材功能，可以实现一键插入交互网页，并顺畅播放，提升课堂教学的流畅度。

今天案例的网页html代码和AI提示词，已发学友群

需要的朋友，也可以私我领取。