零基础用 Codex 做个人网页，能做到哪一步？一次案例实测
从 Lin 网页的初稿、一次修改和三种宽度检查，看清这次做到了什么，以及还不能下哪些结论。
根据真实产物判断任务完成程度，并为自己的第一次尝试设定检查标准。
本篇目录
01先看结论：做出了网页，但不是全部要求都已验证
这次得到了一份包含昵称、简介、兴趣和作品的 HTML/CSS 网页，并完成了一次字号与间距调整。在本地 HTTP 预览中，1280、390、320 像素宽度均没有横向溢出。但原始需求中的“直接打开 index.html”没有通过 file:// 验证，因此不能宣布所有要求都通过。
标题中的“零基础”是我们关注的读者和问题，不是本次参与者身份。本次由已有上下文的 Codex 会话执行，没有独立新手参与；它证明这一次产物可以做出来，不证明新手普遍能一次成功。
02这次给了什么任务，留下了哪些证据
任务使用虚构人物 Lin，要求温暖浅色的个人介绍页，包含摄影、徒步、阅读和“城市散步笔记”。限定使用 HTML/CSS，不依赖外部字体、图片或服务，不加入登录和付费功能。
- 环境与样本
- 2026-10-02，本地 macOS 工作区、Codex 内置浏览器；一个任务、一次初稿和一次预先写好的修改。
- 没有记录的条件
- 应用版本、精确模型标识、推理设置、Token 用量和费用。没有重复试验。
原任务只要求本地制作，当时没有部署。后来随教程网站公开了示例，公开展示不计入原始演示的完成指标。
03初稿做到了什么，修改又改变了什么
初稿由 index.html 和 style.css 两个文件构成，已经包含四项指定内容。装饰由 CSS 绘制，作品正文使用原生折叠区域。保留的初稿可以直接对照检查。
随后按教程预先设计的反馈，放大简介并增加兴趣区域上方间距。这不是新手试用发现的缺陷，也不是修复任务失败所需的重试。
桌面简介 17px → 20px，手机简介 16px → 18px；兴趣区域上方间距 26px → 38px。前后 HTML 相同，修改发生在 CSS。可以确认改动范围符合反馈，但没有读者测试证明可读性提升多少。
04逐项验收：通过与未验证分开写
| 检查项 | 本次结果 | 边界 |
|---|---|---|
| 指定内容 | 昵称、简介、三项兴趣、作品齐全 | 使用虚构内容 |
| 响应式显示 | 1280 / 390 / 320px 无横向溢出 | 浏览器视口模拟，不是真机测试 |
| 作品交互 | 折叠区域可展开与收起 | 未验证复杂业务功能 |
| 修改范围 | 字号和间距调整，HTML 不变 | 反馈为预先设计的教学示范 |
| 外部依赖 | 源码未引用外部字体、图片、脚本或服务 | 本次简单静态页面 |
| 双击文件打开 | 未验证 | 自动化浏览器策略不允许 file://；不等于功能失败 |
| 跨浏览器与真机 | 未验证 | 不能据此保证所有设备表现 |
本次能确认的是“本地 HTTP 预览可用”。需求中仍有未完成的验证，不能用整体成功率或满分概括。
05时间与成本：哪些数字可以引用
记录窗口为北京时间 16:20:42—16:22:23，共 101 秒，覆盖读取练习任务到修改检查和打包结束这一段。它包含工具往返、浏览器检查与截图，不包括后续文章编辑和网站部署，也不是纯模型生成耗时。
这段时间可以描述本次记录窗口，不能写成“零基础 101 秒做完网站”。独立新手的安装、登录、理解需求与验收时间没有测量。费用、Token 用量未获取；没有手工修改代码的记录，也不能据此推算总代价为零。
06对第一次尝试的人，实际意味着什么
这份案例说明：当任务只涉及一页静态内容，材料、限制和检查标准都说清楚时，Codex 能在本次条件下交付可查看的网页，并按具体反馈修改。
- 先准备自己的昵称、简介、兴趣和一份作品文字，不从复杂产品开始。
- 明确不需要的外部服务，以及“怎样才算完成”，例如手机宽度无横向滚动。
- 拿到文件后亲自预览，逐项核对内容和交互，不能只依据“已完成”的回复。
- 每次提出一条具体修改，再检查要求之外的内容是否保持不变。
它没有测试账号系统、数据库、支付或复杂应用，也没有测试不同模型之间的优劣。那些问题需要另设任务和记录条件。
07打开产物，照着做一次自己的检查
要自己操作，可从第一个个人网页教程开始；要了解如何判断结论，可以阅读测评记录方法。下一轮需要独立新手参与，并补充环境、失败过程和实际投入记录，才能回答“新手通常会在哪里卡住”。
离开这一课之前
勾选状态仅保存在当前浏览器，不会上传或跨设备同步。
内容说明
本文基于 2026-10-02 同一 Codex 会话的本地演示记录整理，属于单次案例分析；不是独立零基础用户实验，也不是模型对比或标准化性能测试。 更新日期：2026-10-02。