从 PPT 到互动网页:一场让乡村课堂＂活＂起来的 AI 课件工作坊
- 2026-11-09 03:50:53
青梅计划 · AI 课件制作工作坊 | 2026.10.20
从 PPT 到互动网页：一场让乡村课堂"活"起来的 AI 课件工作坊
一块屏幕、一个提示词、一间可以"走进去"的数字展馆—— 当 AI 生图走进乡村小学的课堂，课件不再只是被翻动的幻灯片。
▲ 课件首页：把 PPT 课件变成 AI 课堂
主办：北京联想公益基金会 · 青梅计划项目
主讲：王允伟（青梅计划青梅教师、腾讯未来教室·富宁工作室成员，富宁县第一小学）
对象：青梅计划项目校教师
主题：用 WorkBuddy 把传统 PPT 变成互动网页课件
开场：当 PPT 遇上 AI，课件可以"动"起来
10 月 20 日晚，由北京联想公益基金会「青梅计划」项目主办的 AI 课件制作工作坊如期开讲。青梅计划青梅教师、腾讯未来教室·富宁工作室成员王允伟担任主讲，与同样是青梅教师的伙伴们一起，用一整晚的时间折腾一个新问题：AI 到底怎么用在明天的课堂上。
这一次，我们不只讲"AI 是什么"，而是带着老师们现场动手，把手里最熟悉的 PPT，改成学生能拖、能点、能生成、能展示的互动网页课件。
整场工作坊围绕三件事展开：
- 看案例
—— 一个已经跑通的 AI 互动课件长什么样； - 讲原理
—— 网页为什么能在课堂上实时生图； - 带着做
—— 现场把数学 PPT 改造成可交互网页。
案例一：把坡芽歌书唱成一幅画
工作坊的第一个案例，来自富宁本土的非遗——坡芽歌书。
课件没有从"知识点"开始，而是从一个情境开始：科技感十足的扫描动画掠过歌书页面，屏幕亮起，课题出现。孩子们要做的，是把歌词变成画面。
▲ 从歌到画：AI 根据学生提示词生成的课堂插画
第一步：情境导入
以富宁非遗坡芽歌书为背景创设情境； 扫描动画入场，把"古老歌谣"和"数字技术"放在一起； 提出任务：如果把这句歌词画出来，会是什么样？
第二步：提示词教学
这是整节课的核心。课件内置了语音输入，孩子们只需要说出几个要素：
点下确认，画面就出来了。更重要的是——可以改、可以比。同一个孩子改一个词，画面就完全不同，提示词的价值在这一刻被看见。
▲ 课堂界面：用主体、场景、动作、色彩风格四要素，把歌词第一段拼成一幅画
▲ 同一个任务，一个词的距离：模糊提示词让 AI 画出了富士山，清晰提示词画出的是壮乡孩子的稻田
第三步：数字展馆
课堂上生成的 8 组作品和对应的提示词被合成一本绘本，统一放进3D 数字展馆。学生"走进"展馆，一幅一幅看自己和同学的作品。
从"被要求画"到"想改一个词再画一次"，从"交作业"到"办展览"——这是 AI 带来的真正变化。
▲ 3D 数字展馆：8 组作品已生成，点击画框即可欣赏
好课件不是把知识搬上屏幕，而是给学生一个想动手的理由。
拆解：网页为什么能在课堂上实时生图
很多老师好奇：网页上点一下就出图，中间到底发生了什么？
答案是四步接力，而且关键在于——密钥始终留在本机后台，网页端不碰它。
- 网页收集提示词
—— 教学网页负责接收学生输入的提示词，点击确认后发给本机后台程序； - 后台保管密钥
—— 本机后台保存生图密钥，并接入即梦 API； - 后台代提交任务
—— 由后台代替网页向即梦提交生图任务； - 结果自动回传
—— 图片生成后，后台下载并对应回网页的指定位置。
整个过程中，师生始终停留在同一个教学网页里，不需要切换软件、不需要登录任何平台——这就是"实时生图"体验的关键。
▲ 网页实时生图四步接力：密钥始终留在本机后台
案例二：数学课，让三角形自己"说话"
实操环节，我们一起改造了一节数学课。
原来的 PPT 上是几个静态三角形，老师讲"内角和是 180 度"，学生记下来。改造之后：
▲ 改造前：静态的三角形内角和 PPT
从静态到可操作
- 先读 PPT
：读取本地 PPT 文件，还原为单页 HTML 网页课件； - 图形可拖动
：静态三角形变成可操作的图形，学生拖动顶点； - 验证 180 度
：无论拖成什么形状，内角和始终显示为 180 度。
从验证到猜想
原来的课件只做"验证"，我们加上了完整的探究闭环：
先猜想 → 再操作 → 最后验证
同时增加一键切换按钮：锐角三角形 / 钝角三角形 / 直角三角形 / 重置图形，几秒钟就能把三种情况全部试一遍。
同样是讲内角和，学生从"听结论"变成了"自己试出来"。
▲ 改造后：顶点可以拖动，角度真实计算，点击"查看内角和"才揭晓结论
不止数学：AI 课件还能用在哪儿
工作坊现场，我们顺着老师们的学科，把这些可能性一一摆了出来。
- 心理健康
：做一个 MBTI 性格测试网页小游戏，课堂导入就有了； - 音乐
：让音符在 HTML 页面上随音乐跳跃，节奏看得见； - 语文
：生成《牛郎织女》等课文的绘本插图，把故事画出来； - 校园导览
：收集校园照片，做成可浏览的 VR 逛校园网页； - 课后答疑
：除了文生图，还可以接入文生文 API（如豆包大模型），让学生课后针对知识点继续追问。
技术不需要为每一门学科重新发明一遍，它只需要被放到合适的课堂上。
锦囊：几个能省时间、省积分的做法
工具用得好不好，差别往往在细节上。工作坊最后，我们分享了四条实操建议。
一、积分这样领
- 教育公益版
：腾讯 SSV 已发布 WorkBuddy 教育公益版，通过中国教师网认证后，每月可领 2000 免费积分； - 普通账号
：每天可领100 免费积分，日常简单的课件制作基本够用。
二、先装一个"省 Token"技能
制作前让软件查找并安装省积分技能，通过压缩上下文大幅降低消耗。这一步几乎不花时间，但长期收益很明显。
三、不会接 API？截图给它看
不熟悉 API 接入，就把操作页面截图发给软件，让它一步步指引你完成（以火山引擎为例）。比自己翻文档快得多。
四、两条避坑提醒
- 不要碰视频 API
：成本极高，日常教学用文生图、文字对话就够了； - 先写设计文档
：做复杂网页或小游戏前，先把知识点和设计文档整理好给 AI，生成速度和准确率会明显提升。
下一步：两件待办
工作坊结束，但事情还没完。
给参会教师关注"腾讯 SSV"公众号，填写基础信息申请 WorkBuddy 教育公益版，等待工作人员联系。
给主讲老师下载并整理本次工作坊共创的 HTML 网页课件及制作过程文件，供参会教师下载使用。
写在最后：感谢"未来教室"的专家
这场工作坊能够顺利落地，离不开一群看不见的同行者。
本次演示全程在WorkBuddy中完成。作为腾讯未来教室·富宁工作室成员，王老师在备课时直接调用了WorkBuddy 中的腾讯未来教室相关专家——从课件结构设计、互动逻辑拆解，到提示词教学的设计思路，都能看到腾讯未来教室专家团队的经验沉淀。
对一所乡村小学来说，这意味着：前沿的教学设计方法论，不再是远方的报告，而是可以被我们直接调用、直接用在课堂上的东西。
▲ 从乡村课堂望向未来教室：群山之上，水墨青竹与 AI 在同一幅画卷中相遇
从乡村课堂到未来教室，路还很长，但今晚，我们确实往前走了一步。
工具向左，讲台向右，中间站着的是一群愿意继续试下去的乡村教师。
感谢腾讯未来教室专家团队的指导与支持，感谢北京联想公益基金会「青梅计划」把我们这些青梅教师聚到一起，也感谢每一位愿意在晚上还坐下来"折腾"一个新工具的伙伴。
下一站，我们继续。
主办：北京联想公益基金会 · 青梅计划项目主讲：王允伟（青梅计划教师、腾讯未来教室·富宁工作室成员，富宁县第一小学）
