第10课：让AI写结构
进度 0/30
🧞
让AI写结构
当AI的建筑助理
📖知识引入
📋先画需求清单
动手前先想清楚网页要有哪些「房间」：顶部导航放什么、中间几个板块、底部页脚放什么。写在纸上，就是你的「建筑图纸」。
🗣️提示词四件套
做什么+有哪些部分+每部分放什么+什么风格。四件套说全，AI一次出好稿；只说「做个网站」，AI只能瞎猜。
🔍验收AI代码
拿到代码别急着用：结构对不对？标签配对了吗？该有的房间都有吗？你是验收工程师，AI只是施工队。
🔁迭代不重写
要改就说「把导航加一项『相册』」「页脚加版权信息」，AI会在原代码上精准修改——像装修不拆楼，省时省力。
💡先想后问
先在纸上画个草图再问AI，改的次数能少一大半。想清楚的人，连AI都夸是「好甲方」！
💡
你是建筑师，AI是施工队：图纸画得越清，房子盖得越好！
🔍一次完整的结构委托
<body>
<nav>
<a href="#">首页</a>
<a href="#">作品</a>
<a href="#">相册</a>
<a href="#">关于我</a>
</nav>
<h1>我是小明</h1>
<p>一个爱编程和画画的初中生</p>
<h2>我的爱好</h2>
<p>编程、画画、观察猫咪</p>
<h2>我的宠物</h2>
<p>橘猫年糕，2岁，爱睡键盘</p>
<h2>我的目标</h2>
<p>做出一个让全班都惊呆的网站</p>
<footer>© 2026 小明</footer>
</body>实战！让AI帮你搭一个主页结构：
📝 你的提示词（四件套）： 「帮我写一个个人主页的HTML结构。 要有：①顶部导航（首页/作品/关于我） ②大标题+一句话介绍 ③三个板块：爱好、宠物、目标 ④底部版权信息。风格简洁。」
✅ AI交付（右边代码）： 结构完整、标签规范。
🔁 第一轮迭代： 你：「导航里再加一项『相册』」 AI：改好，只动了导航那几行。
🔁 第二轮迭代： 你：「底部再加一句联系方式占位」 AI：搞定。
看！不用自己写一行代码， 两轮对话就拿到满意结构。 但你得看得懂它写的对不对—— 这就是前面9课的意义！
🎯小测验
第1题：向AI提结构需求时，下面哪种说法效果最好？
第2题：拿到AI写的结构代码后，你的角色是？
第3题：想让AI小改一处，最好的做法是？
📝本课知识点
- ✓动手前先画结构草图
- ✓提示词四件套：做什么+部分+内容+风格
- ✓AI是施工队，你是验收工程师
- ✓迭代修改比推倒重写高效
- ✓想得越清楚，改的次数越少
第10课完成！继续探索下一课吧 🚀