来源：拉小登

作者：拉登 Dony

大家好，这里秋叶编辑部，我是秋叶研发部的拉登老师~

我经常在自媒体上刷到老师利用 DeepSeek+HTML，检查孩子背诵，制作班级积分系统。

开发教学小工具，制作杠杆动态平衡课件。

【老师】和【游戏】两个完全不搭边的词语，因为 DeepSeek、AI 结合到了一起。

小学老师都开始抢程序员的饭碗了，这程序员的日子还怎么过啊！

老师们也不用太得意，今天玩的有多开心，教师职场拼比的时候就有多头疼，「内卷」这个词从来就没有天花板的！

还不会用AI 做 HTML 课件的老师们，现在分享给大家，抓紧学起来。

我举一个非常简单的例子。

之前用 Excel 给孩子做了一个「舒尔特方格」的小游戏，锻炼孩子的记忆力。

现在，给我 5 分钟，用DeepSeek把它变成 HTML 网页版。

DeepSeek 写代码

首先打开 DeepSeek，输入下面的提示词，等待代码生成。帮我做一个舒尔特方格的小游戏 HTML 页面，

游戏分成不同的难度等级，从 3*3 到最后的 7*7。游戏里有计时功能，能实时显示用户点击的次数游戏关卡要一个一个过，不能直接选择难度。

代码生成好后，可以点击右下角的【运行 HTML】查看效果。

哪里不满意，就让 DeepSeek 改哪里。年级主任再也不用担心老师的教学技能了！

保存 HTML 文件

代码改到满意后，点击右上角的【复制】，复制代码。

在电脑上新建一个记事本，把代码粘贴进去。

然后把文件后缀从.txt，改成.html。

最后，打开 HTML 文件，就可以玩游戏了！

别着急，还没有结束，继续往下看！

作为一个有半年程序员经验的我，根本看不上前面的效果的。

就一个本地的 HTML，那也能叫网页？

网页最基本的条件，应该是一个网址啊？把 HTML 在微信群里发来发去，那和 Excel 表格有什么区别？就是个笑话！

那怎么把 HTML 变成一个网址呢？

包装网页

首先，将发布 HTML 到云端，只需以下 3 个步骤：

1. 打开下面这个网站。https://www.yourware.so/

2. 点击【Paste Code】，把 DeepSeek 写好的代码粘贴进去。

3. 点击右下角的【Deploy Code】发布网页。

发布后，你会得到一个专属的网址。

（复制链接查看：https://y7ukwr4zr5.yourware.so）

这个网址可以在电脑或手机上访问，也可以嵌入到 PPT 课件中。

上课时只需点击一下，PPT 就会弹出网页，使用起来非常方便。

看完基础玩法，我再教你一种进阶用法！
有人想问：老师的编程能力，怎么能和程序员比呢？毕竟程序员掉了那么多头发，研究交互、研究 UI 界面、研究游戏规则……

其实，只需要一个按钮，就可以让老师也拥有这个能力，我只告诉你一个人。

网页代码发布好之后，点击左下角的按钮【Boot My Design】，接下来 AI 就会自动帮我们优化 HTML 页面。

下面是最初 DeepSeek 写的代码直出的效果。

而这，是使用【Boost My Design】后优化的效果。

不仅界面看着更加舒服，还增加了【游戏说明】【进度条】，点过的按钮，还自动变成灰色，增加视觉提醒。

看完今天的干货，有没有感觉到收获满满呢？

最好的拥抱 AI 的方式，就是赶紧用起来！

如果你也想快速上手 AI，那就立即扫码报名《秋叶 DeepSeek 3 天办公营》，抢占 AI 职业红利吧

✅ 学习时间灵活，专属班主任督学

✅ 随学随用：学完第二天就能用上

✅ 零基础友好：金牌导师手把手教学

名额有限，立即扫码报名

报名后自动弹出班主任微信

务必扫码添加才能解锁课程+领取福利哦！

点击「秋叶 AI 知识星球」公众号卡片

回复关键词：36

即可领取

《秋叶 AI 智能体工具集》