前言 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。
二、本书特点
随着互联网进入Web 2.0时代，形形色色的网站大量涌现。网站的页面效果也发生了翻天覆地的变化。网页不只是承载单一的文字和图片，各种多媒体技术让网页的内容更加丰富和生动，多种多样的页面交互形式为用户提供更好的使用体验。业界俗称的前端技术（HTML+CSS+Java Script）成为重要的技术推动者，新的Web开发时代已经到来了。
在当前的教育体系下，实例教学是计算机语言教学的最有效的方法之一。本书将 HTML 、CSS、Java Script知识和实用的实例有机结合起来，一方面，跟踪HTML、CSS、Java Script的发展，适应市场需求，精心选择内容，突出重点、强调实用，使知识讲解全面、系统；另一方面，全书通过“案例贯穿”的形式，始终围绕第15章的综合案例设计实例，将实例融入知识讲解，使知识与案例相辅相成，既有利于读者学习知识，又有利于指导读者实践。另外，本书在每一章的后面还提供了上机指导和习题，方便读者及时验证自己的学习效果（包括动手实践能力和理论知识）。
本书作为教材使用时，课堂教学建议35～40学时，上机指导教学建议13～18学时。各章主要内容和学时建议分配如下，老师可以根据实际教学情况进行调整。
续表
编者
2017年1月