第 4 课 先别急着写代码：页面脚本、课堂镜头和讲解顺序怎么排
本课定位
很多老师一开始就急着做页面，结果做出来以后才发现讲课顺序不顺。这节课先把页面脚本定下来。
学习目标
- 会把课件分成更顺的页面段落
- 知道页面之间怎样衔接更自然
- 能把讲解顺序和页面顺序对上
阅读方式
建议按下面的“60 分钟顺序”往下阅读。每个时间段里，都已经把本段任务、参考资料、可直接使用的模板和阶段成果编排在一起，方便老师顺着一节课的节奏阅读，不必在不同板块之间来回查找。
学习目标拆开来看
会把课件分成更顺的页面段落
这一项目标放在本课里，主要是帮助老师把“会把课件分成更顺的页面段落”这件事落到真实课堂和真实页面里，而不是只停留在概念上。读这一课的时候，重点不是把这句话记住，而是顺着后面的 60 分钟节奏去看：这一项能力会在什么时间点出现，最后会沉淀成什么课堂成果。
放到创意课件这条产品线里，它对应的不是单纯会不会做页面，而是老师能不能把课堂目标、页面动作和学生体验真正接起来。只要这一层想清楚，后面的资料、模板和实操就会顺很多。
知道页面之间怎样衔接更自然
这一项目标放在本课里，主要是帮助老师把“知道页面之间怎样衔接更自然”这件事落到真实课堂和真实页面里，而不是只停留在概念上。读这一课的时候，重点不是把这句话记住，而是顺着后面的 60 分钟节奏去看：这一项能力会在什么时间点出现，最后会沉淀成什么课堂成果。
放到创意课件这条产品线里，它对应的不是单纯会不会做页面，而是老师能不能把课堂目标、页面动作和学生体验真正接起来。只要这一层想清楚，后面的资料、模板和实操就会顺很多。
能把讲解顺序和页面顺序对上
这一项目标放在本课里，主要是帮助老师把“能把讲解顺序和页面顺序对上”这件事落到真实课堂和真实页面里，而不是只停留在概念上。读这一课的时候，重点不是把这句话记住，而是顺着后面的 60 分钟节奏去看：这一项能力会在什么时间点出现，最后会沉淀成什么课堂成果。
放到创意课件这条产品线里，它对应的不是单纯会不会做页面，而是老师能不能把课堂目标、页面动作和学生体验真正接起来。只要这一层想清楚，后面的资料、模板和实操就会顺很多。
课前准备
- 带上第三课整理好的上下文包
- 拿出想先做的一页或两页
- 回想一次自己课件切页切得很生硬的经历
按 60 分钟顺序展开
0-10 分钟
本段任务
用《五页课件的常见顺序》开场，让老师先进入 先别急着写代码：页面脚本、课堂镜头和讲解顺序怎么排 这个具体教学场景。
本段重点
- 关联目标：会把课件分成更顺的页面段落
- 关键提醒：课件页面不是按素材堆出来的，而是按课堂推进顺序排出来的。
教学意图
开头先把课堂情境和真实需求立住。只要老师先看见“这和我的课堂有什么关系”，后面的页面和技术动作就不会显得漂浮。
本段参考资料
五页课件的常见顺序
1. 封面 / 情境导入
2. 问题提出
3. 核心互动或观察
4. 练习 / 追问
5. 总结 / 收束先把这份资料读一遍，先看清楚场景、对象和任务，再进入后面的整理和修改。读的时候重点留意：哪些信息必须保留，哪些地方还需要老师自己补判断。
阶段成果
- 老师已经能说清楚：这节课真正要解决的课堂问题是什么。
10-20 分钟
本段任务
把本课最关键的判断线讲清楚，先帮助老师看见这一类课件最容易做偏在哪里。
本段重点
- 关联目标：知道页面之间怎样衔接更自然
- 关键提醒：一页只负责一件事，老师讲课时会更稳。
教学意图
这一段的重点不是堆知识点，而是把“该先抓哪一条主线”讲清楚。只有先把判断线立起来，后面的执行模板和页面实现才更容易稳住。
本段参考资料
老师最常见的页面顺序问题
问题 1：第一屏信息太满，学生还没进入状态就已经被信息淹没。
问题 2：互动页放得太靠后，学生前面一直只是在看。
问题 3：最后没有收束页，课堂结束得很突然。先把这份资料读一遍，先看清楚场景、对象和任务，再进入后面的整理和修改。读的时候重点留意：哪些信息必须保留，哪些地方还需要老师自己补判断。
阶段成果
- 老师已经知道：这类课件最值得先抓住的主线和最容易失手的地方。
20-35 分钟
本段任务
讲师现场示范一轮，把老师最关心的这一页或这一组页面先做出来。
本段重点
- 关联目标：能把讲解顺序和页面顺序对上
- 关键提醒：页面脚本先排顺，后面 Codex 生成代码时才不容易来回返工。
教学意图
示范段的意义是让老师看见第一版通常怎样开工、怎样收住，而不是看一个远离自己课堂的完美案例。
本段可直接使用的模板
把我的课件页面顺序排顺一点
我想做一节七年级语文《木兰诗》的网页课件。
我希望课件里有这些内容：
1. 导入情境
2. 朗读
3. 人物形象分析
4. 课堂互动
5. 结尾总结
请你直接帮我把页面顺序排成更适合 40 分钟课堂使用的样子。每一页写一句说明：这一页主要负责什么。不要写太多空话，要像老师备课时真的会用的页面脚本。正式使用前，先把年级、课题、页面要求和课堂动作换成自己的真实信息。第一版跑出来以后，先看课堂顺不顺，再看细节和风格。
阶段成果
- 老师已经完整看过一轮示范，知道第一版通常怎样跑起来。
35-50 分钟
本段任务
老师拿自己的课题或材料跟做一轮，先做出一版可继续修改的结果。
本段重点
- 关联目标：能把讲解顺序和页面顺序对上
- 关键提醒：页面脚本先排顺，后面 Codex 生成代码时才不容易来回返工。
教学意图
真正形成能力的关键，往往就在这一段。先做出第一版，再回头调整页面、素材和老师说法，通常比一开始就求全更稳。
本段可直接使用的模板
帮我把这一课的课堂镜头整理出来
我在备八年级数学“平行四边形的性质”。
我不想只是做几页静态内容，我更想让课堂顺一些。请你直接帮我按“导入—观察—操作—提问—收束”的顺序，整理一份页面脚本。每一步只写清楚：
1. 这一页学生看什么或做什么
2. 老师为什么在这里停下来
3. 这一页后面接哪一页最自然正式使用前，先把年级、课题、页面要求和课堂动作换成自己的真实信息。第一版跑出来以后，先看课堂顺不顺，再看细节和风格。
阶段成果
- 老师已经拿自己的材料做出一版结果，并知道接下来优先改哪里。
50-60 分钟
本段任务
快速点评、收束方法，并把本课成果收成 一份《课件页面脚本》。
本段重点
- 关联目标：能把讲解顺序和页面顺序对上
- 关键提醒：页面脚本先排顺，后面 Codex 生成代码时才不容易来回返工。
教学意图
最后这一段不再加新东西，而是把今天的方法收回到老师自己的工作里，知道哪些成果值得带走、哪些地方下次还要继续打磨。
阶段成果
- 老师已经带走本课产出：一份《课件页面脚本》
关键讲授点
讲授点 1
课件页面不是按素材堆出来的，而是按课堂推进顺序排出来的。
这一个讲授点在课堂里最好先讲“为什么重要”，再讲“老师最容易在哪一步失手”，最后再回到今天的页面、材料和课堂动作里。只要这三层能对上，老师通常会更容易把这一节真正带回自己的课。
讲授点 2
一页只负责一件事，老师讲课时会更稳。
这一个讲授点在课堂里最好先讲“为什么重要”，再讲“老师最容易在哪一步失手”，最后再回到今天的页面、材料和课堂动作里。只要这三层能对上，老师通常会更容易把这一节真正带回自己的课。
讲授点 3
页面脚本先排顺，后面 Codex 生成代码时才不容易来回返工。
这一个讲授点在课堂里最好先讲“为什么重要”，再讲“老师最容易在哪一步失手”，最后再回到今天的页面、材料和课堂动作里。只要这三层能对上，老师通常会更容易把这一节真正带回自己的课。
本课最容易踩的坑
最常见的误区
这类任务最常见的问题，不是完全不会做，而是容易一上来就做太满、做太散，或者把应该由老师自己最后判断的部分也一起丢掉了。先别急着写代码：页面脚本、课堂镜头和讲解顺序怎么排 这一课的关键，就是把这条界线和处理顺序重新拉清楚。
更稳妥的做法
- 先从自己最熟的一页或一个场景开始，不要一上来就做完整大项目。
- 先把第一版跑出来，再逐项检查课堂节奏、知识点准确度和页面可用性。
- 如果需要升级技术，先确认课堂价值和设备条件，再决定要不要继续往上加。
本课产出
- 一份《课件页面脚本》
课后任务
- 把自己的课件页面顺序定成 4 到 6 页。
- 挑出其中最关键的一页，准备下一课开始真正生成。
自学阅读顺序
- 先顺着 60 分钟顺序快速读一遍，先建立本课节奏感。
- 第二遍回看本课两段可直接使用的模板，把其中的年级、课题、页面要求换成自己的真实内容。
- 最后只保住一个最值得先做的页面或一个最小版本，先把它跑通。
讲师提醒
- 这一课做顺了，后面网页实现会明显轻松很多。
- 多提醒老师：先有页面脚本，再谈代码。
下一课衔接
下一课会继续推进到 第 5 课 做出第一个能投屏的网页课件：从一页课件开始，把今天形成的结果往下一步课程里接起来。