作者简介

特丽·费尔克-莫里斯(Terry Felke-Morris)

教育学博士，美国哈珀学院荣休教授。她身兼作者、教师、设计师及摄影师多个身份，熟悉各种平台和软件开发语言，有将近三十年的经验，讲授的课程有网页开发、计算机信息系统、教学技术和数学以及信息管理与数据库的研究生课程。

莫里斯博士富有创新精神，先后荣获2002—2003年度GlennA. Reich纪念奖（嘉奖她在教育技术方面所做出的努力）和2006年度 BlackboardGreenhouse远程教学模范奖（嘉奖她在课堂教学中率先使用互联网），还作为2008年度远程教育优秀教师入选美国教育技术委员会。

莫里斯博士的《学习HTML5》已经出版发行到第10版，另一本以动手实作和案例学习著称的入门经典《HTML5与CSS网页设计基础》系列版本也备受广大师生青睐。

她一直保持着旺盛的学习力，拥有教育学博士学位、信息系统硕士学位和远程教学硕士学位以及很多从业资格证书。

译者简介

周靖

微软MVP&知名译者，在计算机行业“浸染”二十多年，涉猎广泛，具有深厚的技术功底和良好的文学素养。早期痴迷于硬件，《微型计算机》杂志特约作者。后来潜心钻研程序设计，精通C++，C#，Python和R多种语言，并在这方面积累了丰富的经验。翻译风格严谨、准确、朴实、流畅，深受读者喜爱和欢迎。

《HTML5与CSS网页设计基础(第5版)》针对HTML5和CSS的z新标准进行及时的更新和修订，包含的主题有：Internet和Web概念；创建HTML5网页；用CSS配置颜色和文本；用CSS配置页面布局；配置图像和多媒体；探索新的CSS特性；应用网页设计最佳实践；设计可访问和可用的网页；搜索引擎优化设计；选择域名；发布网站。

《HTML5与CSS网页设计基础(第5版)》适合所有对网页设计感兴趣的读者阅读，是一本理想的入门参考。

目录

第1 章  互联网和万维网基础       1

1.1　互联网和万维网         2

1.2　网页标准和无障碍访问      4

1.3　浏览器和服务器         6

1.4　Internet 协议     8

1.5　统一资源标识符(URI) 和域名    10

1.6　网上的信息     14

1.7　HTML 概述     16

1.8　网页幕后揭秘         18

1.9　第一个网页     20

复习和练习       24

第2 章  HTML 基础        27

2.1　标题元素       28

2.2　段落元素       30

2.3　换行和水平标尺       32

2.4　块引用元素     34

2.5　短语元素       36

2.6　有序列表       38

2.7　无序列表       40

2.8　描述列表       42

2.9　特殊实体字符         44

2.10　HTML 语法校验       46

2.11　结构元素       48

2.12　练习使用结构元素        50

2.13　更多结构元素         52

2.14　锚元素         54

2.15　练习使用链接         56

2.16　电子邮件链接         60

复习和练习       62

第3 章  网页设计基础         71

3.1　为目标受众而设计     72

3.2　网站组织       74

3.3　视觉设计原则         76

3.4　提供无障碍访问       78

3.5　文本的使用     80

3.6　调色板         82

3.7　针对目标受众而设计      84

3.8　选择颜色方案         86

3.9　使用图片和多媒体     90

3.10　更多设计考虑         92

3.11　导航设计       94

3.12　线框和页面布局       96

3.13　固定和流动布局       98

3.14　为移动网络设计     100

3.15　灵活响应的网页设计    102

3.16　网页设计最佳实践      104

复习和练习          106

第4 章  CSS 基础         111

4.1　CSS 概述       112

4.2　CSS 选择符和声明        114

4.3　CSS 颜色值语法       116

4.4　配置内联CSS         118

4.5　配置嵌入CSS         120

4.6　配置外部CSS         122

4.7　选择符class、id 和后代      124

4.8　span 元素       126

4.9　练习使用CSS         128

4.10　层叠         130

4.11　练习使用层叠       132

4.12　CSS 语法校验       134

复习和练习          136

第5 章  图形和文本样式基础        143

5.1　图片        144

5.2　img 元素        146

5.3　图片链接       148

5.4　配置背景图片         150

5.5　定位背景图片         152

5.6　用CSS3 配置多张背景图片     154

5.7　用CSS 配置字体      156

5.8　CSS 文本属性         158

5.9　练习配置图形和文本      160

5.10　用CSS 配置列表符号   162

5.11　收藏图标     164

5.12　图像映射     166

5.13　figure 元素和figcaption 元素    168

5.14　复习和练习         170

第6 章  CSS 进阶        179

6.1　宽度和高度        180

6.2　框模型         182

6.3　边距和填充        184

6.4　边框        186

6.5　CSS 圆角       188

6.6　用CSS 居中页面内容     190

6.7　CSS 边框和文本阴影      192

6.8　CSS 背景图片相关属性       194

6.9　CSS 背景大小和缩放      196

6.10　练习使用CSS 属性     198

6.11　CSS 属性opacity        200

6.12　CSS RGBA 颜色     202

6.13　CSS HSLA 颜色     204

6.14　CSS 渐变     206

复习和练习          208

第7 章  页面布局基础       217

7.1　正常流动       218

7.2　浮动        220

7.3　清除浮动       222

7.4　溢出        224

7.5　CSS 属性box-sizing      226

7.6　基本双栏布局         228

7.7　用无序列表实现垂直导航        232

7.8　用无序列表实现水平导航        234

7.9　用伪类实现CSS 交互性      236

7.10　练习CSS 双栏布局     238

7.11　用CSS 控制打印       240

7.12　CSS 精灵     242

7.13　用CSS 进行定位       244

7.14　练习定位     246

7.15　固定位置的导航栏      248

复习和练习          250

第8 章  灵活响应布局基础       257

8.1　CSS 灵活框布局       258

8.2　灵活容器的更多知识      260

8.3　灵活框图片库         262

8.4　配置灵活项        264

8.5　练习灵活框技术       266

8.6　CSS 网格布局         268

8.7　网格列、行和间隙        270

8.8　双栏网格页面布局        272

8.9　渐进式增强网格       274

8.10　用灵活框和网格来居中     276

8.11　viewport meta 标记      278

8.12　CSS 媒体查询       280

8.11　用媒体查询实现灵活响应的布局         282

8.12　用媒体查询实现灵活响应的网格布局     286

8.13　用CSS 实现灵活图像   290

8.14　picture 元素         292

8.15　灵活img 元素属性      294

8.16　测试移动显示       296

复习和练习          298

第9 章  表格基础       309

9.1　表格概述       310

9.2　表行、单元格和表头      312

9.3　跨行和跨列        314

9.4　配置无障碍访问表格      316

9.5　用CSS 配置表格样式     318

9.6　CSS3 结构性伪类     320

9.7　配置表格区域         322

复习和练习          324

第10 章  表单基础       331

10.1　概述         332

10.2　文本框       334

10.3　提交按钮和重置按钮    336

10.4　复选框和单选钮     338

10.5　隐藏字段和密码框      340

10.6　textarea 元素         342

10.7　元素select 和option      344

10.8　label 元素         346

10.9　元素fieldset 和legend   348

10.10　用CSS 配置表单样式      350

10.11　CSS 网格布局表单      352

10.12　服务器端处理       354

10.13　表单练习        356

10.14　更多文本表单控件      358

10.15　datalist 元素        360

10.16　控件slider 和spinner       362

10.17　日历和颜色池控件      364

10.18　更多表单练习       366

复习和练习          368

第11 章  媒体和交互性基础       379

11.1　插件、容器和codec      380

11.2　配置音频和视频     382

11.3　元素Flash 和embed      384

11.4　元素audio 和source      386

11.5　元素video 和source      388

11.6　练习视频播放       390

11.7　iframe 元素       392

11.8　CSS 的transform 属性       394

11.9　CSS 的transition 属性   396

11.10　练习过渡        398

11.11　CSS 下拉菜单       400

11.12　元素details 和summary        402

11.13　JavaScript 和jQuery    404

11.14　HTML5 API        406

复习和练习          408

第12 章  网上发布       415

12.1　文件组织     416

12.2　用链接来定位       418

12.3　注册域名     420

12.4　选择主机     422

12.5　安全套接字层(SSL)     424

12.6　用FTP 发布          426

12.7　提交到搜索引擎     428

12.8　搜索引擎优化       430

12.9　无障碍访问测试     432

12.10　可用性测试         434

复习和练习          436

附录A　复习和练习答案     440

附录B　HTML5 速查表       441

附录C　CSS 速查表        446

附录D　WCAG 2.1 快速参考     452

附录E　ARIA 地标角色       454

附录F　网页安全调色板      455