内容提要

本书作为HTML5程序设计的教程，系统全面地介绍了利用HTML5进行网站前端开发所涉及的常用知识。全书共分为12章，内容包括Web网站初体验、搭建网站雏形、用CSS3装饰网站、HTML5多媒体实现网站“家庭影院”、通过HTML5表单与用户交互、列表与表格——让网站更规整、CSS3布局与动画、JavaScript编程应用、JavaScript事件处理、手机响应式开发（上）、手机响应式开发（下）、综合案例—在线教育平台。全书以案例引导，每个案例都有相关知识点的讲解，有助于读者在理解知识的基础上，更好地运用知识，达到学以致用的目的。

本书是慕课版教材，各章节配备了视频的二维码，并且在人邮学院（www.rymooc.com）平台上提供了课程视频。此外，本书还提供所有案例、动手试一试、综合案例和课程设计的源代码、制作精良的PPT电子课件及自测题库等内容。其中，源代码全部经过测试，能够在谷歌浏览器上运行。

本书可作为高等院校计算机、软件工程等相关专业的教材，同时也适合HTML5爱好者和初、中级的HTML5网站前端开发人员参考使用。

前言

Foreword

为了让读者能够快速且牢固地掌握前端开发技术，人民邮电出版社充分发挥在线教育方面的技术优势、内容优势、人才优势，潜心研究，为读者提供一种“纸质图书+在线课程”相配套，全方位学习前端开发的解决方案。读者可根据个人需求，利用图书和“人邮学院”平台上的在线课程进行系统化、移动化的学习，以便快速全面地掌握前端开发技术。

一、如何学习慕课版课程

本课程依托人民邮电出版社自主开发的在线教育慕课平台——人邮学院（www.rymooc.com），该平台为学习者提供优质、海量的课程，课程结构严谨，用户可以根据自身的学习程度，自主安排学习进度，并且平台具有完备的在线“学习、笔记、讨论、测验”功能。人邮学院为每一位学习者，提供完善的一站式学习服务（见图1）。

图1 人邮学院首页

为了使读者更好地完成慕课的学习，现将本课程的使用方法介绍如下。

1. 用户购买本书后，找到粘贴在书封底上的刮刮卡，刮开，获得激活码（见图2）。

2. 登录人邮学院网站（www.rymooc.com），或扫描封面上的二维码，使用手机号码完成网站注册（见图3）。

▲图2 激活码

▲图3 注册人邮学院网站

3. 注册完成后，返回网站首页，单击页面右上角的“学习卡”选项（见图4），进入“学习卡”页面（见图5），输入激活码，即可获得该慕课课程的学习权限。

▲图4 单击“学习卡”选项

▲图5 在“学习卡”页面输入激活码

4. 获得该课程的学习权限后，可随时随地使用计算机、平板电脑、手机学习本课程的任意章节，根据自身情况自主安排学习进度（见图6）。

5. 在学习慕课课程的同时，阅读本书中相关章节的内容，巩固所学知识。本书既可与慕课课程配合使用，也可单独使用，书中主要章节均放置了二维码，用户扫描二维码即可在手机上观看相应章节的视频讲解。

6. 学完一章内容后，可通过精心设计的在线测试题，查看知识掌握程度（见图7）。

▲图6 课时列表

▲图7 在线测试题

7. 如果对所学内容有疑问，还可到讨论区提问，除了有大牛导师答疑解惑以外，同学之间也可互相交流学习心得（见图8）。

8. 书中配套的PPT、源代码等教学资源，用户也可在该课程的首页找到相应的下载链接（见图9）。

▲图8 讨论区

▲图9 配套资源

关于人邮学院平台使用的任何疑问，可登录人邮学院咨询在线客服，或致电：010-81055236。

二、本书特点

自从HTML5被正式推出以来，它受到了世界各大浏览器厂商的热烈欢迎与支持。同时，万维网联盟（W3C）也发布了HTML5规范和CSS3规范。根据世界IT界各大知名媒体的说法，新的Web时代——HTML5与CSS3的时代马上就要到来了。