静态网页项目：个人简历网站

项目简介

目标：创建一个个人简历网站，展示个人信息、技能、项目经验等，适用于求职或作品展示。

功能：

• 个人简介

• 技能列表

• 教育 & 工作经历

• 项目展示

• 联系方式

• 响应式布局（适配 PC & 移动端）

技术栈

✅ HTML：网页结构

✅ CSS（Flexbox/Grid）：布局 & 样式

✅ FontAwesome：图标库（如社交媒体图标）

✅ Google Fonts：美化字体

✅ CSS 动画：增强交互体验

任务拆解

✅ 任务 1：搭建 HTML 页面结构

✅ 任务 2：使用 CSS 美化页面

✅ 任务 3：添加个人信息、技能、经历等内容

✅ 任务 4：优化排版 & 适配移动端

✅ 任务 5：添加 CSS 过渡效果，让页面更美观

课后挑战

✅ 挑战 1：为每个项目添加图片和更多详情

✅ 挑战 2：使用 Flexbox 或 Grid 重新布局

✅ 挑战 3：添加“下载 PDF 简历”按钮

✅ 挑战 4：制作夜间模式，使用 JavaScript 切换 dark mode

总结

✅ 通过本项目掌握 HTML + CSS 基础

✅ 学习 Flexbox/Grid 布局

✅ 掌握 CSS 动画 & 过渡效果

✅ 使用 @media 适配移动端

📌 下一步：将静态简历升级为动态页面，加入 JavaScript 交互！