# HTML 练习作业：构建博客原型 ## 学习目标 通过设计和编码一个完整的博客主页结构，应用您的 HTML 知识。这个实践作业将强化语义 HTML 概念、无障碍最佳实践以及专业代码组织技能，这些技能将在您的整个网页开发旅程中使用。 **完成此作业后，您将能够：** - 练习在编码前规划网站布局 - 适当地应用语义 HTML 元素 - 创建可访问的、结构良好的标记 - 培养带有注释和组织的专业编码习惯 ## 项目要求 ### 第 1 部分：设计规划（视觉原型） **创建您的博客主页的视觉原型，包括：** - 带有网站标题和导航的页眉 - 具有至少 2-3 篇博客文章预览的主内容区 - 包含附加信息的侧边栏（关于部分、最近帖子、分类） - 带有联系信息或链接的页脚 **原型创建选项：** - **手绘草图**：使用纸和铅笔，然后拍照或扫描您的设计 - **数字工具**：Figma、Adobe XD、Canva、PowerPoint 或任何绘图应用 - **线框工具**：Balsamiq、MockFlow 或类似的线框软件 **在您的原型部分标注您计划使用的 HTML 元素**（例如，“页眉 - `
`”、“博客文章 - `
`”）。 ### 第 2 部分：HTML 元素规划 **创建一个列表，将您的原型的每个部分映射到特定的 HTML 元素：** ``` Example: - Site Header →
- Main Navigation →