做静态网站这件事，很多人误以为它已经过时，或者被前端框架完全取代。但在实际工作流中，无论是个人作品集、小型活动落地页，还是企业官网的展示模块，HTML 和 CSS 依然是最基础的构建语言。这套课程并非教你使用复杂的全栈框架，而是聚焦于如何用纯前端技术搭建结构清晰、样式可控的网页。它解决的核心问题是：让你不再依赖网站生成器或重型框架，能够从零开始手动控制页面的布局、色彩与交互细节。对于需要快速产出原型、或者希望深入理解网页渲染原理的职场人而言，这是一门回归本质的技术课。
适合人群与基础门槛
这门课不适合完全没有计算机概念的小白直接上手，但它对编程经验没有硬性要求。你不需要先学 JavaScript，也不需要掌握后端逻辑。但建议你在开始之前，理解什么是“网页”，什么是“浏览器渲染”，以及基本的文件路径概念。如果你之前接触过一点 HTML 标签但不会写 CSS，或者会写但排版混乱，这门课都能提供修正。它特别适合两类人：一是想转行前端但被复杂框架劝退的初学者，先扎实基本功再进阶；二是产品经理、设计师或非技术人员，希望通过掌握静态网页制作，能独立制作演示页面，与开发团队更精准地沟通需求。课程节奏较为平缓，适合利用碎片时间跟随视频一步步敲代码，而不是看个热闹就过去。
学习路径与实战重点
建议的学习顺序非常明确：先攻克 HTML 语义化结构，再进入 CSS 布局与样式修饰。不要一上来就追求炫酷特效，重点在于理解“盒子模型”和“流式布局”。在视频学习中，前几部分关于文档结构、标签嵌套规范的内容，请务必动手敲一遍，因为这是后续所有样式的根基。中间涉及 CSS 选择器、盒模型、Flexbox 和 Grid 布局的章节是核心难点，建议配合资料包中的示例代码，修改参数观察效果，比如改变 margin 和 padding 看布局如何变化。最后的响应式设计部分，要理解媒体查询的逻辑，确保网页在不同屏幕尺寸下依然可读。
学完这套体系，你能够独立完成从空白到成品的静态网站项目。具体能力包括：根据设计稿精准还原页面像素级布局；编写语义化、可访问性良好的 HTML 代码；使用现代 CSS 特性解决复杂布局问题；以及通过媒体查询实现基本的移动端适配。你不需要依赖任何构建工具，只需一个文本编辑器和一个浏览器，就能交付一个可部署的静态站点。资料包中的练习项目虽然不多，但覆盖了基础标签、表单构建、布局算法等关键环节。建议不要只看不练，每看完一个视频模块，就尝试复刻其中的例子，然后故意破坏样式，再修复它，这个过程比单纯看代码更能内化知识。当你能独立搭建一个包含首页、关于页、联系页且风格统一的静态站点时，说明你已经掌握了这项技能的核心，可以开始尝试结合 JavaScript 或转向更现代的前端框架学习。
课程目录
整理中，敬请期待。
