Web前端一站式开发手册：HTML5+CSS3+JavaScript

本书编写模式采用基础知识 + 中小实例 + 实战案例 + 课后作业，内容由浅入深，循序渐进，从入门中学习实战应用，从实战应用中激发学习兴趣。 （1）本书是Web前端零基础的启蒙之书 （2）全书覆盖Web前端开发的知识体系内容 （3）理论实战紧密结合，彻底摆脱纸上谈兵 本书用通俗的语言、合理的结构对Web前端的知识进行了细致的剖析。几乎每个章节都有二维码，微信扫一扫，可以随时随地看视频，体验感非常好。从配套到拓展，资源库一应俱全。全书上百个案例丰富详尽，跟着案例去学习，边学边做，从做中学，学习体验可以更深入、更高效。

1 为什么要学习前端
Web前端作为近几年非常火的软件开发岗位，得到了许多人的青睐。Web前端即网站前台部分，也叫前端开发，运行在PC端、移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5、CSS3、前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计给用户带来极高的用户体验。
HTML、CSS、JavaScript是前端开发中最基本也是最重要的三个技能。在页面布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不少。在进行开发前，需要将这些概念弄清楚，这样在开发的过程中才会得心应手。
学习前端开发技术有很大的优势：
· Web前端开发入门门槛很低，且市场的缺口很大，前景非常好。
· Web前端需要更少的逻辑思维，对计算机和物联网的知识也比嵌入式系统少。所以，只要你想进入网络前端行业，有正确的学习态度和学习耐心，即使你是零基础，也可以学好。
· 在移动行业，Web前端开发工程师是高薪的代名词，随着工作年限的增加，工资也相应增加。
2 为什么要选择本书
本书编写模式采用基础知识 + 中小实例 + 实战案例 + 课后作业，内容由浅入深，循序渐进，从入门中学习实战应用，从实战应用中激发学习兴趣。
（1）本书是Web前端零基础的启蒙之书
随着网络的不断发展和成熟，前端知识已经应用到我们的生活中，大到公司网页的制作，小到手机游戏，都要用到前端的相关知识。但随之而来也出现了很多问题：很多人不知道如何入门HTML、如何学习CSS的选择器以及如何利用JavaScript制作网页特效，或者很多人只能局限于简单的模仿，特别是在实际应用上，与前端设计师的水平总是有些差距。鉴于此，我们编写此书，旨在通过本书的实例讲解以及专家指点，给读者带来一定的启发。
（2）全书覆盖Web前端开发的知识内容
本书以敏锐的视角、简练的语言，结合前端设计行业的特点，对HTML、CSS和JavaScript进行了全方位讲解。书中几乎囊括了目前前端设计的所有应用知识点，保证读者能够学以致用，更快地入门前端开发。
（3）理论实战紧密结合，彻底摆脱纸上谈兵
本书包含大量的案例，既有针对一个元素的小案例，也有综合总结性的大案例，所有的案例都经过了精心设计。读者在学习本书的时候可以通过案例更好、更快、更明了地理解知识并掌握应用，同时这些案例也可以在开发时候直接引用。
3 本书的读者对象
 从事平面设计的工作人员
 培训班中学习前端设计的学员
 对前端设计有着浓厚兴趣的爱好者
 零基础想转行到前端的人员
 有想进入IT行业想法的人员
 有空闲时间想掌握更多技能的办公室人员
 高等院校相关专业的师生
4 学习本书的方法
想要学好前端，关键要看自己的态度，下面给出一些学习建议：
（1）学习前端要从概念入手
拿到本书后，会看到HTML、CSS、JavaScript的概念，只有学会这三种语言，在理解的基础上才能进行应用。要吃透这些语法、结构的应用例子，才能做到举一反三。
（2）多动手实践
起步阶段问题自然不少，要做到沉着镇定，不慌不乱，先自己思考问题出在何处，并动手去解决，可能有多种解决方法，但总有一种是更高效的。亲自动手进行程序设计是创造性思维应用的体现，也是培养逻辑思维的好方法。
（3）多与他人交流
每个人的思维方式不同、角度各异，所以解决方法也会不同，通过交流可不断吸收别人的长处，丰富前端实践，帮助自己提高水平。可以在身边找一个学习前端的人，水平高低不重要，重要的是能够志同道合地一起向前走。
（4）要不断学习并养成良好的习惯
前端入门不难，但日后不断学习很重要。在此期间要注意养成一些良好的编写习惯。良好的编程风格可以使程序结构清晰合理，且使程序代码便于维护。如代码的缩进编排、规则的一致性、代码的注释等。
总之，学习前端就是一个“理论→实践→再理论→再实践”的认知过程。在这条路子上行走，每个人都会遇到“瓶颈期”，会觉得自己之前学的都一无用处，遇到的问题根本无法解决，这时候就要回头看，回头来再学习一些基础理论。学过之后，很多以前遇到的问题都会迎刃而解，使人有豁然开朗之感。
本书用通俗的语言、合理的结构对Web前端的知识进行了细致的剖析。几乎每个章节都有大量二维码，手机扫一扫，可以随时随地看视频，体验感非常好。从配套到拓展，资源库一应俱全。全书上百个案例丰富详尽，跟着案例去学习，边学边做，从做中学，学习体验可以更深入、更高效。最后祝大家学有所成。
5 本书包含哪些内容
本书是一本介绍HTML、CSS和JavaScript开发技术的实用图书。全书可分为4个部分。
第1～9章主要是对HTML知识的讲解，从HTML基础知识讲起，全面介绍了HTML和HTML5的全部标签和内容，内容包括：表单、表格、列表、链接、HTML5新增属性、canvas绘图、定位、拖拽和存储等知识。 
第10～17章主要是对CSS知识的讲解，详细介绍了CSS 和CSS3的绝大部分常用选择器、属性，并为这些选择器、属性提供了示例，这部分内容涵盖了CSS定位、盒模型、动画、转换、变色和自适应等知识。
第18～22章主要是对JavaScript编程的相关内容进行了讲解，包括JavaScript基础语法、JavaScript函数、JavaScript对象、DOM编程，这些内容覆盖了初学者的编程基础。
第23章是一个综合项目开发，综合运用了HTML 5、CSS3和JavaScript等知识制作了一个网站。通过对整个项目的学习，既可让读者巩固前面所掌握的各种知识，也可让读者将所学理论运用到实际开发中。
本书在编写过程中力求严谨细致，但由于时间与精力有限，疏漏之处在所难免。读者在学习过程中若遇到问题，可联系QQ 1908754590与笔者交流。

编著者

本书以“理论知识”为铺垫，以“实际应用”为指向，从简单易学的角度出发，系统讲述了Web前端开发的相关知识，内容由浅入深，通俗易懂，知识点与案例结合紧密，所选案例新颖丰富，紧贴实战。
本书从Web基础知识讲起，循序渐进地融入了HTML5、CSS3、JavaScript、绘图、地理定位、本地存储等实用技术，是一本真正的Web前端开发从学到用的自学教程。
本书配备了极为丰富的学习资源，不仅有教学视频、实例素材及源程序，还有HTML页面基本速查、CSS常用属性速查、JavaScript对象参考手册，jQuery参考手册、网页配色基本知识速查等电子书。
本书适合作为Web前端开发、网页设计、网页制作、网站建设的入门级或者有一定基础读者的自学用书，也可用作高等院校或培训学校相关专业的教材及参考书。

第1章 Web基础知识	001
1.1 Web前端开发	002
1.1.1 什么是前端开发	002
1.1.2 前端开发要学哪些内容	002
1.2 Web工作原理	003
1.2.1 因特网与万维网	003
1.2.2 Web架构	003
1.2.3 协议	004
1.2.4 服务器	005
1.2.5 什么是网页	005
1.2.6 浏览器的工作原理	005
1.2.7 网页与网站的关系	006
1.3 HTML概念与HTML5的联系	006
1.3.1 什么是HTML	006
1.3.2 HTML到XHTML	007
1.3.3 HTML5的发展	008
1.4 HTML文件的基本标记	008
1.4.1 开始标签	009
1.4.2 头部标签	009
1.4.3 标题标签