← 返回目录

Day4 · 日期待确认

纯念稿。带「」的就是你要说的原话,段与段之间自然停顿。灰底小标题只是场景锚点,不用念。

09:30–10:00 · 今天,结果要在浏览器里出现

「早上好。请先看我桌面上这个空文件夹。今天结束前,它会变成一个能在浏览器里打开的网页。

你们每个人也一样:从空文件夹出发,做出自己的昵称主页。

前三天练的说、问、试、改、验和安全把关,今天不再停在卡片上。它们会直接变成你屏幕里的结果。」

「把三个担心一次说清。

第一,今天不要求手写代码。 网页初稿由课前验证过的主力或备用 Agent 生成;你负责范围、内容和验收。

第二,只做本地预览。 网页先留在自己的电脑里,不发布到互联网。主路径不可用,就切备用工具或直接本地打开。

第三,第一版不好看很正常。 第一版的任务不是惊艳,是出现;出现以后,我们才有具体东西可以改。

上午的胜利标准只有一个:每个人的网页,都能在自己的浏览器里打开。

10:00–10:30 · 网页不是魔法,是一次可验收的任务

「‘做网站’听起来很大。拆开看,它仍然是一项任务:给谁看、放什么内容、按什么风格、不能出现什么、怎样证明完成。

五个动作没有变。变化的是作品:昨天是一份文档,今天是一组网页文件和一个能打开的 `index.html`。

所以别被‘网站’两个字吓住。先把它当成一次有材料、有边界、有验收的交付。」

「网页一旦同时改很多地方,出错时很难知道是哪一步造成的。所以开工前,仍然先说:『先别动手,先告诉我你打算怎么做。』

先让 AI 列方案,我们检查、提问、缩小范围,确认后它才执行。

如果你当前工具里有经过老师实测的计划模式,可以打开;没有这个按钮也完全没关系,直接把这句话说给它。

方法不依赖按钮。今天的固定顺序是:先看方案,跑「开工前三问」,由你确认,再小步试。

10:30–11:00 · 从空文件夹到第一版:完整慢演示

「刚才不是一句话变魔法,而是一个完整循环:说需求 → 看方案 → 人确认 → 出网页 → 本地打开 → 对照验收 → 只改一处。

网页不是生成完就结束。能打开只是第一关;看过、改过、验过,才接近交付。」

「等下只记三个动作:先要方案,问完再放行;本地打开,确认它真的存在;一次只改最重要的一处。

第一目标很小:让网页出现。不要还没出生,就开始担心它够不够漂亮。」

11:00–11:30 · 轮到你:让第一页出现

〔廖老师〕「现在轮到你。按刚才的顺序:选择说明书里的必要信息 → 说清目标与边界 → 让 AI 复述并列方案 → 跑开工前三问 → 由你确认 → 先做第一屏。

第一版只做昵称主页:昵称、一句话介绍、三个兴趣或想做的作品。不要放真实姓名、具体学校、电话、住址或社交账号。

先别加功能。让 `index.html` 在浏览器里打开,就是这一格的胜利。」

11:30–12:00 · 上午胜利:第一次亲手改对

〔廖老师〕「网页已经出现。现在别说‘不好看’,因为 AI 不知道你看的是哪一处。

截一张图,圈出具体位置,再按四个反馈要素说:

『顶部标题太挤(问题);请把上下留白加大(目标);其他板块不要动(边界);改完给我新截图并说明改了哪条样式(验收)。』」

〔廖老师〕「上午最后一个动作:每个人只挑一处最影响阅读的问题,把它改对,并保留前后截图。

不要靠连续重做碰运气。你指出哪里、它只改哪里;你拿截图验收。一次只改一件事,才知道哪句话真的有效。

13:30–14:00 · 从“有一页”到“讲得通”

〔廖老师〕「上午我们证明了网页能出现。下午要解决另一个问题:有页面,不等于内容讲得通。

已通过初版的同学,一块一块补完整;还在救援清单里的同学,先用最小模板跑通,再走同样的迭代。

不要一句话同时加五个功能。先补‘兴趣介绍’,打开看;再补‘想做的作品’,刷新看。做一块、看一块、验一块。

14:00–14:30 · 好看不是堆效果,是让信息更清楚

〔廖老师〕「设计先别追‘炫’,先让人一眼看懂。三条就够:

少颜色:控制在两三种,让重点自己跳出来;

有留白:板块之间能喘气,阅读顺序才清楚;

做对齐:同一层级站在同一条线上,页面自然稳定。

还可以截取老师提供的 `课堂物料/Day4/03-课程自制设计参考页.html`,告诉 Agent:『只参考它的留白、配色和信息层级,不复制文字、图片或品牌标识。』

记住:参考是提取规律,不是照抄成品。

14:30–15:00 · 从“看起来可以”到“证明确实完成”

〔廖老师〕「现在停止美化。网页出来只是‘出生’,验收通过才叫‘完成’。

接下来不说‘我觉得差不多’,只看证据。先自己查,再请同桌按同一张清单复核。」

〔廖老师〕「今天通过验收的同学,已经从空文件夹走到了一个本地可打开、可复核的网站。暂时没通过的同学,也已经把问题从‘不知道哪里不对’缩成了唯一待修项,老师会按救援清单陪你补齐。

先让它安全地留在本地。下一次课,也就是 日期待确认,我们学习打包、隐私复核、发布、验收和撤回。只有选择公开、已有授权并通过复核的作品,才可能上网。」

15:00–15:30 · 关掉编辑器,留下交付证据

〔廖老师〕「今天你没有突然变成程序员,也不需要假装变成程序员。你做的是更完整的一件事:把一句需求变成方案,把方案变成网页,再用证据把网页验到可交付。

工具可以换。留下来的,是这条链:说清需求、审清方案、小步执行、现场验收、精准纠偏。

〔廖老师〕「今天作业只修验收卡上最高优先级的一项,保存修改前、反馈和修改后三份证据。不要加大功能。」

〔廖老师〕「下一次课的问题更接近现实:一个本地作品,怎样在隐私、安全和授权都过关以后变得可访问?如果上线后发现问题,又怎样撤回?

今晚先把本地版守住。日期待确认见。」