第 2 课 非技术老师的课件技术地图：什么情况下用什么工具
本课定位
老师不需要先学完整技术栈，但要知道什么时候用普通网页，什么时候该上 3D、摄像头或桌面工具。
学习目标
- 知道 5 类常见课件技术分别适合什么场景
- 能为自己的课题做最小技术选择
- 避免一开始就选错路线
阅读方式
建议按下面的“60 分钟顺序”往下阅读。每个时间段里，都已经把本段任务、参考资料、可直接使用的模板和阶段成果编排在一起，方便老师顺着一节课的节奏阅读，不必在不同板块之间来回查找。
学习目标拆开来看
知道 5 类常见课件技术分别适合什么场景
这一项目标放在本课里，主要是帮助老师把“知道 5 类常见课件技术分别适合什么场景”这件事落到真实课堂和真实页面里，而不是只停留在概念上。读这一课的时候，重点不是把这句话记住，而是顺着后面的 60 分钟节奏去看：这一项能力会在什么时间点出现，最后会沉淀成什么课堂成果。
放到创意课件这条产品线里，它对应的不是单纯会不会做页面，而是老师能不能把课堂目标、页面动作和学生体验真正接起来。只要这一层想清楚，后面的资料、模板和实操就会顺很多。
能为自己的课题做最小技术选择
这一项目标放在本课里，主要是帮助老师把“能为自己的课题做最小技术选择”这件事落到真实课堂和真实页面里，而不是只停留在概念上。读这一课的时候，重点不是把这句话记住，而是顺着后面的 60 分钟节奏去看：这一项能力会在什么时间点出现，最后会沉淀成什么课堂成果。
放到创意课件这条产品线里，它对应的不是单纯会不会做页面，而是老师能不能把课堂目标、页面动作和学生体验真正接起来。只要这一层想清楚，后面的资料、模板和实操就会顺很多。
避免一开始就选错路线
这一项目标放在本课里，主要是帮助老师把“避免一开始就选错路线”这件事落到真实课堂和真实页面里，而不是只停留在概念上。读这一课的时候，重点不是把这句话记住，而是顺着后面的 60 分钟节奏去看：这一项能力会在什么时间点出现，最后会沉淀成什么课堂成果。
放到创意课件这条产品线里，它对应的不是单纯会不会做页面，而是老师能不能把课堂目标、页面动作和学生体验真正接起来。只要这一层想清楚，后面的资料、模板和实操就会顺很多。
课前准备
- 带上自己第一节课确定的课题方向
- 准备一份想做成互动课件的知识点清单
- 写下自己最担心的一个技术问题
按 60 分钟顺序展开
0-10 分钟
本段任务
用《五类课件路线图》开场，让老师先进入 非技术老师的课件技术地图：什么情况下用什么工具 这个具体教学场景。
本段重点
- 关联目标：知道 5 类常见课件技术分别适合什么场景
- 关键提醒：普通互动课件先从 HTML / CSS / JavaScript 起步，最适合多数老师的第一阶段。
教学意图
开头先把课堂情境和真实需求立住。只要老师先看见“这和我的课堂有什么关系”，后面的页面和技术动作就不会显得漂浮。
本段参考资料
五类课件路线图
1. 普通网页课件：导入页、讲解页、互动页、总结页
2. 多页面课件项目：需要素材管理、多个页面、组件复用
3. 3D 课件：立体几何、分子结构、天体运动、装置结构
4. 摄像头互动：手势翻页、动作答题、体感闯关
5. 桌面工具：随机点名、离线教学工具、课堂计时与控制台先把这份资料读一遍，先看清楚场景、对象和任务，再进入后面的整理和修改。读的时候重点留意：哪些信息必须保留，哪些地方还需要老师自己补判断。
阶段成果
- 老师已经能说清楚：这节课真正要解决的课堂问题是什么。
10-20 分钟
本段任务
把本课最关键的判断线讲清楚，先帮助老师看见这一类课件最容易做偏在哪里。
本段重点
- 关联目标：能为自己的课题做最小技术选择
- 关键提醒：Three.js 适合空间关系、结构变化和立体观察，不适合所有内容都硬做成 3D。
教学意图
这一段的重点不是堆知识点，而是把“该先抓哪一条主线”讲清楚。只有先把判断线立起来，后面的执行模板和页面实现才更容易稳住。
本段参考资料
老师选型时最常见的误判
误判 1：一开始就想做 3D，结果连最小课件都没跑通。
误判 2：本来只需要网页，却急着封装桌面应用。
误判 3：想做动作交互，但课堂空间和设备根本不支持。先把这份资料读一遍，先看清楚场景、对象和任务，再进入后面的整理和修改。读的时候重点留意：哪些信息必须保留，哪些地方还需要老师自己补判断。
阶段成果
- 老师已经知道：这类课件最值得先抓住的主线和最容易失手的地方。
20-35 分钟
本段任务
讲师现场示范一轮，把老师最关心的这一页或这一组页面先做出来。
本段重点
- 关联目标：避免一开始就选错路线
- 关键提醒：MediaPipe 和 Electron 都有清晰边界：一个服务互动体验，一个服务学校设备和离线环境。
教学意图
示范段的意义是让老师看见第一版通常怎样开工、怎样收住，而不是看一个远离自己课堂的完美案例。
本段可直接使用的模板
帮我给这节课选一条最稳的技术路线
我想把初中化学“二氧化碳的实验室制取与性质”做成更直观的课件。
我想达到的效果是：
1. 让学生看懂实验装置和操作顺序
2. 让实验现象更容易被记住
3. 如果可以，最好有一点互动
请你直接帮我判断，这节课最适合先用哪一条路线：
- 普通网页课件
- 多页面项目
- 3D 课件
- 摄像头互动课件
请告诉我最稳的起步方案，并把第一版建议做成哪些页面写清楚。正式使用前，先把年级、课题、页面要求和课堂动作换成自己的真实信息。第一版跑出来以后，先看课堂顺不顺，再看细节和风格。
阶段成果
- 老师已经完整看过一轮示范，知道第一版通常怎样跑起来。
35-50 分钟
本段任务
老师拿自己的课题或材料跟做一轮，先做出一版可继续修改的结果。
本段重点
- 关联目标：避免一开始就选错路线
- 关键提醒：MediaPipe 和 Electron 都有清晰边界：一个服务互动体验，一个服务学校设备和离线环境。
教学意图
真正形成能力的关键，往往就在这一段。先做出第一版，再回头调整页面、素材和老师说法，通常比一开始就求全更稳。
本段可直接使用的模板
帮我把工具和课堂目标对上
我手里有 4 个课题方向：
1. 七年级语文古诗词朗读与意象理解
2. 八年级数学一次函数图像变化
3. 九年级化学分子结构观察
4. 英语口语情景对话练习
请你帮我把每个课题最适合用的技术路线写出来。每一个只需要告诉我：
1. 先用什么工具最合适
2. 最小版本先做什么
3. 哪种做法暂时不必一开始就上正式使用前，先把年级、课题、页面要求和课堂动作换成自己的真实信息。第一版跑出来以后，先看课堂顺不顺，再看细节和风格。
阶段成果
- 老师已经拿自己的材料做出一版结果，并知道接下来优先改哪里。
50-60 分钟
本段任务
快速点评、收束方法，并把本课成果收成 一张《教师创意课件技术选型表》。
本段重点
- 关联目标：避免一开始就选错路线
- 关键提醒：MediaPipe 和 Electron 都有清晰边界：一个服务互动体验，一个服务学校设备和离线环境。
教学意图
最后这一段不再加新东西，而是把今天的方法收回到老师自己的工作里，知道哪些成果值得带走、哪些地方下次还要继续打磨。
阶段成果
- 老师已经带走本课产出：一张《教师创意课件技术选型表》
关键讲授点
讲授点 1
普通互动课件先从 HTML / CSS / JavaScript 起步，最适合多数老师的第一阶段。
这一个讲授点在课堂里最好先讲“为什么重要”，再讲“老师最容易在哪一步失手”，最后再回到今天的页面、材料和课堂动作里。只要这三层能对上，老师通常会更容易把这一节真正带回自己的课。
讲授点 2
Three.js 适合空间关系、结构变化和立体观察，不适合所有内容都硬做成 3D。
这一个讲授点在课堂里最好先讲“为什么重要”，再讲“老师最容易在哪一步失手”，最后再回到今天的页面、材料和课堂动作里。只要这三层能对上，老师通常会更容易把这一节真正带回自己的课。
讲授点 3
MediaPipe 和 Electron 都有清晰边界：一个服务互动体验，一个服务学校设备和离线环境。
这一个讲授点在课堂里最好先讲“为什么重要”，再讲“老师最容易在哪一步失手”，最后再回到今天的页面、材料和课堂动作里。只要这三层能对上，老师通常会更容易把这一节真正带回自己的课。
本课最容易踩的坑
最常见的误区
这类任务最常见的问题，不是完全不会做，而是容易一上来就做太满、做太散，或者把应该由老师自己最后判断的部分也一起丢掉了。非技术老师的课件技术地图：什么情况下用什么工具 这一课的关键，就是把这条界线和处理顺序重新拉清楚。
更稳妥的做法
- 先从自己最熟的一页或一个场景开始，不要一上来就做完整大项目。
- 先把第一版跑出来，再逐项检查课堂节奏、知识点准确度和页面可用性。
- 如果需要升级技术，先确认课堂价值和设备条件，再决定要不要继续往上加。
本课产出
- 一张《教师创意课件技术选型表》
课后任务
- 给自己选定的课题写出“最稳起步路线 + 暂时不做的部分”。
- 下一课带着这张技术选型表进入页面脚本设计。
自学阅读顺序
- 先顺着 60 分钟顺序快速读一遍，先建立本课节奏感。
- 第二遍回看本课两段可直接使用的模板，把其中的年级、课题、页面要求换成自己的真实内容。
- 最后只保住一个最值得先做的页面或一个最小版本，先把它跑通。
讲师提醒
- 这一课不要讲成技术名词课，重点是帮助老师做选择。
- 每讲一个工具，都要立刻落回学科例子。
下一课衔接
下一课会继续推进到 第 3 课 让 Codex 真正听懂你的课：课题、知识点、资料和目标怎么整理，把今天形成的结果往下一步课程里接起来。