前言

FOREWORD

随着互联网行业的持续发展，移动互联网等新业务不断发展壮大，海量的平台开发工作形成了巨大的人才缺口，尤其是 Web 前端、移动端 HTML5 开发人才更为紧缺。随着互联网业内竞争的不断加剧，企业平台开始在界面友好性和操作方便性方面投入更多的精力，只有平台更加人性化，才能吸引更多的用户，所以Web开发人员的地位在业内开始迅速提高。

为什么要学习本书

一个优秀的 Web 开发工程师需要具备一定的综合素质才能胜任企业日益复杂多变的工作要求。这些素质包括熟知页面布局，熟练样式美化，掌握JavaScript基础，熟悉Bootstrap响应式布局设计，能够使用HTML5+CSS3开发出炫丽的移动端交互效果等，而本书正为此应运而生。

如何使用本书

本书分为8个单元，每个单元由2~4个项目组成，以项目为导向串讲Web开发中的知识点。为什么我们摒弃了传统的知识点讲解方法，就是为了能够培养学生的编程兴趣，达到自主学习的目的。我们发现人们玩游戏的兴趣远比去学习一堆枯燥的代码要大得多，这是因为玩游戏是一个自我挑战的过程，一个好玩的游戏有精准的难度设计、炫酷的视觉感受，恰当好处地勾起你挑战下一关的欲望。所以我们在想，为什么不可以像设计游戏一样去设计一本书。

单元1，先告诉你什么是响应式设计以及HTML5和CSS3。本章要求很简单，照着代码敲出两个项目，看HTML5和CSS3能够做出什么。相信你一定可以做到，并且感兴趣。

单元2，主打文字主题，在这里需要挑战3个项目——电子杂志、唯美软文和手机版的导航。每个挑战项目都会有“指南”，如项目介绍、前导知识，并且每个项目都有很多注释的内容，帮助读者解读关键性代码。

单元3，主打图文主题，这里也需要挑战3个项目——书城、多肉植物和会晃动的桃子，技术上包括了CSS3的阴影、圆角和动画效果等。

单元 4，表单。它可以说是 HTML5 最令人振奋的改进之一，帮助开发人员省去了大段的JavaScript验证代码。通过第4单元的两个项目，你可以充分地感受到HTML5带给前端开发人员的便捷。

单元5，画布。它是HTML5新加的元素。本单元有两个特别好玩的项目——网页涂鸦板和红包照片。

单元6，音频和视频。如果读者是一个爱听音乐爱看电影的年轻人。那么在这个单元，可以定制一个属于自己的视频播放器和音频播放器。

单元7，我们将迎来里程碑式的内容——响应式Web设计原理。本单元会有2个项目，带领读者第一次完成响应式项目。看着自己制作的网页会在各种设备的屏幕上任意切换，一定很有成就感。

单元8，Bootstrap响应式Web开发实战。Bootstrap是响应式Web开发神器，本单元通过1个完整的项目，让你快速地搭建响应式网站。

为了保证读者学习的全面性，我们在全书的最后制作了丰富的附录，内容包括HTML5新增标签、HTML5废除标签、CSS3新增属性和需要加浏览器私有前缀的属性等。

致谢

本教材的编写和整理工作由传智播客教育科技股份有限公司完成，主要参与人员有吕春林、马丹、金鑫、王玉华、马伦、刘晓强、赵玉川、周淑刚、汪磊等，全体人员在这近一年的编写过程中付出了很多辛勤的汗水，在此一并表示衷心的感谢。

意见反馈

尽管我们尽了最大的努力，但教材中难免会有不妥之处，欢迎各界专家和读者朋友们来信来函给予宝贵意见，我们将不胜感激。您在阅读本书时，如发现任何问题或有不认同之处可以通过电子邮件与我们取得联系。

请发送电子邮件至itcast_book@vip.sina.com。

黑马程序员

2016-9-8于北京