HTML&CSS网页制作，免费【杨胜强老师-前端系列课程】

这门课解决什么问题、适合谁

你的工作里可能需要自己搭建简单的营销落地页、产品演示页面，或者从零开始学前端做准备。这门课就是为这类场景设计的。学完能独立完成一个结构清晰、排版合理的静态网页——比如公司介绍页、产品展示页这个级别，不是复杂的交互系统，而是能真正上线用的页面。

适合的基础：完全没写过代码也可以。课程从 HTML 最基本的概念讲起，讲的是什么叫标签、怎么用属性、怎么用表格和表单。如果你的工作里经常用电脑，对「标签」「属性」这些概念有基本认知会更快上手，但不是必需。不太适合的情况是：如果你需要学响应式设计、学 JavaScript 交互、或者做现代前端框架的项目，这门课的深度够不了。这是打基础用的，不是为了找前端工作。

学习顺序和具体产出

建议先从 HTML 基础开始——掌握标签怎么写、页面怎么结构化、表格和表单各有什么用。这块内容占课程的四成多，理解透了才能往下接。然后进 CSS 部分，从基础选择器和样式开始，重点是布局——浮动和盒子模型这两块是关键。接着学定位和视觉修饰，比如文本样式、背景图片、列表样式，最后用综合案例把前面的东西拼到一起。

关键是边看边动手。HTML 可以用记事本写，CSS 直接在 HTML 文件里加 style 标签就行——不需要任何专业软件。看完每个小节，自己照着做一遍，改改颜色、改改尺寸，感受标签和样式的实际效果。特别是 CSS 布局的部分，光看视频很难真正理解，必须自己试错。

学到 CSS 布局综合那一节时，试试自己从零开始做一个两三栏的页面——不用很复杂，把前面学过的标签和样式拼组在一起就行。这样能检验自己有没有真正掌握。做完之后回头看，如果布局方式和讲师的思路一致，说明基础扎实了。

资料怎么配合练习

这套课程免费，没有练习题库和作业批改，但正因为如此，自律和反复练习就成了唯一的要求。看视频的时候不要只听，要边看边打开编辑器，把讲师的例子完整地敲一遍——不是复制粘贴，是手工输入。这样能记住标签和语法。遇到不明白的地方，不要跳过，暂停了试着改改参数值，看看效果怎么变化。

建议准备一个文件夹专门放练习页面，每学完一个知识点就做一个小练习，给页面取个有意义的名字，方便之后回顾。如果坚持看完课程、也真的写了十几个小页面，HTML 和 CSS 的基础就扎实了。之后如果还要深入学响应式或 JavaScript，才有必要考虑其他进阶资料。