第 1 天
创建第一个个人造物名片网页
今天只做一个无需数据库的单页网页。目标不是炫技,而是亲眼完成“说明需求、确认计划、生成文件、运行检查”的第一轮闭环。
- 建议时间
- 45-60 分钟
- 完成标志
- 可运行页面 + 文件说明 + 截图
完成前,你应该得到什么
一个包含昵称、真实问题、准备做的项目和一个按钮的网页。你能按 Codex 给出的步骤打开它,也能说出它创建了哪些文件。
一、先准备四项真实内容
这些输入只停留在当前页面,不会上传或保存。填写后再把内容手动替换进工作说明书。
二、发送第一份工作说明书
不要只说“帮我做个网站”。把背景、边界、完成标准和测试方法一起交给 Codex。
工作说明书
背景:
我是零基础学习者,正在完成 7 天 Codex 起步营。当前项目文件夹用于制作一个最简单的个人造物名片网页。
本次目标:
创建一个无需数据库、可以在本地打开的单页网页。
页面内容:
1. 我的昵称:[填写昵称]
2. 我观察到的真实问题:[填写问题]
3. 我准备做的小项目:[填写项目]
4. 一个按钮,文字为“查看我的第 16 个案例”
允许修改:
当前项目文件夹中的网页文件。
禁止修改:
项目文件夹以外的任何文件;不要安装不必要的依赖;不要接入数据库、登录、支付或外部服务。
完成标准:
页面可以在本地打开;文字完整;按钮可以点击;手机宽度不出现横向滚动。
测试方法:
告诉我准确的打开或启动步骤,并逐项检查文字、按钮和手机显示。
执行方式:
先给出简短计划和准备创建的文件清单,等待我确认后再修改文件。三、先确认计划,再允许修改
Codex 应该先列出准备创建的文件和简短步骤。确认它没有提出数据库、账号系统、复杂框架或项目外修改后,再回复:
确认执行
计划和文件范围符合要求。请按这个计划执行。完成后告诉我修改了哪些文件,以及准确的本地查看步骤。不要增加计划之外的功能。四、真实打开并检查页面
按照 Codex 返回的步骤打开页面。不同实现的启动方式可能不同,所以不要凭课程猜命令,也不要只看 Codex 的文字回复。
完成后检查
请先不要继续增加功能。
请检查刚才完成的页面,并回答:
1. 你创建或修改了哪些文件?
2. 每个文件负责什么?
3. 我应该怎样在本地打开或启动页面?
4. 请按照完成标准逐项测试。
5. 如果有未通过项,请只提出最小修改方案,不要重写整个项目。五、卡住时使用备用起步包
如果 Codex 没有成功创建文件,可以下载这个纯 HTML 起步包。它没有数据库和构建工具,解压后直接打开 index.html 即可。备用包只用来继续练习,不替代你记录问题和报错。
可运行页面 + 文件说明 + 截图
截图里要能看见完整页面。另存一份文字记录,写清本人提供了什么判断,Codex 创建了什么文件。
进入第 2 天