你是否曾想过自己创建网页，但苦于没有经验？那么从现在开始学习吧！本书由浅入深地讲解了Web设计的一些重要概念、基本原理，以及HTML、CSS和JavaScript的具体使用方法与技巧。当你读完本书后，将会掌握创建适用于移动设备的多列页面的技巧。

每章都提供了一些练习和小测验，帮助你了解不同的技术，巩固对重要概念的理解。

第5版进行了全面更新和修订，涵盖了Web前端开发所需的一切，无论对初学者还是对想提高已有技能的专业开发人员，本书都是理想的选择。

【本书主要内容】：

●使用文本、链接、图像、表格和表单来构建HTML页面。

●使用CSS调整颜色、背景、页面布局以及格式化文本，甚至是实现简单的动画效果。

●学习JavaScript的工作原理及其在Web设计中的重要性。

●创建并优化Web图像，加快图像下载速度。

【本版新增内容】：

●使用CSS Flexbox和网格实现复杂灵活的页面布局。

● 学习自适应Web设计的细节，使Web页面在所有设备上看起来都很棒。

● 熟悉现代Web开发者工具包中的命令行、Git和其他工具。

●了解SVG图像的超强能力。

【本书的组织结构】：

本书分为六部分，每一部分都是Web开发的一个重要方面。

第①部分：开始起步

第①部分为本书后面的学习奠定了基础。我从关于Web设计的一些重要信息开始讲述，包括你可能会扮演的各种角色，你可能会学到的技术和工具。你会学到HTML和CSS，并学习Web和网页一般如何工作。我也会介绍一些重要的概念，带你体会现代Web设计师的思想。

第②部分：

第②部分涵盖每个元素和属性的本质以及语义结构。我们将讨论如何标记文本、链接、图像、表格、表单和嵌入式媒体。

第③部分：表现层的

在第③部分，你会学习使用CSS来改变文本的外观，为页面创建多列布局，甚至添加基于时间的动画、交互等。该部分还介绍了自适应Web设计，以及作为现代开发人员工作流一部分的工具和技术。

第④部分：

在第④部分，Mat Marquis从JavaScript的语法开始讲解，带领你逐步学习变量、函数。你也会学到JavaScript的使用方式（包括DOM脚本），以及已有的JavaScript工具（如polyfill和库），即便你还没有准备好从头开始编写代码，这些工具也可以帮助你更快地使用JavaScript。

第⑤部分：

第⑤部分介绍Web适用的各种图像文件格式，提供了将其作为自适应工作流的一部分进行选择的策略，而且描述了如何进行优化才能使文件尺寸尽可能小。此外，该部分还包括一个关于SVG图形的章节，这为自适应设计和交互式设计提供了极大的便利。

第⑥部分：附录

第⑥部分包含参考资料，如测验答案、HTML全局属性列表和CSS选择器，还介绍了HTML5及其历史。