前言

在 2005年以前的 Web1.0 时代，网页内容比较简单，主要就是一些文字和图片，所以开发也比较简单，只要熟悉几个网页制作软件，诸如 Photoshop+Dreamweaver+flash软件，就可以很容易地把网页制作出来，网页开发对开发人员的要求并不高。然而在 2005年之后，随着互联网进入 Web2.0 时代，网页不仅要求完全地展现，而且还要求具备炫酷的页面交互、良好的用户体验以及跨终端的适配兼容等功能。可见，在Web2.0时代，对网页开发的要求越来越高了。不论是在开发难度上，还是在开发方式上，此时的网页开发都更接近传统的网站后台开发，所以此时的网页开发不再叫网页制作，而是叫前端开发，并需要专业的前端工程师才能做好。

要成为一名合格的前端工程师，需要掌握前端开发相关的技术，比如“HTML”“CSS”“JavaScript”“Ajax”“node.js”“React.js”等技术。在众多的前端开发技术中，“HTML”“CSS”“JavaScript”是最基本也是最核心的技术，其他很多技术都是在这些核心技术的基础上发展起来的，这些新技术常常会随着时代的发展而被淘汰，而“HTML”“CSS”“JavaScript”作为原生语言却一直保持着旺盛的生命力。所以，作为前端开发人员，“HTML”“CSS”“JavaScript”是要掌握的最核心的开发技能！鉴于“HTML”“CSS”“JavaScript”在前端开发中的重要性，本书对它们进行了详尽的讲述。

本书全文分为四篇：HTML、CSS、JavaScript和HTML+CSS+JavaScript综合案例。全书系统、全面地介绍了Web开发所涉及的三大前端技术的内容和应用技巧。

第一篇 HTML篇

这部分内容由第1章～第12章组成，主要讲述了HTML相关概念、HTML文件的基本结构、文档类型、网站建设与发布流程、常用的HTML标签、HTML5语法变化、HTML5表单新增属性和新增input元素类型、HTML5新增文档结构元素和表单元素，以及新增的客户端校验方式等内容。

第二篇 CSS篇

这部分内容由第13章～第15章组成，主要讲述了CSS的定义、CSS基本选择器和复合选择器、CSS常用属性、在HTML文档中应用CSS的方式、盒子模型、定位排版和浮动排版、网页常用布局版式及其应用等内容。

第三篇 JavaScript篇

这部分内容由第16章～第24章组成，主要讲述了JavaScript基础知识、在HTML网页中嵌入脚本的方式、脚本函数、事件处理、正则表达式模式匹配、JavaScript内置对象、BOM对象、DOM模型以及使用DOM操作HTML文档和几个经典案例等内容。

第四篇 HTML+CSS+JavaScript综合案例篇

这部分由第25章组成，这章将理论知识贯穿于实践，介绍了整合HTML+CSS+JavaScript进行前端开发涉及的各方面的内容和技巧。

本书具有以下几个特点。

内容全面、系统。本书系统、详细介绍了Web开发所涉及的三大前端技术各方面内容和技巧。

理论和实践完美结合。每章都配有大量的实用案例，对一些核心知识点，还在章节中引入综合案例，同时在全面、系统介绍各章内容知识的基础上，还提供了一个整合HTML+CSS+JavaScript开发企业级网站的综合案例。通过各种实例，将理论知识和实践完美地结合起来。

图文并茂。本书的每个实例代码都配有相应的运行效果图，效果直观，使读者轻易获得感性认识，提高学习效率。

本书可作为大中专院校及培训学校计算机及相关专业的教材，也可供从事前端开发工作的相关人员参考。

聂常红

2017年1月