技术小栈⑬ | 用DeepSeek做HTML学习游戏
为了进一步提升我市教师数字素养，更好地助力课堂提质增效，推进技术与学科教学深度融合，湖州市智慧教育讲师团推出【技术小栈】栏目。栏目将聚焦一线教学、办公与教育管理的实际需求，每周分享易学、易用、易落地的教学实用技巧，为广大教师专业成长与课堂创新提供有力支撑。
本期讲师
周佳祺：湖州市第四中学教育集团教师，市优秀科技辅导教师，市智慧讲师团实践讲师。
DeepSeek是一个好用的AI工具，除了写文案、做报表，它还有一个超好玩的隐藏技能——生成HTML小游戏！全程不用敲一行代码，全靠“聊”出来。今天我通过5个超简单步骤，带你做出第一个属于自己的网页游戏！
第1步：打开DeepSeek，明确你的“游戏创意”
登录DeepSeek后，直接在对话框里告诉它你想做什么游戏。描述越具体，生成的效果越好。例如我们在教化学元素符号的时候，可以设计一款元素记忆小游戏，用游戏的形式激发学生的兴趣。这款游戏类似消消乐，将元素的中文和符号对应点击，便可以消去两个方格，再利用排行榜来比拼同学们的正确率和速度。
有了初步想法之后，便可以将具体的要求发给DeepSeek，记住，越详细越好！
第2步：让DeepSeek生成完整HTML代码
把你想好的需求发给DeepSeek，它会在几秒内吐出一大段代码！别怕，全是HTML+CSS+Java，而且已经整合在一个文件里了。你只需要做一件事：点击右上角的“复制”或者“下载”。
第3步：粘贴到文本编辑器，保存为.html文件
方法①：打开你的记事本，新建一个空白文件，把刚才复制的代码粘贴进去。然后点击 文件 → 另存为。接着选择文件点击重命名，命名为：文件名.html（注意后缀是 .html，不是 .txt）
保存到你容易找到的位置，比如桌面。
方法②：更加简单！直接点击右上角的下载，将文件下载到桌面即可！
第4步：双击运行，立刻开玩！
找到你刚保存的html文件，双击它，系统会自动用默认浏览器打开。
恭喜你！你的游戏已经跑起来了！
第5步：不满意？继续“对话式修改”
不需要重新写代码，回到DeepSeek对话框，把新的需求发过去，DeepSeek会给你更新后的代码。你只需要复制 → 覆盖粘贴到 文件名.html → 保存 → 刷新浏览器，修改即时生效。
这就是AI编程的魅力——你负责创意，它负责实现。
来 源 ｜市教育保障中心
责 编 ｜顾鑫逸
审 核 ｜洪 敏