第 2 课 非技术老师的课件技术地图：什么情况下用什么工具逐页 PPT 正文

第 1 页 封面

• 标题：第 2 课 非技术老师的课件技术地图：什么情况下用什么工具
• 副标题：把 HTML、Vite、Three.js、MediaPipe、Electron 讲成老师听得懂的路线图。

第 2 页 本课为什么重要

老师不需要先学完整技术栈，但要知道什么时候用普通网页，什么时候该上 3D、摄像头或桌面工具。

第 3 页 今天要带走什么

• 知道 5 类常见课件技术分别适合什么场景
• 能为自己的课题做最小技术选择
• 避免一开始就选错路线

第 4 页 先看一个真实情境

五类课件路线图

1. 普通网页课件：导入页、讲解页、互动页、总结页
2. 多页面课件项目：需要素材管理、多个页面、组件复用
3. 3D 课件：立体几何、分子结构、天体运动、装置结构
4. 摄像头互动：手势翻页、动作答题、体感闯关
5. 桌面工具：随机点名、离线教学工具、课堂计时与控制台

第 5 页 这类任务最容易在哪儿失手

普通互动课件先从 HTML / CSS / JavaScript 起步，最适合多数老师的第一阶段。

• Three.js 适合空间关系、结构变化和立体观察，不适合所有内容都硬做成 3D。

第 6 页 讲师示范模板

帮我给这节课选一条最稳的技术路线

我想把初中化学“二氧化碳的实验室制取与性质”做成更直观的课件。

我想达到的效果是：
1. 让学生看懂实验装置和操作顺序
2. 让实验现象更容易被记住
3. 如果可以，最好有一点互动

请你直接帮我判断，这节课最适合先用哪一条路线：
- 普通网页课件
- 多页面项目
- 3D 课件
- 摄像头互动课件

请告诉我最稳的起步方案，并把第一版建议做成哪些页面写清楚。

第 7 页 学员跟做模板

帮我把工具和课堂目标对上

我手里有 4 个课题方向：
1. 七年级语文古诗词朗读与意象理解
2. 八年级数学一次函数图像变化
3. 九年级化学分子结构观察
4. 英语口语情景对话练习

请你帮我把每个课题最适合用的技术路线写出来。每一个只需要告诉我：
1. 先用什么工具最合适
2. 最小版本先做什么
3. 哪种做法暂时不必一开始就上

第 8 页 本课产出

• 一张《教师创意课件技术选型表》

第 9 页 课后任务

• 给自己选定的课题写出“最稳起步路线 + 暂时不做的部分”。
• 下一课带着这张技术选型表进入页面脚本设计。