WPS插入html交互网页课件，借助AI赋能教学效率提升

用AI的编程能力，可以一键生成交互动画网页，老师们拿来做课堂教学演示，非常的好用。

前端时间，我们已经分享过好几个，用AI生成直观、生动的交互动画网页课件，提升课堂效率的方法。

整个过程，全程不用手写一行代码。

特别适合老师们制作教学课件的时候使用。

今天，我们继续分享一个物理学中非常经典的案例：光的折射

用一份物理中的“光的折射”的交互网页课件，来演示一下，AI生成交互网页课件的方法。

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

这样的一份交互式网页课件，整个的制作过程，在AI的助力下，变得非常的方便。

我总结下来，仅需两步搞定：

1. AI生成交互网页html

2. WPS一键演示PPT网页课件

具体如何做？来看实操案例，我们一步一步展开讲：

1、AI生成交互网页html

借助AI，一键生成交互网页，这里的关键点是提示词的编写。

比如，这里，我们要生成的是光的折射的物理现象演示。

提示词，可以这么写：

提示词准备好以后，我们可以借助AI，来一键生成html代码。

AI编程代码的工具，我们之前分享过好几款。

这里，我们可以直接把它发给DeepSeek，或是豆包都可以。

当然了，用我们前两天介绍的专业AI编程工具Trae也很方便。

把提示词发送后，AI就根据提示词要求，自动生成完整的html代码。

并且，生成完后，可以在Trae里进行运行预览，看效果：

网页html生成后，接下来进入第2步

把整个网页，插入到PPT课件里进行演示播放

2、WPS一键演示PPT网页课件

把交互网页HTML，插入到PPT课件里进行直接播放。

这个方法，我们之前有分享过。

经常看我文章的学友们，应该已经掌握了。

这里，要用的工具是WPS

WPS里的新上线了一个插入HTML素材的功能，借助它，我们可以把交互网页直接放在PPT里播放，而不需要再去重新打开IE浏览器播放。

具体的方法：

用WPS打开PPT课件

打开以后，先把PPT课件转换成在线PPT的模式。

点击PPT右侧的【分享】按钮，把一起编辑的开关打开。

就可以把PPT转换成在线PPT的模式。

接下来，点击【插入】，选择【HTML素材】

在弹出的Html素材对话框里，点击【插入代码】

然后把所有前面我们用AI生成的html代码，给直接复制过来

点击【运行】

整个交互动画网页，就直接插入到了PPT里。

老师们在课堂上演示PPT的时候，只需要像平时一样，点击PPT播放

然后，就可以非常顺畅的播放完整的交互网页动画。

这样，借助AI的强大生成能力，不仅可以更加方便和高效的提升我们老师制作课件的效率。

而且能够丰富课堂教学的内容，通过直观的仿真动画演示，让复杂的物理知识点，在学生的脑海里动起来。

帮助教学过程中，学生对知识点的理解，并且能够增强课堂教学中的互动性和学生的参与感。

AI技术快速发展的今天，我们结合AI赋能教学，提升知识讲授的效率和效果，这无疑是AI时代，带给我们每个人的便利。