前言
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的时代马上就要到来了。
在当前的教育体系下，实例教学是计算机语言教学最有效的方法之一。本书将 HTML5知识和实用的案例有机结合起来：一方面，紧跟 HTML5的发展，适应市场需求，精心选择内容，突出重点、强调实用性，使知识讲解全面、系统；另一方面，将知识融入案例，每个案例都有相关的知识讲解，部分知识点还有用法示例，既有利于学生学习知识，又有利于老师指导学生实践。另外，本书每个案例都有对应的“动手试一试”，方便读者及时检验自己的学习效果（包括动手实践能力和理论知识）。
本书作为教材使用时，课堂讲解建议分配25～26学时，上机实践建议分配40～45学时。各章主要内容和学时分配建议如下，老师可以根据实际教学情况进行调整。
续表
由于编者水平有限，书中难免存在疏漏和不足之处，敬请广大读者批评指正。
编者
2020年3月