# WEB前端零基础快速入门 —— 从零到能动手，一路有陪伴

写给初学者的一封信

如果你从未接触过网页制作，却又对"前端"二字充满好奇，这门课正是为你准备的。

前端开发，说白了就是**你每天打开浏览器看到的那些页面**——文字怎么排、图片怎么放、按钮怎么动、颜色怎么搭配。它不需要你有很强的编程基础，也不需要高深的数学知识，只要你愿意动手、愿意一步一步跟着练，完全可以从零起步，做出属于自己的第一个网页。

课程里会学到什么？

整门课程共 **27 个课时**，围绕三大核心主题展开：

**第一模块：认识前端**
你会了解前端开发到底是做什么的，HTML、CSS、JavaScript 分别承担什么角色，以及为什么它们是现代网页的"骨架、皮肤和神经"。

**第二模块：CSS 样式全面掌握**
这是本课程的核心部分。从边框、背景色、背景图，到文字排版、行高控制、内外边距，再到最重要的**盒模型**概念，每一个知识点都会配合实例演示，让你真正理解"页面长这样"背后的原因。

**第三模块：工具实战**
你将学会使用 **HBuilder** 进行代码编写，以及如何借助 **PhotoShop** 做基础的设计素材处理，为日后独立开发打下完整工具链基础。

- 每个章节时长适中（最短 8 分钟，最长 35 分钟），不会一次灌输过多内容
- 从"为什么"讲起，再讲"怎么做"，知其然更知其所以然
- 不依赖任何付费软件或复杂环境配置，安装完基础工具即可开练

课程采用**循序渐进**的设计逻辑：前四节课搭建整体认知框架，让你知道 HTML 是结构、CSS 是样式、JavaScript 是交互；之后进入 CSS 专项学习，从边框到背景、从文字到布局，由浅入深；最后两节课补充工具使用技巧。建议你**按顺序观看**，不要跳步，因为后面的内容会用到前面的概念。

完成全部课程后，你将能够：
- 独立编写 HTML 结构页面
- 熟练使用 CSS 对页面进行样式美化
- 理解并运用盒模型、内外边距等核心布局概念
- 使用主流开发工具完成日常前端任务

本课程的配套资料已整理在资料包中，涵盖所有案例源码和练习文件。**建议你对照视频，动手把代码敲一遍**，而不是只看不动手。遇到不懂的地方，可以先查看对应课时的资料文件，对比自己的代码找差异。

---

**适合人群：** 在校学生、转行初学者、兴趣爱好者
**学习建议：** 动手比看懂更重要，遇到问题不要怕，多敲几遍自然就通了。祝你学习愉快！

课程目录27 集