太直观了！教师 PPT 课件接入 HTML 网页动画，课堂效率翻倍

共计 1476 个字符，预计需要花费 4 分钟才能阅读完成。

教师做 PPT，用在课堂教学中，常常希望自己的 PPT 能够更加直观，生动。

特别是对于中学阶段高年级的学生，以及大学里的专业课。

遇到某些理论性比较强的概念

能够用一些直观的实验效果，来演示出来，就会让课堂效率，提升不少。

现在，AI 编程技术的快速发展，让制作这类效果演示实验网页，变得非常方便。

比如，我们之前文章中，就分享过，用 DeepSeek 来生成水沸腾互动演示实验的网页。

昨天，还有老师私信，想要这个水沸腾实验的提示词。

有需要的老师，可以文末私我领。

这个水沸腾的实验 html 网页，之前我们分享的使用方法，是保存在电脑里，然后单独打开。

这样，用也能用，但是在课堂教学的时候，还有点繁琐，需要退出 PPT，单独去运行。

我当时就想，如果能够在 PPT 里，直接运行实验网页 html 就完美了。

好消息是，WPS 最近上线的一个 PPT 新功能，把这个点，给做出来了。

让老师在课堂上播放的 PPT 课件里，可以直接播放像水沸腾实验的网页 html，整个过程，非常的顺滑和高效。

先给你看下效果：

这是我用 AI 生成的一份 PPT 课件，在中间讲完实验目的和原理后，接下来，就到了课堂演示实验的环节。

这里，我直接就把之前用 DeepSeek 生成的实验网页 html，给插入到了这里。

播放到 html 这一页的时候，就可以直接运行

再也不用退出 PPT，单独去运行了。

真的是非常的直观。

目前，这个新功能，已经更新在 WPS 的演示文稿组件里，可以直接用了。

操作方法，我接下来，简单说一下

仅需两步搞定：

1. 新建在线演示文稿 ppt
2. 插入 HTML 网页到 ppt 课件中

具体如何做？来看我的实操演示过程

1、新建在线演示文稿 ppt 

 

首先，我们打开 WPS，新建一份 ppt

接下来，我们需要把这份 ppt，变成在线 ppt 文稿

怎么变呢？

方法其实很简单。

我们在打开的 PPT 里，点击由上角的【分享】按钮

然后把这里的【和他人一起查看】旁边的按钮开关，打开

这样，这份 PPT 文档，就会自动变成一份在线 PPT 文档。

切换成在线 PPT 文稿后，整个界面，和之前的 PPT 文稿，基本一致，只是在菜单栏和工具栏这里，变得更加简洁，少了很多工具。

把 PPT 变成在线文稿后，接下来，就可以进入第 2 步

插入 HTML 网页了，往下看第 2 步

 

 

2、插入 HTML 网页到 ppt 课件 

 

接下来，在这份 PPT 在线文稿了，我们点击菜单栏的【插入】

然后，在工具栏了，就可以看到有一个【HTML 素材】

点开【HTML 素材】

就会弹出一个 html 素材的对话框，这里面 WPS 提供了很多从小学到高中的实验 HTML 网页素材。有需要的老师，可以直接在里面找来用。

我这里，用的是我们之前用 DeepSeek 生成的水沸腾实验网页 html。

所以，我们就选【插入代码】

把水沸腾实验网页 HTML 代码，给复制进来。

然后，点击【运行】

这样，水沸腾实验网页 HTML 就插入到 PPT 课件里了。

以一张单独的幻灯片，存放整个实验网页 HTML

这样，老师们在课堂上播放 PPT 课件的时候，就可以非常顺畅的去播放和讲解。

播放到实验网页 html 这一页的时候，直接播放就可以了。

整个演示过程，你可以看下，我这个 PPT 的播放效果：

想要在 PPT 课件中演示互动实验的老师，可以尝试下这个功能。

 

爆款文章推荐阅读：

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

2.AI 教案设计，省时又省力！教师收藏

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

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

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

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

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

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