技术小栈⑬ | 用DeepSeek做HTML学习游戏
开心田螺
2026-08-04 02:14:35
0

为了进一步提升我市教师数字素养,更好地助力课堂提质增效,推进技术与学科教学深度融合,湖州市智慧教育讲师团推出【技术小栈】栏目。栏目将聚焦一线教学、办公与教育管理的实际需求,每周分享易学、易用、易落地的教学实用技巧,为广大教师专业成长与课堂创新提供有力支撑。

本期讲师

周佳祺:湖州市第四中学教育集团教师,市优秀科技辅导教师,市智慧讲师团实践讲师。

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编程的魅力——你负责创意,它负责实现。

来 源 |市教育保障中心

责 编 |顾鑫逸

审 核 |洪 敏

相关内容

热门资讯

将美育基因植入早期阅读 “老师你看,绘本里小怪兽的颜色变来变去的。变绿的时候是笑脸,变黑的时候看着很不开心呢。” “你们观察...
华山论见|“预制娃”热议背后:... 暑假过半,“预制娃”的说法在家长群体中引发广泛共鸣:假期里提前学完新学期课程,开学课堂沦为“二次巩固...
和教授做科研,对非科研岗位求职... 摘要:科研经历不只服务于读博或研究岗位。对技术、数据、量化、咨询和部分商业岗位而言,研究中的问题定义...
未来5年,教育迎来三大深层变革 近期,《教育发展“十五五”规划》(以下简称《规划》)公开发布,为未来五年教育强国建设提供了清晰的“任...
2026年白山市长春理工大学成... # 成人高等教育招生体系解析 成人高等教育招生具有明确的报名资格框架。遵守法律法规的公民,在身体...
哪些维度可以判断家庭教育服务机... 随着家长对孩子成长与家庭关系建设的重视度不断提升,不少家庭在遇到亲子沟通、孩子成长相关问题时,会选择...
自然教育领域赋能学生就业 优化自然教育人才服务体系、升级引才服务模式,搭建优质对接平台,助力自然教育人才落地生根、实现价值,与...
韩国留学10个核心问题 最近,总被学生和家长问到这些问题: 没有韩语基础能去韩国留学吗?一年到底要花多少钱?韩国留学好毕业吗...
走近燕山大学首届“研究生优秀导... 编者按 百余载薪火相传,从松花江畔到燕山脚下,一代代燕大人坚守“匠心为国铸重器、矢志不移育英才”的初...
连克国乒三将! WTT横滨赛-... 北京时间8月9日,2026WTT横滨冠军赛展开女单决赛的较量。日本选手张本美和坐拥主场,最终以总分4...