前言

随着移动互联网技术的快速发展，移动设备的应用日渐火热。移动设备信号覆盖广、操作便捷、携带方便，已成为人们日常工作和生活的必需品，其应用市场不断扩大，越来越受到人们的关注，因此开发移动应用就变得越发重要。除了以往熟知的原生App开发，如安卓开发、iOS开发以外，目前使用HTML5和CSS3开发网页版的移动应用需求更是与日俱增，相较传统原生开发方式，这种开发方式的维护成本更低、开发周期更短，开发完成后可以应用在各个平台。

本书分为4个部分、8章来设计内容，即使用媒体查询制作响应式网页、使用Bootstrap框架制作前端网页、在理想视口下制作专为移动端网站设计的移动页面和移动端项目实战，具体安排如下：

第一部分（第1章）：介绍常用的弹性布局方法以及响应式布局方式，读者可以快速熟练地掌握Flex属性和媒体查询，制作出响应式的网页效果。

第二部分（第2～4章）：使用Bootstrap框架制作前端网页，主要内容包括Bootstrap栅格系统原理、CSS组件、JavaScript插件等，通过学习读者可以快速制作出适合各终端的精美网页。

第三部分（第5～7章）：包括移动端页面布局基础、移动端常用事件、Zepto库的使用，以及移动端开发过程中的常见问题、开发技巧、移动端优化等内容，让读者真正体会实际开发。

第四部分（第8章）：经过前面7章内容的学习，读者已经具备了开发项目的能力。最后一章来制作“爱旅行”移动端项目，从开发流程到页面的制作步骤，按照项目页面逐一分析，带领读者由浅入深地体验移动端项目开发的全过程，积累移动端项目的开发与调试经验。

本书采用边学边练的方式，在讲解过程中融入了大量的案例及最后整合的“爱旅行”项目实战，以充分提高读者的动手编码能力。

学习本书还需要掌握正确的学习方法，保证课前预习、课上练习、课下复习的好习惯。

学习方法

本书讲解Bootstrap框架、HTML5移动端网页的开发。这些知识大部分都面向移动端用户，所以读者除掌握书中的知识外，还需要从以下几个方面多努力。

➢ 上网查询与移动网页开发相关的技术文档。

➢ 看懂教材中的案例后自己独立完成。

➢ 找相关的移动网页，自己练习完成。一句话，练习练习还是练习。

总之，学习编程技术，要养成好的学习习惯、掌握正确的学习方法，然后持之以恒，定能学有所成。

本书由课工场Web全栈开发教研团队组织编写，参与编写的还有游学军、刘睿凡、王奇志、孙重巧等院校老师。尽管编者在写作过程中力求准确、完善，但书中不妥或错误之处仍在所难免，殷切希望广大读者批评指正！

本书还给读者提供了更加便捷的学习体验，可以通过直接扫描二维码的方式下载书中所有的上机练习素材及作业素材。