第 3 课 把课堂知识说成网页需求逐字稿
本课定位
学生不只是能做兴趣网页，也能把学校里的知识点变成互动作品。这一课开始练“学科内容怎么说给 Codex 听”。
讲师课前提醒
- 准备一个最近学过的知识点
- 带上教材或课堂笔记
0 到 8 分钟：用成品把学生拉进来
“今天这节课我们要做的是 古诗词互动学习页。先别急着记步骤，先看一下成品会长成什么样。你们今天不是来听我讲很多抽象概念，而是要把一个真的能看到、能点、能玩的作品做出来。”
“看完以后你们心里先记住三件事：今天要做的主题是什么、最后要能看到什么效果、自己最想先把哪一部分做出来。”
8 到 18 分钟：把任务说清楚
“这节课最重要的不是一口气写很多代码，而是先把任务说清楚。我们先把目标拆开：要给谁看、页面里要有哪几块、哪一步最值得先做。”
“学科网页不是抄课文，而是把知识点重新组织成更容易理解的页面。”
“课堂目标要写进需求里，作品才不会跑偏。”
“让学生“看一遍就懂”比页面花哨更重要。”
18 到 32 分钟：讲师示范第一轮
“我先给大家示范一轮，把素材交给 Codex，再把页面的第一版跑起来。你们注意看，我不是只说‘帮我做个网页’，而是会把内容、顺序和想要的效果都说具体。”
text
我是一名中学生，现在想做 一个能直接在浏览器里运行的网页作品。
主题是：古诗词互动学习页
请直接把第一版做出来，页面里一定要有：
- 朗读页
- 关键词解释区
- 至少 1 个互动问题
- 适合课堂讲解的顺序“做出来以后，我们先不追求很花哨，只先看三件事：内容是不是对的、按钮是不是能点、页面顺序是不是讲得通。”
32 到 48 分钟：学生动手，老师巡回追问
“现在轮到你们自己做。先把课件或作品最核心的一页做出来。不要一开始就想做满所有效果，先把主页面和主按钮做好。”
“如果卡住了，你先回答老师这三个问题：你现在到底想做什么？页面里一定不能少什么？你是卡在内容、样式还是交互？”
48 到 56 分钟：现场展示和快速修正
“请两到三位同学把现在做到的版本投上来。大家看的时候不要只说好不好看，而要说：它最清楚的一点是什么？还有哪一步会让人看不懂？”
56 到 60 分钟：收束
“今天这一课带走的，不只是一个页面，而是一种做东西的方法：先说清楚，再做第一版，再一点点改顺。回去以后按作业单继续补完整，下节课我们接着往前走。”
下一节我们会进入 第 4 课 安全使用与结果判断。
板书关键词
- 会把知识点转成页面任务
- 理解“内容页”和“互动页”的区别
- 完成第一个学科网页需求