AI赋能教学：助力数学老师，快速制作交互式网页课件

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

前两天，我们分享了用AI+WPS，快速制作物理仿真实验的交互网页课件的方法。

有老师私下问我：

数学课上能不能用？

答案是肯定的。

数学课上，特别是解析几何里，一些比较抽象的函数变化，借助交互网页动画，可以非常直观的展示出来。

而且，也能够更好地和学生互动，激发学生的探索欲和求知欲，加深对知识点的理解。

这里，我就以中学数学中的二次函数这个知识点，来展开讲一下。

老规矩，先给你看下用AI生成的二次函数的交互式网页。然后告诉你，如何用WPS来制作交互式网页课件。

调节左侧的参数控制按钮，就可以改变函数的参数，对应的函数图像就会在坐标轴上变化出来。

有学友私下问，这套方法确实是好方法，就是每次写AI提示词的时候，不太会写。

这里，我再分享一个妙招

让你能够快速上手，不写一行代码的基础上，快速做出这个效果。

整个过程，总结下来，分为三步：

1. kimi2生成AI提示词
2. AI生成html网页代码
3. WPS生成交互网页课件

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

我们一步一步展开讲吧：

1、kimi2生成AI提示词

有学友说，自己不太会写AI提示词，这里，我们分享一个思路。

核心的点，就是先通过对话，告诉AI，你要做什么，然后让AI帮你生成结构化的AI提示词

这里，我结合最近刚上线的Kimi 2 长思考模型，来给你演示一下：

打开Kimi 2

先把这个长思考的开关打开

然后直接在Kimi对话框中，说出你要做什么。

就用普通话，打字说就可以，打字这个没啥难度，地球人都会啦。

这个时候，kimi就会根据提问，生成结构化的提示词：

这样，提示词就搞定了。

接下来，进入第2步，我们把AI生成的提示词，让AI来生成html网页代码。

这里，我们选择vscode来生成。当然了，经常看我们文章的学友，应该对AI编程这块，不陌生。

我们之前，也分享过AI编程的一些工具，像trae、通义灵码，还有codebuddy都是不错的AI编程IDE工具。

用我们昨天分享的直接让DeepSeek来生成，也是可以的。

2、AI生成交互网页代码html

打开vscode，然后直接把刚才AI生成的提示词，发给AI

然后，AI就可以根据提示词，自动生成整套交互网页的html代码

代码生成之后，我们可以在vscode里预览，看一下效果：

各个调节按钮，都可以测试一下，觉得没问题了，就可以把整套html代码给复制保存下来。

然后，就可以进入第3步

在WPS里制作课件，并把完整的交互网页，一键嵌入到教学课件里。

具体方法，往下看：

3、WPS一键生成交互式网页课件

我们先打开WPS，创建一键PPT课件

这里，需要注意，在插入html网页之前，我们需要先把PPT转为在线PPT

方法是

在你的电脑正常联网的情况下，点击右上方的【分享】

把在线编辑的开关给它打开

然后，就可以点击菜单栏的【插入】

选择插入html素材的功能按钮

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

把整套html网页代码，给复制过来

点击这里的【运行】

大功就告成了！

整个交互式网页，就成功插入到原来的PPT课件里来了。

最后，点击播放，你就可以像往常教学一样，播放PPT里。

等讲解到html互动网页这一张幻灯片的时候，就可以非常顺畅的直接在PPT课件上，运行网页，然后和学生一起互动，探索了。

有一说一，有了AI的赋能，以及WPS AI的整个嵌入网页功能的助力。

老师们在课堂教学过程中，就能够更好的把自己的想法，借助AI，更加生动的展示和表达出来，加深学生对知识的理解。

借助交互性更强的网页课件，让学生更好地参与到课堂知识的学习和探索中。

目前，kimi 2已经上线，WPS的html素材功能，已上线AI版和WPS365

想要尝试体验的朋友，可以私我领取提示词和完整html网页代码。