AI CODING · FIRST WEBSITE

AI 编程入门
先写出，再看懂，再发布

不要求背语法，也不让 AI 黑箱式完成。通过一个真实单页网站，学会描述需求、运行代码、小步修改、读取错误和安全上线。

index.html<h1>我的第一个网页</h1>浏览器可打开 · 手机可阅读 · 修改可回退 · 发布可验证

第一步：看懂 HTML、CSS 和 JavaScript

用一张网页理解结构、样式和交互，不背语法也能知道 AI 改动了什么。

用目标、内容、版块、风格和限制写提示词，得到可以直接打开的单文件网页。

建立“备份—修改一处—刷新—检查”的节奏，避免一句提示词破坏整个页面。

用错误现象、复现步骤和控制台信息定位问题，而不是反复要求 AI“再修一下”。

发布前检查内容、链接和隐私，再用静态托管上线并保留可回退版本。

编程底线

第一次练习只做静态网页；不放密钥，不连接付款或生产数据库，不执行删除文件和修改系统设置的命令。

完整学习地图

第一次学习建议按顺序进行；已有明确任务，也可以直接进入对应栏目。

栏目完成标准完成 3 项成果核对后记入进度

浏览器能打开自己保存的 index.html能小步修改并读懂常见错误发布前检查过密钥、链接和移动端显示