第22课：自我介绍页
进度 0/30
🙋
自我介绍页
项目二：让全世界认识你
📖知识引入
🙋立体电子名片
头像、姓名、年龄、爱好、梦想……把这些做成一个页面，比纸质名片酷100倍——能看能听还能点！
📰版式决定气质
大头像居中是「自信型」、文字环绕是「杂志型」、时间线是「故事型」。同一个人，三种版式，三种味道。
🌈让颜色替你说话
活泼的人用暖色（橙黄）、安静的人用冷色（蓝绿）、神秘的人用紫色。你的性格，让配色代劳表达。
📅时间线讲故事
「2014年出生→2024年第一次写代码→2026年做出第一个网站」，一条竖线串起你的高光时刻，超有故事感！
🤖让AI采访你
让AI先问你10个问题（爱好？座右铭？最骄傲的事？），再根据回答生成介绍页——它比你更会「吹」你自己！
💡
自我介绍页=立体名片：让文字、颜色、图片一起替你说话！
🔍AI小记者采访实录
<h2>我的故事线</h2>
<ul class="timeline">
<li>
<span class="year">2014</span>
<p>我出生啦！</p>
</li>
<li>
<span class="year">2024</span>
<p>第一次写出代码</p>
</li>
<li>
<span class="year">2026</span>
<p>做出自己的第一个网站</p>
</li>
</ul>
<style>
.timeline {
border-left: 3px solid #f59e0b;
padding-left: 24px;
list-style: none;
}
.year {
color: #f59e0b;
font-weight: bold;
}
</style>让AI采访你，再做介绍页：
🤖 AI：你的三个爱好是？ 你：编程、画画、养猫
🤖 AI：最骄傲的一件事？ 你：数学竞赛得了三等奖
🤖 AI：你的梦想是？ 你：做出自己的游戏
🤖 AI：选个风格： 你：温暖活泼
（AI生成了右边的时间线页面）
📜 时间线效果预览：
●── 2014 我出生啦 │ ●── 2020 养了橘猫年糕 │ ●── 2024 第一次写出代码 │ ●── 2026 做出自己的网站 │ ○── 未来 做出我的游戏
时间线是讲故事的神器： 一条线，串起整个人生高光！
🎯小测验
第1题：自我介绍页里「讲人生故事」最好用的排版是？
第2题：性格活泼开朗的人，介绍页配色首选？
第3题：「让AI采访你再做介绍页」的好处是？
📝本课知识点
- ✓介绍页=会说话的立体名片
- ✓版式决定气质：居中/环绕/时间线
- ✓配色替你表达性格
- ✓时间线串起人生高光
- ✓让AI采访你，内容更精彩
第22课完成！继续探索下一课吧 🚀