AI 写页面，你当验收员
代码让 AI 写——方向盘和验收章，握在你手里。
学习证据 学完后，怎么核对？
把学习结果留在一个可以回看、可以复做的动作里；这一区只写学生能自己检查的证据。
如何核对
- 静态网页产物（正文可离线读；交互用本地 HTTP 预览）
- 逐项运行验收
适用边界
用于入门级静态网页；不涵盖生产部署、账号安全与复杂工程实践。
最后复核
这是内容复核日期，不是学习截止日期。
讲
分工定了：它写，你验
上一课你亲手敲了一页，认识了零件。从这一课起换分工：代码交给 AI 写，你干三件更要紧的事——派活、验收、迭代。2.2 组练的整套功夫，现在全部上场。
派活单怎么写（网页版）
还是四样话，但约束里加上「网页三件套」，值得背下来：
- 单文件：只要一个 .html 文件；
- 能在浏览器打开：通过项目 HTTP 预览地址访问，不把本地文件直开当成兼容性保证；
- 正文可离线读：不要用到网上的图片和字体；需要脚本交互时按预览服务说明打开。
这三条让作品更容易在常见设备上验收；交付时附项目 HTTP 预览方法。设备不允许启动服务时，请老师或管理员提供预览地址，不要绕过学校策略。
收货流程
- 全选代码 → 复制 → 粘进记事本 → 另存为
xxx.html（老三样：所有文件、UTF-8）。 - 用项目 HTTP 预览打开，按你的验收单逐条试。
- 有问题？别自己闷头改代码——把「现象」报给 AI：我做了什么、看到了什么、期待的是什么。让它改，你再验。
核心句：AI 写码，你当验收员。派活给约束，收货按单验，出错报现象。
例
小舟的小组每次讨论都为「谁先发言」扯皮，他决定做个随机点名器。完整走一遍——注意中间那次不顺利的收货：
小舟帮我写一个「随机点名器」网页。背景：我们 6 人小组讨论时抽人发言。目标：单个 .html，页面一个大按钮，点一下随机显示一个名字。约束：能用本地 HTTP 预览、断网时仍可运行；名字是小舟、小雨、小晴、阿凯、大鹏、朵朵。验收：点 10 次每次都出名字，字要大到后排能看清。
AI明白，给你整份文件（略）。保存为 dianming.html，通过项目 HTTP 预览地址打开。
小舟收货有两个问题：①名字出来了但字太小，第三排就看不清；②连点两次经常抽到同一个人，能不能别连着重复？
AI两处都改：①名字字号放大到约占屏幕三分之一高；②记住上一次结果，抽到重复自动重抽。替换整份文件即可（略）。
小舟这版过了：十次没有连续重复，最后一排能看清。收工。
小舟从头到尾没有一行行读代码找毛病——他报的是现象＋期待，修改由 AI 完成，判断由他完成。另外留个心眼：看不懂又好奇的段落，圈出来问一句「这一段是干什么的」——每次搞懂一小块，慢慢你就既开得动车，也认得发动机。
练
AI 给的页面，在项目 HTTP 预览中打开一片空白。验收员最好的下一步是？
上手 · 15 分钟 · 第一件定制作品
- 想一个你真用得上的小网页：点名器、课堂倒计时、单词拍拍卡、考试倒数日……用四样话派活，约束照抄网页三件套。
- 保存收货（老三样），按你自己写的验收单逐条试。
- 至少发回一条「现象式」反馈，收一版修改——哪怕只是「字太小」。
怎么算过关：文件夹里多了一个能在本地 HTTP 预览中打开、验收全过的 .html；你至少完整走过一轮「报现象 → 收修复」。入作品抽屉。
卡
复习卡 · 点一下翻面
网页三件套约束和报错三要素是什么？
答案
约束三件套：单文件、浏览器能打开、正文可离线读（交互优先用本地 HTTP 预览）。报错三要素：我做了什么、看到了什么、期待什么。代码它写，判断你做。
- 代码它写，方向盘和验收章在你手里。
- 报现象，别闷头改码：做了什么、看到了什么、期待什么。
- 看不懂的段落圈出来问——验收员也在一块块变懂行。