当小学数学遇见 HTML 互动游戏：一节《小数的初步认识》，拆出"AI+游戏"融合课的可复制打法

课例来源：邢台市襄都区"人工智能+教育"人才队伍 · 葛丽亚名师工作室 主讲：宋晓娟　|　2026 年 8 月 21 日 适用：小学数学教师、想用 AI+互动游戏做融合课的老师

上一份课例讲的是"AI+VR 怎么进语文课堂"，这份换了个学科、换了个技术，但底层逻辑一模一样——用轻量化数字工具，去破那些"讲半天学生也懵"的认知壁垒。

这篇的主角是 HTML 互动课件 / 网页小游戏，载体是人教版三年级下册《小数的初步认识》。最值钱的是：它把"怎么造一个课堂小游戏"的提示词都给你写好了。

一、核心认知：技术为"难点的突破"服务

开篇同样一句话定调：

回归教学本源，拒绝技术炫技。

技术赋能教学的三大方向：解决教学痛点、突破教学重难点、赋能学生学习。工具再花哨，落点都得是这三点。

二、信息融合课优课分析（以《小数的初步认识》为例）

1. 备课三步：备教材 → 备学情 → 定目标

备教材（六维度对标）：课标、教材编写（横纵向联系）、教学内容、教学重难点、教学习题、教学价值——并借助国家中小学智慧平台做支撑。

备学情抓三层：

• 知识链条：已学（100 以内整数、分数初步、元角分、米分米厘米）→ 本课（一位小数读写、意义、大小比较）→ 后续（小数意义、四则运算）。
• 学段共性：三年级正从具象思维向抽象逻辑思维过渡，难理解纯符号化的小数，依赖生活场景、实物、图形；注意力有限，偏爱可动态演示、可操作的资源。可用 HTML 交互资源把"1 分米 = 0.1 米"这类转化动态呈现。
• 个体差异：优等生能自主梳理分数小数联系；中等生脱离实物就不会；学困生易读错、单位混用、用整数思维比大小。针对易错点反复用 HTML 互动游戏拆解，实现分层因材施教。

定目标（4 条）：正确认识小数（读写一位小数）→ 借助元、米模型理解意义（十分之几 = 一位小数）→ 解决简单实际问题 → 发展数感与几何直观、体会数学与生活的联系。

2. 依托数字化技术，突破教学重难点

3. 课前 · 课中流程

• 课前 AI 搜索三步骤：① AI 教学建议生成教学设计框架；② 课程 AI 工具精准调用知识点微课；③ 习题试卷资源分层智能匹配。
• 课中探究链：720 云全景导入 → 与刘徽"对话" → 古人分物 + 小数拖拽 → HTML 互动实验室 → "小数泡泡大冒险"游戏 → 分层作业设计。

赛课选题小贴士：什么样的课适合用 HTML 游戏？知识抽象需动态可视化、易混易错需趣味化巩固、过程推演需动态变化、低段启蒙需趣味驱动。

三、HTML 技术赋能小学数学的三大创新维度

HTML 教学游戏的本质：专为课堂重难点定制的轻量化互动网页工具，是解决教学痛点的手段，而非要攻克的技术难题。核心优势——浏览器直接打开无需下载、界面直观上手即用、电脑 / 平板 / 白板无缝适配。

四、HTML 技术实战操作（最干货的部分）

1. 自己造：豆包 + DeepSeek 生成单文件 HTML 闯关游戏

关键思路：让 AI 生成一个单文件 HTML（无需联网、无需服务器，双击浏览器直接打开），作为学生回家线上作业。提示词框架建议包含六要素：

1. 身份定位：资深小学数学教师，熟悉课标重难点与学生易错点；
2. 适用课程：明确年级与课题；
3. 设计目的：摒弃枯燥刷题，游戏闯关分层因材施教；
4. 作业形式：单文件 HTML、卡通童趣、配色护眼、字号大；
5. 作业规则：基础关（必做）/ 进阶关（选做）/ 挑战关（拔高），每题自动判分、只提示知识点不直接给答案、星级积分、生成学情报告；
6. 关卡设计：分关写明学习目标与题型。

可直接复用的示例提示词（"小数泡泡大冒险"）：

请生成一款寻找小数的游戏，里边有整数和小数，让学生找点点击小数，小数消失；点整数出现错误声音。泡泡颜色五颜六色，要有活泼清脆的背景音乐，符合三年级学生。设计时间 30 秒，有"开始游戏"和"重置游戏"按钮，泡泡分布均匀，错误提醒要明显。

2. 直接拿：现成 HTML 互动游戏工具

不想自己写提示词？这些现成平台可以用：

• 飞象老师
• 星光 AI：www.sparklight.cn
• 希沃百宝箱

五、HTML 技术跨学科应用

• 小学语文：多元交互，激活课堂应用场景；
• 小学英语：多元趣味交互，直击学习痛点；
• 初高中全科：数理化（虚拟仿真推演公式）、文史类（时间轴与人物关系图谱）、地理（3D 地形气候模拟）、考点专项（靶向训练）。

一句话总结素养要求：会设计、会创新、会用技术——深研学科专业知识，技术服务教学拒绝形式主义，锤炼个人教学素养。

六、结语

整份课例最后一页的金句，值得贴在每个做融合课的老师桌上：

技术是手段，教学是目的——让信息化真正成为撬动课堂变革的支点，而非装点门面的饰品。

如果你也想试，建议从"维度三 · 分层练习"起步：挑一个易错点（比如小数大小比较），用上面的提示词框架让 AI 生成一个单文件 HTML 闯关小游戏，发到班级群当课后练习，先跑通"造—用—看反馈"的最小闭环。

本文根据宋晓娟老师 2026 年 8 月 21 日课例分享整理，供一线教师参考。