1 | 你当前博客的整体学习架构（Information Architecture）

亮点：导航清晰、一页式搜索、多端自适应；与《个人博客 ↔ Web 前端技术》功能→技能映射中 A1「导航菜单/信息架构」与 A2「首页卡片布局」完全对应。

2 | 内容现状对照 Project 1 SMART

待补齐

1. 再发布 ≥1 篇 500 字以上的教学日志，建议聚焦「导航/布局拆解」或「学生作品墙设计」。
2. 学生作品专区目前为空，可先上传一份示例卡片（如课堂代码截图或作品链接），满足“作品墙”可见原则。

3 | 与后续 Project 2 & 3 的衔接

\*周次参考《12 周教学方案》; 讲授–实践–评估闭环已在方案中划好节奏。

4 | 下一步优化清单（技术 × 教学双视角）

1. 内容

   • 补写第 3 篇日志 → 可让学生先读后留言，形成互动。
   • 在「学生作品」新增占位示例，并附“提交规范”Markdown，让学生知道交付格式。

2. 可用性 & 度量

   • 用 Lighthouse 跑一次基准分；目标≥80（Pro 1 Measurable）。（免费用户，功能受限，因此性能得分没有达到80）

   首页.html

   • 检查移动端菜单点击区、alt 文本等基础 a11y 项。

3. 教学映射文档

   • 依据上表制作Feature→Skill 对照表，贴在 Notion「学习资源」页，方便课上调用。
   • 在 GitHub 或 Notion 创建“迭代日志”，让学生看到教师也在持续改进。

4. 评估闭环

   • 每发布/改版一次，用「学习日志」记录：目标→操作→收获→待改进，示范 Project Management 思维。