创建一个网页

这节课你会...

打开右侧的 Playground，亲自体验从一句话到一个网页的全过程。

---

选一个题目开始

三个题目，选一个最有感觉的：

A. 个人名片页 做一个展示自己的页面：名字、简介、联系方式、一张头像。

B. 倒计时页面 显示距离某个日期还剩多少天/时/分/秒，比如"距离 2026 年春节还有 XX 天"。

C. 颜色展示板 展示 6 个你喜欢的颜色，每个显示色值和名字，点击可以复制色值到剪贴板。

---

没有"一次成功"这回事

打开 Playground，输入你选好的题目描述。等你收到第一版代码，大概率是这种感觉：

"emmm...跟我想的不太一样"

太正常了。所有人第一版都是这样。这不是你的问题，也不是 AI 的问题。是描述和实现之间天然存在的距离。

---

迭代清单

不满意的话，按这个清单逐条改：

改布局："标题居左不好看，改成居中" 改尺寸："卡片太小了，宽度改成 320px" 改颜色："背景太白了，换成浅灰色 #f5f5f5" 改间距："元素之间太挤了，间距加大一点" 加内容："在名字下面加一行座右铭" 去内容："底部的版权声明不需要，去掉"

每条只说一个改动。每改完一条，看效果，满意了再改下一条。