本书是《HTML5网页前端设计》一书的配套实战项目教程，也可单独为具有一定Web前端基础的读者使用。本书的电子资源包括全套例题的源代码可供读者下载。

　　全书共包含10章，每章均配套两个实例项目。全书内容可分为以下4个部分：

　　第一部分是基础知识篇，包括第1、2章的内容。其中，第1章是HTML+CSS基础项目，介绍导航菜单与商务风格表格的设计与实现；第2章是JavaScript基础项目，介绍电子时钟与电子日历的设计与实现。

　　第二部分是重点篇，包括第3～8章的内容。这6章分别介绍基于HTML5拖放API、表单API、画布API、媒体API、地理定位API以及Web存储API的项目案例。其中较有特色的综合项目有手绘时钟、拼图游戏、网页日志本、音乐播放器、在线教学视频等。

　　第三部分是提高篇，包括第9章的内容。第9章是CSS3基础项目，主要讲解使用CSS3制作火焰和霓虹文字特效以及使用CSS3动画制作响应式放大菜单。

　　第四部分是综合篇，包括第10章的内容。第10章提供了两个完整的项目实例，包括贪吃蛇游戏的开发和企业文化用品展示网页的设计与实现。这两个项目实例综合应用了全书所学的知识，让读者所学即所用。

　　本书有以下几个特点。

　　1．知识全面，循序渐进

　　本书首先循序渐进地介绍了一些基于HTML、CSS和JavaScript的基础项目，帮助读者打好基本功；然后正式进入HTML5新增API的相关项目介绍，让读者有针对性地逐步巩固常用HTML5新增API的用法；接着在提高篇补充了CSS3相关技术为页面增加特效；最后提供了两个完整项目实例，让读者进一步提高自己对于知识的综合应用能力。

　　2．项目驱动，实用性强

　　全书将主教材各章节的知识点融入综合项目案例中，帮助读者更好地理解所学知识。在本书的最后一章还包含了游戏开发以及企业网站开发的真实商业案例，具有较高的实用价值，也适合培养读者的动手能力。

　　3．步骤详细，易于理解

　　本书思路清晰、知识点循序渐进展开，每章的项目案例均分步骤讲解，读者可以看到从界面设计开始到样式美化以及特效完成的整个变化过程。读者跟着每章的综合案例独立完成开发过程即可基本达到前端开发的要求。

　　本书全部例题均在浏览器中调试通过，由于很多HTML5和CSS3的代码需要较高版本的浏览器才能提供更好的体验效果，建议读者使用但不限于Internet Explorer 10.0、Chrome 17.0、Firefox 10.0、Safari 5.0或Opera 11.1以上版本的浏览器。

　　最后感谢家人和朋友给予的关心和大力支持，本书能够完成与你们的鼓励是分不    开的。

　　愿本书能够对读者学习Web前端新技术有所帮助，并真诚地欢迎读者批评指正，希望能与读者朋友们共同学习成长，在浩瀚的技术之海不断前行。

　　作  者

　　2017年3月

??

??

??

??

HTML5网页前端设计实战

前  言