动手前 · 先懂概念
在网页里把 AI 当一个组件用 —— 写 prompt、设计 context、做出能给真人交付的工具。
建议先花 5 分钟到「概念地基」看完这一节的中阶版讲解 —— 你做项目时就不再"照着步骤抄"，而是知道为什么。
→ 看「提示词工程 + 上下文工程」概念地基真代码 · 真工具 · 给真人做的 · 两个项目 · 热爱 × 审美
因为那些工具的"代码"，孩子 13 岁就用不上了。这里教的是真实工程师每天写的HTML + CSS + JavaScript —— 学完，孩子能直接看懂任何网站背后的代码。
把一个网页想成一个真人：
三样都写在一个 .html 文件里，浏览器双击就能打开。这就是孩子第一节代码课的全部门槛。
API 就是"程序之间互相调用的窗口"—— 你的网页通过 API 跟 AI 说话，AI 通过 API 回话。
API key 是"使用某个 API 的门票"—— 一串只有你才有的字符。每次调 API 都要带上它。
DeepSeek 是国产大模型里 API 价格最低的（输入 ¥0.5/百万 token），新人注册送几块钱试用，支持人民币付款，没有翻墙烦恼。中阶版项目 04 就是把 DeepSeek（或本地 Ollama）接进自己写的网页里。
从空白到上线。VS Code、HTML/CSS/JS、GitHub Pages —— 全部免费。让 Qwen 帮看代码，让孩子改设计。做完发给同学，他们能在浏览器里打开。
用 Ollama 在本机跑 Qwen 模型。让自己写的网页通过本地 API 调用 AI。完全免费、不需要 API key、断网也能用。
下一所学院（智能体实验室）要回答：让网页里的 AI 不只是"回答你"，而是"替别人做事"。这一步要谨慎 —— 因为 AI 越能干，越要懂"什么时候该停"。