内容简介
《HTML5与CSS网页设计基础(第5版)》针对HTML5和CSS的最新标准进行及时的更新和修订,包含的主题有:Internet和Web概念;创建HTML5网页;用CSS配置颜色和文本;用CSS配置页面布局;配置图像和多媒体;探索新的CSS特性;应用网页设计最佳实践;设计可访问和可用的网页;搜索引擎优化设计;选择域名;发布网站。
《HTML5与CSS网页设计基础(第5版)》适合所有对网页设计感兴趣的读者阅读,是一本理想的入门参考。前言
《HTML5 与CSS 网页设计基础》是一本适合网页设计或开发初级课程。每个主题都只用两页篇幅进行讲解,在指出关键点的同时,一般还包含动手实作。全书覆盖网页设计师需要掌握的所有基础知识,包括以下主题:
互联网和万维网的概念;
用HTML5 创建网页;
用层叠样式表(CSS) 配置文本、颜色和网页布局;
配置网页上的图片和多媒体;
探索CSS Flexbox和CSS网格布局系统;
网页设计最佳实践;
创建在桌面和移动设备上都能良好显示的网页;
对无障碍访问、可用性和搜索引擎优化的考量;
取得域名和主机;
发布到网上。
本书中文版的学生文件可以从配套网站https://pan.baidu.com/s/1yd43W 下载(区分大小写),其中包括动手实作的原始文件和解决方案以及案例学习的原始文件。
在本书第4 版取得极大成功之后,第5版新增了以下特色:
更丰富的动手实作;
全面更新了范例代码、案例学习和网络资源;
更新了HTML5.2 元素和属性;
扩充了网页布局设计和灵活响应网页设计技术;
第8 章更名为“灵活响应布局基础”,强调了新的布局系统,包括CSS灵活布局模块(Flexbox) 和CSS 网格布局;
扩充了灵活响应图像技术,包括新的HTML5 的picture元素;
更新了HTML5 和CSS参考资源。
本书特色
立足当下,展望未来。本书采用独特的教学方式,使学生在学习适合当下的网页设计技能的同时,掌握新的HTML5 和CSS 编码技术,迎接未来的挑战。
精心挑选主题。本书既传授“硬”技能,比如HTML5 和层叠样式表( 第1 章和第2 章,第4 章~ 第11 章),也传授“软”技能,比如网页设计( 第3 章) 和发布到网上( 第12 章)。打下良好基础之后,学生作为网页设计师追寻自己的职业梦想时,会更加得心应手。使用本书的学生和老师会发现,我们这个课程变得更有趣了。学生在创建网页和网站时,可以一起讨论、综合和运用软硬技能。每个主题都用两页的篇幅来讲解,除了快速提供需要掌握的知识点外,还通过动手实例来巩固所学到的知识。
每个主题两页篇幅。每个主题都用简洁的、两页篇幅的一个小节进行讲述。许多小节还包含马上就可以开始的动手实作,旨在帮助巩固新学的技能或概念。这种精心设计对学业沉重的学生尤其有用,因为他们需要立即搞清楚关键的概念。
动手实作。网页开发是一门技能,只有通过动手实作才能更好地掌握。本书十分强调实际动手能力的培养,体现在每章的动手实作练习题、章末练习题以及通过真实的案例学习来完成网站的开发。
网站案例学习。从第2 章开始,案例学习将贯穿全书。它的作用是巩固每章所学的技能。教师资源中心提供了案例的示例解决方案,网址是http://www.pearsonhighered.com/irc。
聚焦网页设计。大多数章都提供额外的活动来探索与本章有关的网页设计主题。这些活动可以用于巩固、扩展和增强课程主题。
在我的网页开发课堂中,学生经常会问到一些同样的问题。书中列出了这些问题,并用FAQ 标志注明。
开发无障碍网页的重要性日益增强,所以无障碍网页设计技术将贯穿全书。这个特殊标记可以让您更方便地找到这些信息。
本书使用特殊的道德规范标记注明与网页开发有关的道德规范话题。
提供有用的背景资料,或者帮助提高生产力。
这个特殊标记代表可供深入探索的网络资源,方便学生对当前主题进行深入学习。
参考资料。附录提供了丰富的参考资料,包括HTML5 参考、CSS 参考、WCAG 2.1快速参考以及ARIA Landmark Roles 概述。
视频讲解(Video Note) 视频讲解讲解关键编程概念和技术,演示从设计到编码来解决问题的过程。视频讲解方便学生自学自己感兴趣的主题,支持选择、播放、倒退、快进和暂停。每当看到 视频讲解:……,都表明当前主题有对应的视频讲解。
视频列表可从本书中文版配套网站获取,网址是https://pan.baidu.com/s/1yd43W。注意,由于是英文视频,所以为了方便索引,书中保留了这些视频的英文名称。
补充材料
学生资源。本书中文版读者请访问https://pan.baidu.com/s/1yd43W(区分大小写)获取学生资源(含视频讲解)。
教师资源。以下补充资源仅供认证教师使用。
章末练习题答案;
案例学习作业答案;
试题;
PPT 演示文稿;
示范教学大纲。
作者网站。除了出版社为本书提供的配套网站,作者还专门创建了一个网站,网址为https://www.webdevbasics.net。该网站拥有许多额外资源,包括调色板和学习/复习游戏,还为每一章都单独建了一个网页,提供这一章的示例、链接和更新信息。
该网站由作者自行维护,和出版商无利益关系。
致谢
特别感谢出版社的工作人员,包括戈登斯坦(Matt Goldstein),雅各比(Meghan Jacoby) 和布兰兹(Amanda Brands)。
感谢我的家人,尤其是我的“另一半”,感谢他的耐心、关爱、支持和鼓励。最后还要特别纪念我的父亲,我们永远想念他。
目录
第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