前言

用户体验，恐怕是当下互联网从业者最需要重视的词汇之一。通常情况下，我们说的用户体验，是指用户访问一个网站或者使用一个产品时的全部体验。显然，用户体验是用户的主观感受，这种感受的舒适程度，取决于网站或者产品的设计与用户心理预期的契合程度—一般来说，这种契合度越高，用户体验就越好。这种体验的好坏大多数时候直接决定了用户黏度。作为网站门脸的网页，其设计与制作自然需要投入更多的时间与脑力。而设计师在设计与制作网页时考虑得最多的就是网页有什么内容，以及怎么样去呈现这些内容—这一切几乎都是围绕用户需求在进行，无论是网页上的内容、网页的版式设计，还是网页的表现形式，等等。

在过去，由于CSS不成熟，HTML兼顾了内容与表现—既要解决“网页内容是什么”的问题，又要考虑“如何表现这些内容”的问题。而现在，CSS的应用已经非常成熟，其功能也相当完善，这也是Web设计更加高效的基础。再加上跨系统的脚本语言JavaScript的存在，让不同工具“各司其职”成为现实，也让Web设计的标准几乎就是内容与表现、（页面中元素的）行为（JS）分离—这样做带来的好处也显而易见：

载入更快，降低流量耗费；

界面更友好，更具亲和力；

修改变得更高效，代价更低；

视觉的统一性变得更佳；

更好地被搜索引擎抓取……

对于初学者来讲，面对HTML、CSS、JavaScript，恐怕想得最多的问题就是这么几个：三者之间的关系是什么；学习顺序应该是什么样的，需要学习多久。

关于三者之间的关系，可以简单地理解为HTML是内容，CSS是内容的呈现方式，JavaScript是Web元素的动作。笔者曾经在一篇文章中看到这样的比喻：用一扇门来理解三者之间的关系，HTML是门板，CSS是门板上的油漆或者花纹，JavaScript是门的开关。对于初学者来讲，这个比喻显得比较贴切且易于理解。

至于学习顺序，建议先学HTML，然后学习CSS，最后学习JavaScript。毕竟相对于脚本语言JavaScript，HTML和CSS要简单易学得多。这一点，读者在阅读本书的过程中能逐渐体会到。至于学习所需的时间，一般来讲，HTML和CSS想要入门只需十天半月就可以了，但要真正熟练地使用，则需要一段时间的不断练习，这个时间的长短，跟个人对工具的理解能力有一定关系。而JavaScript，则需要更长的时间。无论如何，学习都是一个过程，对绝大多数人来说，掌握的好坏程度跟练习的时间是成正比的。

本书在拟定提纲以及后续的编写过程中，都尽可能地照顾大多数读者的学习习惯和需求，力求让读者学习起来更加轻松，对各个知识点理解得更加迅速。

本书在大的框架上，分为了3个部分—HTML、CSS、JavaScript，分别包括了三者的基础知识以及应用知识。其中HTML部分一共10章，分别是HTML概述、HTML基本结构、文字/段落/列表、超级链接、图像、表格、框架、HTML表单、多媒体、HTML5布局；CSS部分分为9章，分别是CSS学习第一步、文字样式、定位布局、边框/边距/用户界面、背景和图像、列表/表格/链接、过渡与动画、多栏与弹性盒模型、选择器；JavaScript部分分为8章，分别是JavaScript基础、JavaScript语言进阶、JavaScript本地对象、Window对象、DOM（文档对象模型）、JavaScript事件、Canvas、HTML5高级编程。

值得一说的是，读者在目录以及正文中的某些标题上会看到“❹”“❺”的字样，其中“❹”表示HTML4支持，“❺”表示HTML5支持，若同时都有，则表示HTML4和HTML5都支持。

在本书的写作过程中，陈曙、陈武威、陈星、陈雪春、单梓琪、干蕾蕾等人提供了不少的帮助，或者参与部分章节的编写，再次表示感谢！

本书本着循序渐进的原则编写，尽可能给读者带来好的阅读体验。尽管编者尽了最大的努力，但仍难免有不足之处，恳请广大读者提出宝贵意见和建议。若有疑问，请发邮件至jiahongfei@ptpress.com.cn，与图书编辑联系。

编者
2017年秋