学习路径
从零开始，五个阶段完成一个网页从需求、制作、排错、上线到再次修改的完整过程。
这条路径改编自一套真实的10节教学执行指南（2026-09-08 核对，Mac + Claude Code 环境，每节60分钟）。它不假设你有编程基础，也不承诺十节课变成程序员——目标是让你独立完成一个小网页，并知道出问题时从哪里开始。
五个阶段
| 阶段 | 你将学会 | 状态 |
|---|---|---|
| ① 提需求 | 把“我想要一个网页”说成 AI 能执行的具体要求 | ✅ 第一课 |
| ② 做页面 | 让 AI 生成页面，学会预览和检查结果 | ✅ 含在第一课 |
| ③ 再修改 | 在已有页面上加新板块，改坏能恢复 | ✅ 改一版实战 |
| ④ 排错 | 出问题时知道从哪里开始，一次验证一个改动 | ✅ 排错速查 |
| ⑤ 上线 | 本地静态预览、局域网分享、发布到公网（已实测，这个站就是这么上线的） | ✅ 上线准备与分享 |
这套课怎么用
- 贯穿案例：一个“班级宠物积分网页”——老师记录学生积分、宠物随积分成长。案例来自真实教学设计，你做完可以换成自己的需求（生词本、个人主页、内容收藏）。
- 每课固定节奏：先复述上次做了什么 → 带着预测看示范 → 自己动手 → 按检查表验收 → 保存作品。
- 验收标准先告诉你：每篇教程都有“成功检查”，做不完不算失败，对照检查表就知道差在哪。
学完想继续？两条支线
- 项目库：六个跟做项目（个人主页、作品集、活动邀请页、报名表单页、倒计时页、简易记账页），每个从一句可直接抄的需求说明开始，做完就是你的作品。
- 概念 101：五个概念讲透「网页是怎么工作的」——前端与后端、数据存在哪、什么是部署、域名与网址、AI 会做错什么。
工具书：提示词手册（怎么把话说清楚）、术语图鉴、反模式图鉴。
开始之前
先完成第一课开头的前置检查（约 20 分钟）：确认 Mac 系统、AI 编程工具可用、有一个固定的项目文件夹。
说明与边界
- 本站教程改编自教师向执行指南，措辞面向自学者；教学方法和备用方案不在站内展开。
- 五个阶段全部有已验证的教程；公网部署以本站 2026-09 上线的真实流程为素材（Cloudflare Pages）。
- 素材改编自原创教学指南（初始版本 2026-09-08），工具版本和界面可能随时间变化，遇到不一致时以官方文档为准。