纯念稿。带「」的就是你要说的原话,段与段之间自然停顿。灰底小标题只是场景锚点,不用念。
「早上好,第四天。今天,画风要变了。
前三天,咱们一行代码没写,光练『指挥 AI』——五件套、上下文、纠偏、把关、说明书。这三天的内功,今天开始派上大用场。
因为今天,你要亲手做出你的第一个网站。 一个真的能在浏览器里打开、有模有样的网站。」
「先把丑话和定心丸都说前头——
第一,不用你写一行代码。 你还是干你这三天练的事:把要什么讲清楚、看效果、不对就纠偏。代码全是 Codex 写,你是创意总监,不是码农。
第二,今天做的东西,你当场就能看见。 Codex 桌面版自己带了个浏览器,它做完,你立马能在屏幕上看到网站长啥样——不用懂任何技术、不用『部署』那些词。
第三,做不好太正常。 第一版丑、不对劲,全正常——你不是有纠偏四句吗?跟它聊、把它掰到你满意。
今天的目标就一个:每个人,屏幕上都出现一个属于自己的网页。 好不好看,咱们慢慢调。」
「你可能以为做网站要学一堆新东西——不用。你这三天练的,今天原封不动地用。
以前你让 AI『整理个表格』,今天你让它『做个网页』——对它来说,都是一句需求而已。 你还是用五件套说清楚:我要个什么网站(要什么)、放哪些内容(材料)、给谁看、什么风格(规则)、做成啥样算好(验收)。
区别只是——这次它交给你的,不是一段文字,是一个能打开的网页。」
「这里教你 Codex 一个特别好用的功能,叫『计划模式』。
还记得纠偏四句第一句吗——『先别动手,先告诉我你打算怎么做』?Codex 直接把这句话做成了一个开关。你打开计划模式,它不会上来就闷头做,而是先列一份『我打算怎么做』的计划给你看,你点头了,它才动手。
这对咱们太重要了——尤其做大一点的东西,让它先说计划,你在它动手前就能拦住跑偏,省得它吭哧吭哧做一大堆再返工。
所以今天起记住:做正经东西,先开计划模式,看方案,再放行。」
「看清这个循环没有——说需求 → 看计划 → 出网页 → 看效果 → 不对就纠 → 再看。 转着圈来,越转越接近你要的样子。这就是今天你要干的全部。」
「记住三个动作就够了:开计划模式、看了再放行、不对就用纠偏四句调。 其他的,交给 Codex。
等下你们自己上手,第一个目标很简单——先让你的网页『出现』。 丑没关系,先出来。」
〔廖老师〕「现在轮到你。照着刚才的循环——开计划模式 → 喂说明书 → 用五件套说清你要啥 → 看计划放行 → 让它出来。
第一版做什么?最简单的:你的个人主页——你的名字、一句话介绍你自己、你会做/想做的几件事、一个联系方式。内容你现编都行。
目标就一个:让网页先出现在你屏幕上。 丑不丑,等下再说。」
〔廖老师〕「网页出来了,但肯定有不满意的地方——标题太小、颜色难看、这块想挪一下。怎么改?两个办法——
办法一,直接说:跟 Codex 讲『顶部太挤了,加点留白;标题换个更醒目的颜色』——这就是你的纠偏四句,用在网页上。
办法二,更爽的——评论模式:Codex 桌面版有个『评论模式』,打开它,你鼠标移到网页哪块、点一下,就能直接在那儿写『这里改成 XX』,还能即时看到变化。哪儿不爽点哪儿,比打字还直观。」
〔廖老师〕「不满意别自己干瞪眼,告诉它『这里不对,改成这样』——这就是你前三天天天练的纠偏,现在用在你自己的网站上。多调几轮,你会越来越接近你想要的样子。」
〔廖老师〕「上午每个人都有网页了。下午把它做得更完整——
别想着一句话让它全做完,一块一块加。 比如:先加个『关于我』,看一眼;再加个『我的作品/兴趣』,看一眼;再加个导航条,看一眼。做一块、看一块,这就是高手干活的方式,也最不容易乱。」
〔廖老师〕「想让网页好看,记三条最朴素的就够,不用学设计——
一,别太花:颜色别超过两三种,乱了就丑。
二,留白:东西别挤成一团,留点空,立刻高级。
三,对齐:该左对齐的都左对齐,整齐就舒服。
还有个偷懒又高效的大招——找参考。 你上网找个你觉得好看的网站,截图或贴链接给 Codex:『照着这个风格,改我的网站』。它会模仿那个调性。审美不够,参考来凑。」
〔廖老师〕「看见没有——就一个上午加半个下午,你们每个人都从零做出了一个网站。 三天前你们可能觉得这是程序员才会的事,现在你自己做出来了。
但现在它还只在你自己电脑上。明天,我们干一件更带劲的事——让它『上线』,变成一个全世界都能打开的网址。」
〔廖老师〕「今天你跨了一大步——从『会指挥 AI』,到『真做出了东西』。 而且你发现没有,做网站用的还是你那三天练的本事:说清需求、看计划、纠偏、把关。工具是 Codex,方法是你的。」
〔廖老师〕「今天作业——把你的网页继续完善一点(内容补全、再调调好看),明天我们要拿它来上线。再记一句今天卡你的地方。
明天见证奇迹:你的网站会从『只有你能看』,变成『发给任何人、他点开就能看见』。这种感觉,特别爽。明天见!」