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

来 源 |市教育保障中心

责 编 |顾鑫逸

审 核 |洪 敏

相关内容

热门资讯

【一堂安全教育课】识破溺水隐患 ⇧点蓝色字关注“上饶教育” 盛夏酷暑,清凉的河湖、池塘、水库、溪流成为大家消暑纳凉的首选。然而,平静...
爱与智慧同行|这场家庭教育讲座... 爱与智慧同行 家庭教育讲座 不少家长在养育孩子的路上常有困惑:只抓成绩却忽略孩子内心,沟通时总忍不住...
日本一购物中心爆炸致7人死亡,... 据日本共同社8月2日报道,日本熊本县7月28日发生强震,当地一家永旺购物中心在地震后发生爆炸,导致7...
80%的大脑发育,正悄悄在这几... 一个孩子未来能否拥有强大的"终身生命力",答案或许早在他三岁之前就已悄悄写下。 我们总以为教育是从幼...
技术小栈⑬ | 用DeepSe... 为了进一步提升我市教师数字素养,更好地助力课堂提质增效,推进技术与学科教学深度融合,湖州市智慧教育讲...
鄢陵县2026年中小学招生公告... 鄢陵县2026年义务教育学校招生公告 一.招生对象 1.小学:招收当年8月31日(含8月31日)前年...
【多彩新论】“精准断层”的分数... 近日,河南省“三支一扶”考试成绩公布后,安阳、济源等多地考生成绩出现“高分断层”现象。一人岗恰有一人...
金榜题名!南安这位学子圆梦北大... 8月2日,南安市罗东镇潭溪村金菓头叔膺公基金会为本村优秀学子黄凯亮颁发奖学金。 据了解,黄凯亮于...
恭喜广州达德再次荣获2026年... 广州达德再次荣获2026年华南农业大学继续教育“先进教学点”荣誉称号 2026 年 7 月 9 日,...
写暑假作业遇到难题怎么办?不妨... 孩子做暑假作业时遇到难题怎么办?是刻苦攻关,不解决问题不吃饭,还是向家长求助?这位家长的办法出人意料...