青少年启蒙营 PPT 大纲

使用说明

• 每节课都保持“场景 - 目标 - 知识 - 实操 - 产出 - 作业”的节奏
• 优先让页面服务课堂推进，不要让课件变成大段文字的堆叠

第 1 课 认识 Codex 与网页作品世界 PPT 大纲

1. 课程主题页：第 1 课 认识 Codex 与网页作品世界
2. 真实场景页：我的第一张互动名片
3. 本课目标页：知道 Codex 能帮我做什么、理解网页作品的基本样子、敢于提出第一个清楚的问题
4. 本课知识拆解页：启蒙阶段最重要的是把目标说清楚，而不是一次学完所有技术。 / 网页作品可以很小，但一定要能被别人看懂。
5. 本课素材页：兴趣清单示例
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 我的第一张互动名片 的课堂成品
8. 作业与下节衔接页

第 2 课 把兴趣说成作品需求 PPT 大纲

1. 课程主题页：第 2 课 把兴趣说成作品需求
2. 真实场景页：校园兴趣展示页
3. 本课目标页：会写“对象 + 场景 + 功能 + 结果”四要素、知道什么叫清楚需求、完成自己的作品小需求
4. 本课知识拆解页：好需求不是长，而是少歧义。 / 页面是给谁看的，会直接影响内容和样式。
5. 本课素材页：兴趣清单示例
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 校园兴趣展示页 的课堂成品
8. 作业与下节衔接页

第 3 课 把课堂知识说成网页需求 PPT 大纲

1. 课程主题页：第 3 课 把课堂知识说成网页需求
2. 真实场景页：古诗词互动学习页
3. 本课目标页：会把知识点转成页面任务、理解“内容页”和“互动页”的区别、完成第一个学科网页需求
4. 本课知识拆解页：学科网页不是抄课文，而是把知识点重新组织成更容易理解的页面。 / 课堂目标要写进需求里，作品才不会跑偏。
5. 本课素材页：课堂主题示例
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 古诗词互动学习页 的课堂成品
8. 作业与下节衔接页

第 4 课 安全使用与结果判断 PPT 大纲

1. 课程主题页：第 4 课 安全使用与结果判断
2. 真实场景页：网页结果检查清单
3. 本课目标页：知道 3 条安全规则、会检查结果里有没有明显问题、遇到不懂内容时知道先停下来
4. 本课知识拆解页：会检查，比会生成更重要。 / 页面能运行，不代表内容一定适合课堂。
5. 本课素材页：检查清单
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 网页结果检查清单 的课堂成品
8. 作业与下节衔接页

第 5 课 做一页会动的自我介绍 PPT 大纲

1. 课程主题页：第 5 课 做一页会动的自我介绍
2. 真实场景页：会打招呼的个人名片页
3. 本课目标页：完成第一张完整网页名片、知道页面由内容、样式、按钮组成、会替换自己的文字和颜色
4. 本课知识拆解页：先把信息摆清楚，再谈好不好看。 / 能替换成自己的内容，作品才算真正属于自己。
5. 本课素材页：名片页文案示例
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 会打招呼的个人名片页 的课堂成品
8. 作业与下节衔接页

第 6 课 用颜色和排版讲故事 PPT 大纲

1. 课程主题页：第 6 课 用颜色和排版讲故事
2. 真实场景页：班级活动介绍页
3. 本课目标页：理解标题、正文、按钮的层次、会选一套适合主题的颜色、能把页面改得更顺眼、更清楚
4. 本课知识拆解页：好看和看得清，要同时成立。 / 页面层次清楚，别人更容易记住你想说的重点。
5. 本课素材页：班级活动素材
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 班级活动介绍页 的课堂成品
8. 作业与下节衔接页

第 7 课 出错了怎么办：新手排错急救包 PPT 大纲

1. 课程主题页：第 7 课 出错了怎么办：新手排错急救包
2. 真实场景页：按钮不亮、文字不见、页面错位的三种常见问题
3. 本课目标页：能把错误现象说清楚、知道先检查哪 3 件事、修好后会再验证一次
4. 本课知识拆解页：“按钮没反应”就是现象，“一定是代码坏了”只是猜测。 / 排错时一次只改一个点，最稳。
5. 本课素材页：常见错误示例
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 按钮不亮、文字不见、页面错位的三种常见问题 的课堂成品
8. 作业与下节衔接页

第 8 课 模块展示：我的第一批作品 PPT 大纲

1. 课程主题页：第 8 课 模块展示：我的第一批作品
2. 真实场景页：启蒙营模块 A 小型作品展
3. 本课目标页：整理前 7 节课成果、会用 1 分钟讲自己的作品、找到下一个最想深入的方向
4. 本课知识拆解页：展示不是比谁做得最花，而是比谁讲得清楚。 / 每个小作品都可以变成后面更大项目的一部分。
5. 本课素材页：展示结构建议
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 启蒙营模块 A 小型作品展 的课堂成品
8. 作业与下节衔接页

第 9 课 猜数字游戏：最小交互作品 PPT 大纲

1. 课程主题页：第 9 课 猜数字游戏：最小交互作品
2. 真实场景页：猜数字闯关页
3. 本课目标页：理解输入和反馈的关系、完成一个可玩的猜数字游戏、会改提示语和难度
4. 本课知识拆解页：小游戏的关键，是规则清楚。 / 每次点击以后，要有明确反馈。
5. 本课素材页：游戏规则
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 猜数字闯关页 的课堂成品
8. 作业与下节衔接页

第 10 课 反应速度挑战页 PPT 大纲

1. 课程主题页：第 10 课 反应速度挑战页
2. 真实场景页：红绿灯反应挑战
3. 本课目标页：理解计时器能做什么、完成反应速度挑战页、学会让页面更有节奏
4. 本课知识拆解页：时间加入以后，游戏会更有紧张感。 / 规则一定要简单，玩家才知道自己该干什么。
5. 本课素材页：游戏文案
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 红绿灯反应挑战 的课堂成品
8. 作业与下节衔接页

第 11 课 语文词语闯关：把语文练习做成小游戏 PPT 大纲

1. 课程主题页：第 11 课 语文词语闯关：把语文练习做成小游戏
2. 真实场景页：词语闯关台
3. 本课目标页：把语文题目变成网页题库、完成一个对错反馈小游戏、理解“知识点 + 互动”的组合
4. 本课知识拆解页：题目不用多，先把 5 道做顺。 / 反馈要告诉玩家哪里对、哪里错。
5. 本课素材页：语文题库示例
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 词语闯关台 的课堂成品
8. 作业与下节衔接页

第 12 课 英语单词翻翻卡 PPT 大纲

1. 课程主题页：第 12 课 英语单词翻翻卡
2. 真实场景页：校园英语单词翻卡页
3. 本课目标页：完成英语翻翻卡页、理解卡片式学习页面的结构、会替换单词和例句
4. 本课知识拆解页：英语词汇页最适合做成可重复点击的卡片。 / 图片、单词、例句放在一起，记忆会更稳。
5. 本课素材页：英语对话素材
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 校园英语单词翻卡页 的课堂成品
8. 作业与下节衔接页

第 13 课 数学口算闯关 PPT 大纲

1. 课程主题页：第 13 课 数学口算闯关
2. 真实场景页：一分钟口算挑战
3. 本课目标页：做出数学闯关页、理解题目、时间、得分如何联动、能替换自己的数学题
4. 本课知识拆解页：数学闯关的节奏感来自题目和时间，不来自复杂特效。 / 即时分数会让挑战更有参与感。
5. 本课素材页：数学题示例
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 一分钟口算挑战 的课堂成品
8. 作业与下节衔接页

第 14 课 科学知识问答页 PPT 大纲

1. 课程主题页：第 14 课 科学知识问答页
2. 真实场景页：科学问答小站
3. 本课目标页：做出科学知识问答页、学会把概念解释写进页面、体验问答式页面结构
4. 本课知识拆解页：问答页的关键，是问题和解释写得清楚。 / 概念页要像在给同学解释，而不是照抄定义。
5. 本课素材页：物理素材
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 科学问答小站 的课堂成品
8. 作业与下节衔接页

第 15 课 班级知识小助手 PPT 大纲

1. 课程主题页：第 15 课 班级知识小助手
2. 真实场景页：单元复习小助手
3. 本课目标页：做出班级知识小助手页、知道如何把内容按类别整理、学会做“别人可用”的页面
4. 本课知识拆解页：小助手页面更强调信息组织。 / 分类比堆一大段文字更有用。
5. 本课素材页：单元知识点示例
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 单元复习小助手 的课堂成品
8. 作业与下节衔接页

第 16 课 模块展示：我的小游戏和互动页 PPT 大纲

1. 课程主题页：第 16 课 模块展示：我的小游戏和互动页
2. 真实场景页：小游戏与互动页小型展
3. 本课目标页：整理模块 B 作品、比较不同类型交互的差别、找到最想深挖的学科方向
4. 本课知识拆解页：不同作品适合不同课堂场景。 / 会比较，才能知道自己下一步想往哪走。
5. 本课素材页：展示提纲
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 小游戏与互动页小型展 的课堂成品
8. 作业与下节衔接页

第 17 课 语文古诗词朗读与意象页 PPT 大纲

1. 课程主题页：第 17 课 语文古诗词朗读与意象页
2. 真实场景页：《使至塞上》意象互动页
3. 本课目标页：完成古诗词互动页、会用关键词和画面感组织内容、能把课堂提问嵌进页面
4. 本课知识拆解页：古诗词课件最重要的是节奏和画面感。 / 页面要帮助同学理解，不只是展示文字。
5. 本课素材页：古诗词素材
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 《使至塞上》意象互动页 的课堂成品
8. 作业与下节衔接页

第 18 课 语文阅读理解提示卡 PPT 大纲

1. 课程主题页：第 18 课 语文阅读理解提示卡
2. 真实场景页：阅读理解批注页
3. 本课目标页：做出阅读理解提示卡页、学会段落与问题对应、能把写作提示放进页面
4. 本课知识拆解页：阅读页一定要让学生知道先看哪里。 / 重点句高亮能帮助学生抓主线。
5. 本课素材页：阅读理解材料
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 阅读理解批注页 的课堂成品
8. 作业与下节衔接页

第 19 课 数学分数可视化实验页 PPT 大纲

1. 课程主题页：第 19 课 数学分数可视化实验页
2. 真实场景页：分数饼图实验页
3. 本课目标页：完成分数可视化页、理解整体和部分的关系、能把分数比较写成互动内容
4. 本课知识拆解页：分数要和图形对应，才能看得懂。 / 比较大小时要让学生先猜再看结果。
5. 本课素材页：数学分数素材
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 分数饼图实验页 的课堂成品
8. 作业与下节衔接页

第 20 课 数学几何拖拽与变化页 PPT 大纲

1. 课程主题页：第 20 课 数学几何拖拽与变化页
2. 真实场景页：三角形角度变化页
3. 本课目标页：做出几何变化页、让学生看到图形关系变化、能把问题写进页面互动里
4. 本课知识拆解页：几何课件更强调“变化过程”。 / 先让同学预测，再显示变化，更有探究感。
5. 本课素材页：数学几何素材
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 三角形角度变化页 的课堂成品
8. 作业与下节衔接页

第 21 课 英语校园对话练习页 PPT 大纲

1. 课程主题页：第 21 课 英语校园对话练习页
2. 真实场景页：校园问路对话页
3. 本课目标页：完成英语对话练习页、把句型和场景放在一起、学会用页面帮助同学开口
4. 本课知识拆解页：英语页面最好有情境，不要只有单词。 / 角色分栏会让对话更清楚。
5. 本课素材页：英语对话素材
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 校园问路对话页 的课堂成品
8. 作业与下节衔接页

第 22 课 英语语法闯关页 PPT 大纲

1. 课程主题页：第 22 课 英语语法闯关页
2. 真实场景页：一般现在时闯关页
3. 本课目标页：完成语法闯关页、会把语法点写成题目、知道如何做即时反馈
4. 本课知识拆解页：语法闯关的关键是题目解释。 / 答错以后要告诉同学错在哪里。
5. 本课素材页：英语语法素材
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 一般现在时闯关页 的课堂成品
8. 作业与下节衔接页

第 23 课 物理力与运动演示页 PPT 大纲

1. 课程主题页：第 23 课 物理力与运动演示页
2. 真实场景页：小车运动与力的关系页
3. 本课目标页：完成物理演示页、把现象和概念对应起来、体验理科知识如何做成网页
4. 本课知识拆解页：物理课件要先讲现象，再讲概念。 / 过程分步比一页堆满结论更有效。
5. 本课素材页：物理素材
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 小车运动与力的关系页 的课堂成品
8. 作业与下节衔接页

第 24 课 化学元素卡片与配平练习页 PPT 大纲

1. 课程主题页：第 24 课 化学元素卡片与配平练习页
2. 真实场景页：元素与方程式练习页
3. 本课目标页：完成化学卡片与练习页、理解卡片和练习如何配合、会把化学点子讲成清楚页面
4. 本课知识拆解页：化学页面适合用卡片做分类。 / 练习和知识点最好放在同一节奏里。
5. 本课素材页：化学素材
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 元素与方程式练习页 的课堂成品
8. 作业与下节衔接页

第 25 课 选一个主题做我的迷你项目 PPT 大纲

1. 课程主题页：第 25 课 选一个主题做我的迷你项目
2. 真实场景页：我的结营微项目规划卡
3. 本课目标页：选出一个适合结营的小项目、会判断主页面和主功能、写出自己的项目一句话说明
4. 本课知识拆解页：项目越清楚，后面越轻松。 / 先确定最小版本，再想增强功能。
5. 本课素材页：项目规划卡
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 我的结营微项目规划卡 的课堂成品
8. 作业与下节衔接页

第 26 课 把项目拆成页面和顺序 PPT 大纲

1. 课程主题页：第 26 课 把项目拆成页面和顺序
2. 真实场景页：结营项目页面树
3. 本课目标页：写出项目页面树、确定每一页放什么、知道先做哪一页最稳
4. 本课知识拆解页：先做主页面，再做增强页。 / 页面顺序要像在带别人一步步看懂。
5. 本课素材页：页面树示例
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 结营项目页面树 的课堂成品
8. 作业与下节衔接页

第 27 课 给项目加上互动和反馈 PPT 大纲

1. 课程主题页：第 27 课 给项目加上互动和反馈
2. 真实场景页：结营项目核心互动页
3. 本课目标页：做出项目核心互动、让互动有明确反馈、会判断什么叫主流程跑通
4. 本课知识拆解页：先做主互动，再做装饰。 / 每次点击以后都要告诉用户发生了什么。
5. 本课素材页：互动设计提醒
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 结营项目核心互动页 的课堂成品
8. 作业与下节衔接页

第 28 课 加入图片、音频和课堂素材 PPT 大纲

1. 课程主题页：第 28 课 加入图片、音频和课堂素材
2. 真实场景页：结营项目多媒体页
3. 本课目标页：让项目素材更完整、知道媒体怎么服务内容、会做课堂展示需要的素材页
4. 本课知识拆解页：媒体素材要帮助理解，不是增加噪音。 / 一页里不要同时塞太多元素。
5. 本课素材页：素材整理提醒
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 结营项目多媒体页 的课堂成品
8. 作业与下节衔接页

第 29 课 打磨文字、颜色和说明顺序 PPT 大纲

1. 课程主题页：第 29 课 打磨文字、颜色和说明顺序
2. 真实场景页：结营项目展示版
3. 本课目标页：统一项目风格、改顺标题和说明文字、让项目更适合展示
4. 本课知识拆解页：展示型作品最怕信息乱。 / 标题、按钮和说明文案要像在带人看懂。
5. 本课素材页：打磨检查表
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 结营项目展示版 的课堂成品
8. 作业与下节衔接页

第 30 课 最后检查：报错、漏项和课堂试讲 PPT 大纲

1. 课程主题页：第 30 课 最后检查：报错、漏项和课堂试讲
2. 真实场景页：结营前检查单
3. 本课目标页：完成结营前检查、发现并修正明显问题、能试讲 1 分钟不慌
4. 本课知识拆解页：展示前检查，比临场出错后补救更省力。 / 一边点页面一边讲，是发现问题最快的方式。
5. 本课素材页：试讲检查单
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 结营前检查单 的课堂成品
8. 作业与下节衔接页

第 31 课 路演稿、海报和作品讲述 PPT 大纲

1. 课程主题页：第 31 课 路演稿、海报和作品讲述
2. 真实场景页：结营展示讲述页
3. 本课目标页：写出 1 分钟讲稿、完成项目封面或海报、练习展示顺序
4. 本课知识拆解页：先讲目标，再讲亮点，最后讲你是怎么做的。 / 一句话介绍非常重要，它决定别人能不能立刻记住你的作品。
5. 本课素材页：1 分钟讲述模板
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 结营展示讲述页 的课堂成品
8. 作业与下节衔接页

第 32 课 结营展示日 PPT 大纲

1. 课程主题页：第 32 课 结营展示日
2. 真实场景页：启蒙营结营作品展
3. 本课目标页：完成公开展示、讲清楚作品目标和亮点、形成下一步学习方向
4. 本课知识拆解页：展示是对自己这段学习过程的整理。 / 反馈不是挑错，而是帮助作品继续长大。
5. 本课素材页：成长复盘卡
6. 本课提示词页：复制给 Codex 的第一版提示词
7. 课堂实操页：完成 启蒙营结营作品展 的课堂成品
8. 作业与下节衔接页