前言

《HTML5 与CSS3 网页设计基础》适合网页设计或前端开发初级课程。大多数主题都用两页篇幅进行讲解，在指出关键点的同时，一般还包含动手实作。本书覆盖网页设计师需要掌握的基础知识，具体涉及以下主题：

 互联网和万维网的概念

 用HTML5 创建网页

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

 配置网页上的图片和多媒体

 探索CSS Flexbox和CSS网格布局系统

 网页设计最佳实践

 创建在桌面和移动设备上都能良好显示的网页

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

 获取域名和主机

 发布到网上

本书中文版的学生文件可以从配套网站https://bookzhou.com 下载( 区分大小写)，动手实作的原始文件和解决方案以及案例分析的原始文件都可以在此下载。

在本书第5 版取得极大成功之后，第6 版新增了以下特色：

 更丰富的动手实作

 全面更新了示例代码、案例学习和网上资源

 更新了HTML5 元素和属性

 扩充了网页布局设计和灵活响应网页设计技术的内容

 扩充了CSS灵活布局模块(Flexbox) 和CSS网格布局的内容

 扩充了灵活响应图像技术的内容，加入了对延迟加载的介绍

 更新了HTML5 和CSS参考资源

本书特色

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

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

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

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

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

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

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

聚焦于无障碍设计。开发无障碍网页的重要性日益增强，所以书中将穿插无障碍网页提示，这个特殊标记可以让您更方便地找到这些信息。

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

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

深入探索。这个特殊标记代表可以进行深入探索的网络资源，进一 步了解当前主题。

参考资料。附录提供了丰富的参考资料，包括HTML5 参考、CSS 参考、WCAG 2.1快速参考以及ARIA 地标角色概述。

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

补充材料

学生资源。本书中文版读者请访问https://bookzhou.com 获取学生资源( 含视频讲解)。

作者网站。除了出版社为本书提供的配套网站，作者还专门创建了一个网站，网址为https://www.webdevbasics.net。该网站拥有许多额外资源，包括调色板和学习/ 复习游戏，还为每一章都单独建了一个网页，提供这一章的示例、链接和更新信息。该网站由作者自行维护，和出版商无利益关系。

致谢

特别感谢培生的工作伙伴，他们是特蕾·约翰逊、卡罗尔·施耐德、司各特·迪萨诺和艾琳·苏利文。

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

作者简介

特丽• 安• 菲尔克- 莫里斯(Terry Ann Felke-Morris) 博士是哈珀学院( 位于伊利诺伊州帕拉汀市) 的荣誉退休教授。她拥有教育学博士学位和信息系统理学硕士学位，还通过了很多认证，包括Adobe 认证Dreamweaver 8 开发者、WOW 认证合作伙伴Webmaster、Microsoft 认证专家、Master CIW Designer 和CIW 认证讲师。

为了表彰她在设计CIS 网页开发大学项目与课程上的贡献，哈珀学院授予她Glenn A.Reich 教育技术纪念奖。2006 年，她获得了Blackboard Greenhouse Exemplary 网络课程奖，以表彰她在学院积极使用互联网技术。莫里斯博士在2008 年获得了两个国际大奖：教育技术委员会颁发的电子教学优秀员工奖和MERLOT 网上示范教学资源奖。

莫里斯博士拥有二十多年的工商业及信息技术从业经历。她于1996 年发布了自己的第一个网站，并从此与网络结下不解之缘。作为网页标准项目任务组的成员，她一直致力于网页标准的推广。她协助哈珀学院设立了网页证书和学位课程，并担任骨干教员。她还是另外一本经典教材《学习HTML5》系列版本( 目前已到第10 版)的作者。有关她的更多信息，请访问http://terrymorris.net。