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

本课定位

学生不只是能做兴趣网页，也能把学校里的知识点变成互动作品。这一课开始练“学科内容怎么说给 Codex 听”。

学习目标

• 会把知识点转成页面任务
• 理解“内容页”和“互动页”的区别
• 完成第一个学科网页需求

本课会用到的技术与方法

• 教学目标转页面结构
• 知识点拆解
• 互动任务设计

课前准备

• 准备一个最近学过的知识点
• 带上教材或课堂笔记

60 分钟课堂流程

环节	讲授安排
0-10 分钟	用 古诗词互动学习页 做导入，先让学员看见这节课要做出来的效果。
10-20 分钟	讲清本课的关键词、规则和做法，先把任务说清楚。
20-35 分钟	讲师示范一轮，用 Codex 做出第一版，再解释为什么这样安排页面。
35-50 分钟	学员跟做并替换成自己的内容，讲师巡回答疑。
50-60 分钟	现场展示、快速点评、布置课后任务。

核心讲授点

• 学科网页不是抄课文，而是把知识点重新组织成更容易理解的页面。
• 课堂目标要写进需求里，作品才不会跑偏。
• 让学生“看一遍就懂”比页面花哨更重要。

本课完整素材

课堂主题示例

主题：七年级语文《使至塞上》
教学目标：
1. 读准节奏，理解诗句意思
2. 看见“大漠孤烟直，长河落日圆”的画面感
3. 能说出边塞诗的情绪特点

古诗词素材

《使至塞上》
单车欲问边，属国过居延。
征蓬出汉塞，归雁入胡天。
大漠孤烟直，长河落日圆。
萧关逢候骑，都护在燕然。
关键词：大漠、孤烟、长河、落日、边塞、远行、苍茫

可直接复制给 Codex 的提示词

提示词 1：先做第一版

我是一名中学生，现在想做 一个能直接在浏览器里运行的网页作品。
主题是：古诗词互动学习页

请直接把第一版做出来，页面里一定要有：
- 朗读页
- 关键词解释区
- 至少 1 个互动问题
- 适合课堂讲解的顺序

这次要用到的内容如下：
课堂主题示例：
主题：七年级语文《使至塞上》
教学目标：
1. 读准节奏，理解诗句意思
2. 看见“大漠孤烟直，长河落日圆”的画面感
3. 能说出边塞诗的情绪特点

古诗词素材：
《使至塞上》
单车欲问边，属国过居延。
征蓬出汉塞，归雁入胡天。
大漠孤烟直，长河落日圆。
萧关逢候骑，都护在燕然。
关键词：大漠、孤烟、长河、落日、边塞、远行、苍茫

整体感觉希望是：清爽、字大、适合课堂展示。
请把文件拆清楚，方便我继续改。

提示词 2：把互动做完整

我是一名中学生，我已经有了第一版页面，现在想把互动和课堂节奏补完整。
请帮我继续完善 古诗词互动学习页，重点把下面这些效果补上：
- 朗读页
- 关键词解释区
- 至少 1 个互动问题
- 适合课堂讲解的顺序

这节内容的素材还是这些：
课堂主题示例：
主题：七年级语文《使至塞上》
教学目标：
1. 读准节奏，理解诗句意思
2. 看见“大漠孤烟直，长河落日圆”的画面感
3. 能说出边塞诗的情绪特点

古诗词素材：
《使至塞上》
单车欲问边，属国过居延。
征蓬出汉塞，归雁入胡天。
大漠孤烟直，长河落日圆。
萧关逢候骑，都护在燕然。
关键词：大漠、孤烟、长河、落日、边塞、远行、苍茫

我更在意的是：学生一眼能看懂、按钮明显、操作顺序清楚。

提示词 3：上课或展示前再打磨

我是一名中学生，我准备把 古诗词互动学习页 用在展示或课堂讲解里。
请帮我再检查一遍这个网页，重点把文字、颜色、按钮大小、页面顺序和提示语调顺一点。

课件里一定不能漏掉这些内容：
- 朗读页
- 关键词解释区
- 至少 1 个互动问题
- 适合课堂讲解的顺序

参考内容：
课堂主题示例：
主题：七年级语文《使至塞上》
教学目标：
1. 读准节奏，理解诗句意思
2. 看见“大漠孤烟直，长河落日圆”的画面感
3. 能说出边塞诗的情绪特点

古诗词素材：
《使至塞上》
单车欲问边，属国过居延。
征蓬出汉塞，归雁入胡天。
大漠孤烟直，长河落日圆。
萧关逢候骑，都护在燕然。
关键词：大漠、孤烟、长河、落日、边塞、远行、苍茫

我希望最后拿到的是一版看起来完整、讲起来顺手的成品。

本课产出

• 完成 古诗词互动学习页 的课堂成品
• 完成 古诗词互动学习页 的第一版并能现场演示

课后任务

• 选择语数外理化中的 1 个知识点写成网页需求
• 补一段“这节课想让同学学会什么”
• 准备下节课要用的素材

讲师提醒

• 先保住本课最小成品，再决定要不要继续加效果。
• 遇到错误时先描述现象，不要急着乱改。
• 提醒学员边做边记录自己改了什么。

下一课衔接

下一节进入 第 4 课 安全使用与结果判断，把这节课的成果继续推进成更完整的作品或流程。