章节介绍

经过前面对 HTML 骨架和 CSS 样式的系统学习，你已经具备了独立装配网页基础视觉模块的能力。本章我们将从零散的知识点转入整体项目规划。我们将以标准化的文件目录结构为起点，利用更高效灵活的布局手段配合强大的 AI 助手，从零构建出一个包含完整结构体系的优美静态首页，体验工业化标准Web开发的初级全流程。

学习目的

【知识目标】

1. 深入理解现代前端工程开发中的标准化静态文件目录组织规律。
2. 掌握严谨的资源分类与语义化的项目文件命名规范原则。

【能力目标】

1. 能结合第三章的 HTML 骨架知识，高效率实现主视觉页面的逻辑化构建。
2. 掌握在多文件结构中利用 AI 辅助实战开发，快速完成页面整体组装的应用能力。

【素养目标】

1. 养成良好的工程化代码管理习惯，重视团队协作中所需的文件规范基准。
2. 培育从整体到局部、兼顾美感与结构的前端大局观架构意识。