AIGuide1. 安装登录
从官方入口安装适合系统的 ChatGPT，并使用自己的账号登录。
中文教程 · 独立阅读版
ChatGPT · Codex桌面端用 ChatGPT 桌面版，创建第一个本地网页
用一份完整需求单，创建无需安装依赖、能在本地打开的个人主页。
进入互动版，练习并保存成果本篇目录
开始前准备 · 设备、账号与费用
- 使用设备
- 电脑和 ChatGPT 官方桌面应用，进入其中的 Codex；手机可阅读，不能代替电脑文件操作。
- 账号与访问
- 能访问官方服务、完成登录，并在应用中使用 Codex。网络可达不等于账号或所在地区已获支持。
- 费用与安装
- 本站材料免费。本课无需 API Key；Codex 的额度、支持系统与付费条件请在官网和账号内核对。
- 练习成果
- index.html、README.md，以及你填写的创建、修改和验收记录。
核对范围：本次 Codex 会话已生成实际网页并检查导航、键盘与三种宽度；可下载前后文件。安装、登录、选目录仍为官方中文说明，尚未补桌面操作实拍。
1. 安装 ChatGPT，选好练习目录
本课使用 ChatGPT 桌面应用里的 Codex；官网打不开时先做网络准备。以下两图为官方中文说明，桌面按钮实拍待补。
2. 选择目录
新建空目录 AIGuide-practice/personal-page，在应用中打开它。
不要修改文件。只报告当前完整工作目录和已有文件。系统、权限与云端区别
Windows 按原生桌面流程使用，本课不要求先安装 WSL。保留应用原有审批与沙盒设置，涉及文件或命令时阅读用途。
本课做的是电脑上的本地网页；云端任务需另外配置仓库。系统支持和账号权益以官方当前说明为准。
2. 先看要做出什么
这是本次 Codex 会话按需求生成的实际网页，可打开或下载对照；不代表已实拍桌面安装和登录。
1. 先看成品
打开示例网页，认识简介、三个项目与联系说明的位置。
完整要求在哪里
完整需求单可下载；下一节“复制完整内容”已经包含全部材料。无需重复粘贴两次。
3. 把完整任务交给 Codex
复制完整任务，发到刚才的 Codex 会话。先读它给出的计划，再检查生成文件。
- personal-page/
你的练习使用自己的目录
- index.html
双击用浏览器打开的网页
- README.md
记录打开方式和已做检查
创建中文个人主页：简介、三个项目、联系说明。 只生成 index.html 与 README.md，不安装依赖。 完整内容包含虚构资料与验收要求。
展开完整内容
请在当前练习目录中完成这份需求。
先检查目录，说明计划与文件范围，再开始创建。若已有同名文件，先说明内容，保留原文件。
只生成index.html和README.md：样式写在HTML中，无构建步骤，无需npm或其他依赖。
完成后给出两个文件的位置和双击HTML的打开方式；只报告实际完成的检查。
个人主页需求单（虚构练习信息）
名字：林同学
简介：正在学习用AI整理资料、改进日常工作和制作小网页。
项目一：读书清单｜给想读的书做分类与简短笔记。
项目二：活动计划｜把活动准备事项整理成可核对的清单。
项目三：学习手记｜记录每周学会的一项小技能。
联系说明：练习页面，暂不提供真实联系方式。
页面要求：简介、三个项目、联系说明三个部分；中文界面；导航跳到对应板块。
实现要求：只创建index.html和README.md，样式写在HTML中，不安装依赖，不请求外部图片、字体或接口。
验收：双击index.html可打开；320px和1440px宽度内容完整；Tab可聚焦链接；刷新正常。
边界：本地练习，不添加登录、支付、表单或公开部署。4. 打开实际文件，核对三个板块
1. 打开并点导航
用浏览器打开实际 index.html，依次点击“简介、项目、联系”。
出现源码、空白或依赖提示
先显示文件扩展名，确认文件不是 .txt；核对打开位置与生成路径。若要求安装依赖，让 Codex 按需求恢复为单文件静态页面。
出现命令请求，该怎么办？
先阅读命令用途。本练习无需安装第三方依赖；如果工具提出安装，请它解释当前静态页面为什么需要，再对照需求调整。
页面能打开，算已经上线了吗？
这里只完成本地作品。公开访问需要另外选择部署服务、核对发布内容与域名。
能直接拿参考作品当成我的结果吗？
参考作品用于理解目标。实操应在自己的练习目录完成生成、修改和核对，保存实际检查记录。
5. 保存创建记录，继续修改
网页文件保存在电脑目录；下方只保存创建记录。下一课沿用相同目录，继续添加标签。
遇到问题，找到下一步
装好了，但登录或 Codex 入口不可用
- 先检查应用是否来自官方安装入口，并核对当前版本和支持系统。
- 按实际账号页面核对 Codex 入口、地区、组织策略与使用额度。安装成功不等于服务已经可用。
- 先阅读需求单和参考作品；条件不足时可改学豆包网页路线，不必购买额外服务来完成本站阅读。
不知道文件夹在哪里，或选错了目录
- 在电脑“文档”里新建 AIGuide-practice，再在其中新建 personal-page。
- 通过应用的打开文件夹入口选择 personal-page，在任务中请它仅报告当前目录。
- 核对返回的完整路径。如果出现旧项目文件，停止本次生成，重新选择自己的空目录。
先不要修改任何文件。请报告这次任务的完整工作目录，并列出其中现有文件，让我确认是否为 personal-page 练习目录。回到相关步骤
只看到聊天代码，没有实际 HTML 文件
- 在电脑文件管理器中打开刚才核对的路径，检查是否确实有 index.html 和 README.md。
- 若没有，向 Codex 说明你需要它在当前目录写入实际文件。
- 请它报告创建后的完整路径；再到文件管理器核对，不能只看“完成了”的回复。
我在练习目录没有找到文件。请核对当前工作目录，在本课要求的独立目录中实际创建 index.html 和 README.md，不只把代码贴在聊天里。完成后列出实际文件的完整路径；已有同名文件先说明，不覆盖。回到相关步骤
页面显示源码、空白或要求安装依赖
- 先显示文件扩展名，确认文件是 index.html，而不是 index.html.txt。通过“打开方式”选择浏览器。
- 核对浏览器打开的路径和 Codex 修改的路径一致。
- 本课交付应可双击打开；将具体表现告诉 Codex，让它检查 HTML 内容、文件路径和外部依赖，再重新打开。
本课要求双击 index.html 即可打开，无需安装依赖。当前实际表现是：[填入你看到的情况]。请检查当前文件并修复，只修改本次练习文件，说明原因与实际检查结果。回到相关步骤
练习与核对
- 在独立目录中创建页面
- 实际打开页面并检查内容和链接
- 检查手机宽度，并记录发现的问题或实际结果
按实际操作自查，完成标记与成果草稿请在互动版保存。
打开练习与核对带走这一点
让 Agent 生成代码是开始，在真实页面中检查结果才是完成。
资料与核对记录
关键步骤有官方依据桌面入口有官方资料依据；2026-09-16 本站 Codex 会话已生成真实网页文件，并核对导航、键盘和三个宽度。
桌面安装、重新登录与选目录操作尚未实拍。网页通过 localhost 验收，未验证原生双击 file://、真实手机与文字放大。
查看来源与日期
- ChatGPT 桌面应用：安装名称与 Codex 入口
已核对资料 · 获取：2026年9月15日 · 来源更新：未披露
确认安装的软件名为 ChatGPT；应用内仍有 Codex 编程入口。
- ChatGPT Windows 桌面应用官方说明
已核对资料 · 获取：2026年9月15日 · 来源更新：未披露
确认 Windows 安装名称及原生 Codex/PowerShell 环境；本课不以 WSL 为先决条件。