前    言

　　《HTML5与CSS3从入门到精通》适用于网页设计或开发初级课程。每个主题都只用两页篇幅进行讲解，在指出关键点的同时，一般还包含动手实作。全书覆盖网页设计师需要掌握的所有基础知识，包括以下主题：

互联网和万维网的概念

用HTML5创建网页

用层叠样式表(CSS)配置文本、颜色和网页布局

对网页上的图片和多媒体进行配置

探索新的CSS3属性

网页设计最佳实践

对无障碍访问、可用性和搜索引擎优化的考量

取得域名和主机

发布到网上

　　本书中文版的学生文件可以从配套网站http://pan.baidu.com/s/1yd43W下载，其中包括动手实作的原始文件和解决方案，以及案例分析的原始文件。

　　在本书第2版取得极大成功之后，第3版新增了以下特性：

更丰富的动手实作

全面更新了范例代码、案例分析和网络资源

根据HTML5元素和HTML5 API进行了更新

对响应性网页设计技术和CSS媒体查询进行了更全面的介绍

更新了HTML5和CSS参考资源

本书特色

　　立足当下，展望未来。本书采用独特的教学方式，使学生在学习适合当下的网页设计技能的同时，掌握新的HTML5编码技术，迎接未来的挑战。

　　精心挑选主题。本书既传授“硬”技能，比如HTML5和层叠样式表(第1章和第2章，第4章~第11章)，也传授“软”技能，比如网页设计(第3章)和发布到网上(第12章)。打下良好基础之后，学生作为网页设计师追寻自己的职业梦想时，会更加得心应手。使用本书的学生和老师会发现，我们这个课程变得更有趣了。学生在创建网页和网站时，可以一起讨论、综合和运用软硬技能。每个主题都用两页的篇幅来讲解，除了快速提供需要掌握的知识点，还通过动手实作来立即巩固所学到的知识。

　　每个主题两页篇幅。每个主题都用简洁的、两页篇幅的一个小节进行讲述。许多小节还包含马上就可以开始的动手实作，旨在帮助巩固新学的技能或概念。这种精心设计对学业沉重的学生尤其有用，因为他们需要立即搞清楚关键的概念。

　　动手实作。网页开发是一门技能，只有通过动手实作才能更好地掌握。本书十分强调实际动手能力的培养，体现在每章的动手实作练习题、章末练习题以及通过真实的案例分析来完成网站的开发。

　　网站案例分析。从第2章开始，案例分析将贯穿全书。它的作用是巩固每章所学的技能。教师资源中心提供了案例的示例解决方案，网址是http://www.pearsonhighered.com/irc。

　　聚焦网页设计。大多数章都提供额外的活动来探索与本章有关的网页设计主题。这些活动可以用于巩固、扩展和增强课程主题。

在我的网页开发课堂中，学生经常会问到一些同样的问题。书中列出了这些问题，并用FAQ标志注明。

开发无障碍网页的重要性日益增强，所以无障碍网页设计技术将贯穿全书。这个特殊标记可以让您更方便地找到这些信息。

本书使用特殊的道德规范标记注明与网页开发有关的道德规范话题。

提供有用的背景资料，或者帮助提高生产力。

这个特殊标记代表可供深入探索的网络资源，方便学生对当前主题进行深入学习。

　　参考资料。附录提供了丰富的参考资料，包括XHTML参考、HTML5参考、CSS参考、WCAG 2.0快速参考以及对ARIA Landmark Roles的概述。

　　 视频讲解(Video Note)旨在讲解关键编程概念和技术，演示从设计到编码来解决问题的过程。视频讲解使学生可以方便地自学自己感兴趣的主题，支持选择、播放、倒退、快进和暂停。每当看到 视频讲解：……，都表明当前主题有对应的视频讲解。视频列表可以从本书中文版配套网站获取，网址是http://pan.baidu.com/s/1yd43W。注意，由于是英文视频，所以为了方便索引，书中保留了这些视频的英文名称。

补充材料 

　　学生资源。本书中文版读者请访问http://pan.baidu.com/s/1yd43W获取动手实作的原始文件和解决方案以及案例分析的原始文件。

　　教师资源。以下补充资源只供符合条件的教师使用，请发送邮件到coo@netease.com了解更多信息。

章末练习题答案

案例分析作业答案

试题

PPT演示文稿

示范教学大纲

　　作者网站。除了出版社为本书提供的配套网站，作者另外建了一个网站，网址为http://www.webdevbasics.net。该网站拥有许多额外的资源，包括调色板、Flash学习/复习游戏、Adobe Flash教程、Adobe Fireworks教程和Adobe Photoshop教程。还为每一章都单独建一个网页，提供这一章的示例、链接和更新信息。该网站由作者个人维护，不是出版商赞助的。

致    谢

　　特别感谢Addison-Wesley的同仁，包括Matt Goldstein，Kelsey Loanes，Carole Snyder和Camille Trentacoste。

　　感谢我的家人，尤其是我的“另一半”，感谢他的耐心、关爱、支持和鼓励。最后还要特别纪念我的父亲，我们永远想念他。