AI时代的课件,何必非得PPT?拒绝被Office绑架,万物皆可演示 | 数学老师的最大痛点,总算被AI解决了!

AI 新资讯5个月前发布 KKG
675 0 0
不少数学老师吐槽说,数学课件太难做了。
公式编辑器一个个输入公式太麻烦,放在PPT里面还容易变形(特别是PowerPoint和WPS混用时),有什么好办法?
有,当然有。
有英语老师留言说,英语音标输入Word和PPT太麻烦了,又是特殊字符又是字体安装的,AI能不能帮我?
当然可以。
语文老师也来了,汉语拼音真的只能是“拼音指南”一条路?PPT里不好搞啊,AI那么牛,也不能帮帮我?
这都帮不了你,还搞毛啊!
AI时代的课件,何必非得PPT?拒绝被Office绑架,万物皆可演示 | 数学老师的最大痛点,总算被AI解决了!
行,解决方案如下:
1、让AI优美地展示复杂的数学公式
数学是精确,但也是复杂的,需要使用多种符号、字符,跨行、对齐都很麻烦。被Word绑架太久的国内数学老师,实在是苦Office久矣。
Tex是一种优美的解决方案,但是对多数数学老师来说,可能比Word还要复杂。
AI来了,有最简单粗暴的解决方案:让AI在浏览器直接输出你要的数学公式。
提示词很简单,如:
正确、优雅地展示高阶拉马努金模方程(Ramanujan's Modular Equations)
DeepSeek提示词
AI就会在页面中正确地显示以下公式。这组公式够复杂吧?如果你要在PPT中录入这些公式,没有半小时估计不容易!!!
而用AI输出,并展示给学生,只要10秒!
AI时代的课件,何必非得PPT?拒绝被Office绑架,万物皆可演示 | 数学老师的最大痛点,总算被AI解决了!
有人或许要问了,怎么样把这些公式复制到Word或者PPT中去呢?
你为什么要复制,为什么非得要放在PPT中?知道提示词了,要什么公式马上让AI生成,它不香吗?
再比如:
给出欧拉公式
DeepSeek提示词
DeepSeek就会给出以下包含公式的内容:
AI时代的课件,何必非得PPT?拒绝被Office绑架,万物皆可演示 | 数学老师的最大痛点,总算被AI解决了!
要知道,网页是可以无限无损放大的,公式显示会非常漂亮!!
2、豪放地显示英语音标
英语老师,一定要学会这样的提示词:
为单词international标注美式音标,并给出读音。
DeepSeek提示词
然后就可以得到标准的音标了!
AI时代的课件,何必非得PPT?拒绝被Office绑架,万物皆可演示 | 数学老师的最大痛点,总算被AI解决了!
下面还有读音,不过要跳转到第三方网页!
其实,你也可以使用Google翻译(不能直接访问)或金山词霸,来展示!也能直接朗读单词!
所以,其实要给出一个英语单词的音标并不难,毕竟在同一行,只不过字符多一些而已。
但是,在PPT中却是有些麻烦的!解决方案在后面!
3、汉语拼音怎么搞?
不知道当初为什么要花那么大力气发明汉语拼音!而不是直接使用国际音标!!!你知道这东西增加了多少学习成本吗?
算了,无力改变!我们就去掌握,并享受它!
你想为哪个汉字注音,只需要输入以下提示词:
为“魑魅魍魉”标注汉语拼音。
DeepSeek提示词
你就可以得到漂亮的回复:
AI时代的课件,何必非得PPT?拒绝被Office绑架,万物皆可演示 | 数学老师的最大痛点,总算被AI解决了!
AI牛逼之处在于,没有它不认识的汉字,没有它不会写的拼音!不信你试试。
4、必须做成课件,怎么办?
有人问了,课件要上交,要分享,要保存,怎么办?
除了之前的文章已经讲过的方法《教师如何用AI做PPT课件、出试卷、写总结 | DeepSeek等能帮老师们做什么?附提示词+示例(2)》,还有更好的办法。
只不过,这个方案,需要你有更好的操作技能。
简单方案是:
使用提示词,让AI直接“运行HTML”代码,以演示幻灯片,提示词如下:
使用reveal.js来展示[高阶拉马努金模方程(Ramanujan's Modular Equations)],使用HTML代码输出!
DeepSeek提示词
[]中的内容,改为你要的即可,如“欧拉公式”,“一般过去时语法”,“山行一文的汉语拼音标注”等。
然后,在输出的HTML代码框中,点击“运行”按钮,即可展示幻灯片。
AI时代的课件,何必非得PPT?拒绝被Office绑架,万物皆可演示 | 数学老师的最大痛点,总算被AI解决了!
然后,复杂的数学公式,直接展示出来了!
AI时代的课件,何必非得PPT?拒绝被Office绑架,万物皆可演示 | 数学老师的最大痛点,总算被AI解决了!
音标、拼音,等,更不在话下。
但是……(谁都怕的但是来了!)
DeepSeek官网、元宝,以及通义的“代码模式”,这个运行框都无法调整,显示效果不好。
如果你只是临时显示一个公式,一个单词,一个词语,没问题,将就一下就可以了。
完美的解决方案是本地化,有点复杂,但是效果很好,一劳永逸!
按以下步骤一步步做就行了!
Reveal.js 本地开发指南如果你只需要进行Reveal.js的开发,可以按照以下步骤快速搭建本地开发环境,并开始创建和调试幻灯片。1. 安装必要的工具(a) 安装 Node.js 和 npmReveal.js 依赖于 Node.js 和 npm(Node.js 包管理器)。请确保你已经安装了它们:

  • 下载并安装Node.js。
  • 验证是否安装成功:

    node-vnpm -v

    • ounter(line
    • ounter(line

2. 创建项目目录在你的本地计算机上创建一个新的文件夹作为项目目录。例如:

ounter(lineounter(linemkdirmy-reveal-presentationcdmy-reveal-presentation

3. 初始化项目(a) 初始化 npm 项目运行以下命令初始化一个 npm 项目:

ounter(linenpminit-y

这将生成一个package.json文件,用于管理项目的依赖项。


4. 安装 Reveal.js(a) 安装 Reveal.js使用 npm 安装 Reveal.js:

ounter(linenpm install reveal.js

安装完成后,你会在node_modules文件夹中看到 Reveal.js 的相关文件。


5. 创建HTML文件在项目目录中创建一个 HTML 文件(例如index.html),并编写基本的 Reveal.js 幻灯片结构。以下是示例代码:

ounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(line 我的 Reveal.js 幻灯片

第一张幻灯片

第二张幻灯片

第三张幻灯片

这是一个段落。

  • 列表项 1
  • 列表项 2


6. 启动本地服务器由于 Reveal.js 使用了外部资源(如 CSS 和 JavaScript 文件),直接在浏览器中打开 HTML 文件可能会遇到跨域问题。因此,建议使用本地服务器来运行项目。安装Live Server扩展(推荐)如果你已经安装了 VSCode,可以安装Live Server扩展:

  1. 在 VSCode 中搜索并安装 “Live Server” 扩展。
  2. 右键点击index.html文件,选择 “Open with Live Server”。

使用 npm 启动服务器如果不想使用扩展,可以通过 npm 安装一个简单的 HTTP 服务器:

ounter(lineounter(linenpm install -g live-serverlive-server

然后在浏览器中访问http://localhost:8080

7. 自定义和优化(a) 修改主题Reveal.js 提供了多种内置主题,你可以通过更改标签中的主题文件来切换主题。例如:

ounter(line

其他可用主题包括blackwhiteleaguesky等。(b) 添加 Markdown 支持如果你想用 Markdown 编写幻灯片内容,可以在

标签中添加data-markdown属性。例如:

ounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(line

# 标题
- 列表项1 - 列表项2
```javascript console.log('Hello, World!'); ```

(c) 配置选项通过传递参数给Reveal.initialize()方法,可以自定义幻灯片的行为。例如:

ounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineReveal.initialize({ controls:true, // 显示控制按钮 progress:true, // 显示进度条 slideNumber:true, // 显示幻灯片编号 hash:true, // 启用 URL 哈希导航 transition:'slide', // 设置幻灯片切换动画 backgroundTransition:'fade'// 设置背景切换动画});


8. 导出PDF文件Reveal.js 支持将幻灯片导出为 PDF 文件。以下是步骤:

  1. 打开幻灯片页面。
  2. 在 URL 中添加?print-pdf参数。例如:

    http://localhost:8080/?print-pdf

    • ounter(line
  3. 按下Ctrl+P(或Cmd+P),选择“保存为 PDF”。

9. 发布到 GitHub Pages如果你想将幻灯片发布到网上,可以使用 GitHub Pages 快速部署:

  1. 将项目推送到 GitHub 仓库。
  2. 在仓库设置中启用 GitHub Pages,选择main分支和根目录。
  3. 访问生成的 URL 查看在线幻灯片。

通过以上步骤,你已经完成了 Reveal.js 的本地开发环境搭建,并学会了如何创建、调试和发布幻灯片。
Reveal.js 的灵活性和易用性使得它成为技术演讲、教学课件和创意展示的理想选择。
如果有任何进一步的问题或需要更多功能支持,留言告诉我,我尽力为你解决!

还有疑问,加群交流!
AI时代的课件,何必非得PPT?拒绝被Office绑架,万物皆可演示 | 数学老师的最大痛点,总算被AI解决了!
© 版权声明

相关文章

暂无评论

none
暂无评论...