4.做一个”我的作品集”网站

很好！你已经会基础网页了。

下一个任务：做一个”我的作品集”网站

把前面三个作品整合起来，加上导航栏，最后部署到网上，别人也能访问！

---

今天任务：个人作品集主页（15分钟）

第 1 步：整理文件

把桌面上的三个文件放到一个文件夹里：

1. 在桌面右键 → 新建文件夹 → 命名为 my-website
2. 把 index.html、hello-name.html、calculator.html 都拖进去

第 2 步：新建主页

Trae 里点 「文件」→「新建文件」

第 3 步：发需求给 AI

按 Ctrl + L，复制粘贴：

plain

我是初学者，已经做了3个网页，放在同一个文件夹里：
1. index.html（Hello World红色按钮页面）
2. hello-name.html（输入名字弹出欢迎语的页面）
3. calculator.html（计算器页面）

现在请你帮我做一个"首页"（home.html），要求：
1. 顶部有导航栏，可以跳转到上面3个页面
2. 中间写"欢迎来到我的AI学习作品集"，加上我的介绍
3. 下面展示3个作品的卡片，每个卡片有标题、简介、点击跳转按钮
4. 风格现代简约，深色背景
5. 给我完整代码，直接能运行
6. 每行代码后面用中文注释

第 4 步：应用并保存

• 点 「应用」
• 按 Ctrl + S，文件名 home.html，保存到 my-website 文件夹

第 5 步：测试

1. 打开 my-website 文件夹
2. 双击 home.html
3. 测试导航栏能不能跳到其他3个页面

---

完成后告诉我

• ✅ 主页能正常显示，能跳转 → 下一篇文章教你部署到网上