來源：拉小登

作者：拉登 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 智能體工具集》