HTML5与CSS3从入门到精通
语音
编辑
锁定
讨论
上传视频
本书针对HTML5和CSS3的*标准进行及时的更新和修订,包含的主题有:Inter和Web概念;创建HTML5网页;用CSS配置颜色和文本;用CSS配置页面布局;配置图像和多媒体;探索新增的CSS3特性;应用网页设计*实践;设计可访问和可用的网页;搜索引擎优化设计;选择域名;发布网站。
本书适合所有对网页设计感兴趣的读者阅读,是一本理想的入门参考。
书 名
HTML5与CSS3从入门到精通(第3版)
作 者
[美]Terry Felke-Morris
类 别
编程语言与程序设计
原作品
Basics of Web Design:HTML5 and CSS3
译 者
周靖
出版社出版时间
2017年07月01日
页 数
434 页
定 价
69 元
开 本
16 开
装 帧
平装-胶订
ISBN
9787302473268
版 次
3
HTML5与CSS3从入门到精通基本信息
编辑
语音
书名:HTML5与CSS3从入门到精通
作者:[美]Terry Felke-Morris
定价:69元
印次:3-1
ISBN:9787302473268
出版日期:2017.06.01
印刷日期:2017.06.13
[1]
HTML5与CSS3从入门到精通目录
编辑
语音
第1章 互联网和万维网基础 1
1.1 互联网和万维网 2
互联网 2
互联网的诞生 2
互联网的发展 2
万维网的诞生 2
第一个图形化浏览器 3
各种技术的聚合 3
1.2 网页标准和无障碍访问 4
W3C推荐标准 4
网页标准和无障碍访问 4
无障碍访问和法律 4
网页通用设计 5
1.3 浏览器和服务器 6
网络概述 6
客户端/服务器模型 6
传输控制协议/Internet协议 8
IP地址 9
1.5 统一资源标识符(URI)和域名 10
URI和URL 10
域名 10
顶级域名 11
国家代码顶级域名 12
域名系统DNS 13
1.6 网上的信息 14
网上的信息可靠吗? 14
网上的信息是最新的吗? 15
有没有指向其他资源的外部链接? 15
1.7 HTML概述 16
什么是HTML? 16
什么是XML? 17
什么是XHTML? 17
HTML的最新版本HTML5 17
1.8 网页幕后揭秘 18
文档类型定义(DTD) 18
网页模板 18
页头区域 19
主体区域 19
1.9 第一个网页 20
动手实作1.1 20
新建文件夹 20
保存文件 21
测试网页 22
复习和练习 23
复习题 23
动手练习 23
网上调研 24
聚焦网页设计 24[1]
第2章HTML基础 25
2.1标题元素 26
动手实作2.1 26
无障碍访问和标题 27
HTML5更多的标题选项 27
2.2段落元素 28
动手实作2.2 28
对齐 29
2.3换行和水平标尺 30
换行元素 30
动手实作2.3 30
水平标尺元素 31
动手实作2.4 31
2.4块引用元素 32
动手实作2.5 33
2.5短语元素 34
2.6有序列表 36
type属性,start属性和
reversed属性 36
动手实作2.6 37
2.7无序列表 38
动手实作2.7 39
2.8描述列表 40
动手实作2.8 41
2.9特殊字符 42
动手实作2.9 42
2.10HTML语法校验 44
动手实作2.10 44
2.11结构元素 46
div元素 46
header元素 46
nav元素 46
main元素 46
footer元素 46
动手实作2.11 47
2.12练习使用结构元素 48
动手实作2.12 48
2.13锚元素 50
动手实作2.13 50
链接目标 51
绝对链接 51
相对链接 51
blockanchor 51
2.14练习使用链接 52
站点地图 52
动手实作2.14 52
2.15电子邮件链接 56
动手实作2.15 57
复习和练习 58
复习题 58
动手练习 59
聚焦网页设计 59
案例分析 59
PacificTrailsResort案例分析 60
JavaJamCoffeeHouse案例分析 62
第3章网页设计基础 67
3.1为目标受众设计 68
浏览器 69
屏幕分辨率 69
3.2网站组织 70
分级式组织 70
线性组织 71
随机组织 71
3.3视觉设计原则 72
重复:在整个设计中重复视觉元素 72
对比:添加视觉刺激和吸引注意力 73
近似:分组相关项目 73
对齐:对齐元素实现视觉上的统一 73
3.4提供无障碍访问 74
通用设计和增强无障碍访问的
受益者 74
无障碍设计有助于提高在搜索
引擎中的排名 74
法律规定 75
无障碍设计的热潮 75
3.5文本的使用 76
文本设计的注意事项 76
3.6调色板 78
十六进制颜色值 78
网页安全色 78
无障碍设计和颜色 79
3.7针对目标受众进行设计 80
面向儿童 80
面向年轻人 80
面向所有人 81
面向老年人 81
3.8选择颜色方案 83
以一张图片为基础的方案 83
色轮 84
变深、变浅和变灰 84
单色 85
相似色 85
互补色 86
分散互补色 86
三色 86
四色 87
实现颜色方案 87
3.9使用图片和多媒体 88
文件大小和图片尺寸 88
抗锯齿/锯齿化文本的问题 88
只使用必要的多媒体 89
提供替代文本 89
3.10更多设计考虑 90
感觉到的加载时间 91
第一屏 91
适当留白 91
水平滚动 91
3.11导航设计 92
网站要易于导航 92
导航栏 92
图片导航 93
动态导航 93
站点地图 93
站点搜索功能 94
3.12线框和页面布局 95
3.13固定和流动布局 98
固定布局 98
流动布局 99
3.14为移动网络设计 100
三种方式 100
移动设备设计考虑 100
桌面和移动网站的例子 101
移动设计小结 101
3.15灵活响应的网页设计 102
3.16网页设计最佳实践 104
复习和练习 106
复习题 106
动手练习 107
聚焦网页设计 107
网页项目案例分析 108
项目里程碑 108
第4章CSS基础 111
4.1CSS概述 112
层叠样式表的优点 112
配置CSS的方法 113
层叠样式表的“层叠” 113
4.2CSS选择符和声明 114
CSS语法基础 114
background-color属性 114
color属性 114
配置背景色和文本色 115
4.3CSS颜色值语法 116
4.4配置内联CSS 118
style属性 118
动手实作4.1 118
4.5配置嵌入CSS 120
style元素 120
动手实作4.2 121
4.6配置外部CSS 123
link元素 123
动手实作4.3 123
4.7CSS的class、ID和后代选择符 125
class选择符 125
id选择符 125
后代选择符 125
动手实作4.4 125
4.8span元素 127
span元素 127
动手实作4.5 127
4.9练习使用CSS 129
动手实作4.6 129
将嵌入CSS转换为外部CSS 129
将网页与外部CSS文件关联 129
4.10层叠 132
4.11练习使用层叠 134
动手实作4.7 134
4.12CSS语法校验 136
动手实作4.8 136
复习和练习 138
复习题 138
动手练习 139
聚焦网页设计 139
PacificTrailsResort案例分析 140
JavaJamCoffeeHouse案例分析 143
第5章图形和文本样式基础 147
5.1图片 148
GIF图片 148
JPEG图片 148
PNG图片 149
5.2img元素 150
动手实作5.1 150
5.3图片链接 152
动手实作5.2 152
5.4配置背景图片 154
background-image属性 154
同时使用背景颜色和背景图片 154
浏览器如何显示背景图片 154
background-attachment属性 155
5.5定位背景图片 156[2]
background-repeat属性 156
定位背景图片 156
动手实作5.3 157
5.6用CSS3配置多张背景图片 158
渐进式增强 158
动手实作5.4 159
5.7用CSS配置字体 160
font-family属性 160
动手实作5.5 160
5.8CSS文本属性 162
font-size属性 162
font-weight属性 162
font-style属性 162
line-height属性 163
text-align属性 163
text-decoration属性 163
text-indent属性 163
text-transform属性 163
letter-spacing属性 163
5.9练习配置图形和文本 164
动手实作5.6 164
5.10用CSS配置列表符号 166
用图片代替列表符号 167
动手实作5.7 167
5.11收藏图标 168
配置收藏图标 168
动手实作5.8 168
5.12图像映射 170
map元素 170
area元素 170
探索矩形图像映射 170
5.13复习和练习 172
复习题 172
动手练习 173
聚焦网页设计 174
PacificTrailsResort案例分析 174
JavaJamCoffeeHouse案例分析 178
第6章CSS进阶 183
6.1宽度和高度 184
width属性 184
min-width属性 184
max-width属性 184
height属性 185
动手实作6.1 185
6.2框模型 186
内容 186
填充 186
边框 186
边距 187
框模型实例 187
6.3边距和填充 188
margin属性 188
padding属性 188
6.4边框 190
动手实作6.2 191
6.5CSS3圆角 192
动手实作6.3 193
6.6居中页面内容 194
动手实作6.4 194
6.7CSS3的边框和文本阴影 196
CSS3的box-shadow属性 196
CSS3的text-shadow属性 196
动手实作6.5 197
6.8CSS3的background-clip和
background-origin属性 198
CSS3background-clip属性 198
CSS3background-origin属性 199
6.9CSS3背景大小和缩放 200
6.10练习使用CSS3属性 202
动手实作6.6 202
6.11CSS3的opacity属性 204
动手实作6.7 204
6.12CSS3RGBA颜色 206
动手实作6.8 207
6.13CSS3HSLA颜色 208
色调、饱和度、亮度和alpha 208
HSLA颜色示例 208
动手实作6.9 209
6.14CSS3的渐变 210
线性渐变语法 210
辐射渐变语法 210
CSS3渐变和渐进式增强 211
动手实作6.10 211
复习和练习 212
复习题 212
动手练习 213
聚焦网页设计 213
PacificTrailsResort案例分析 213
JavaJamCoffeeHouse案例分析 216
第7章页面布局基础 221
7.1正常流动 222
动手实作7.1 222
7.2浮动 224
float属性 224
动手实作7.2 225
浮动元素和正常流动 225
7.3清除浮动 226
clear属性 226
7.4溢出 228
overflow属性 228
7.5基本双栏布局 230
动手实作7.3 230
双栏布局的例子 234
7.6用无序列表实现垂直导航 236
用CSS配置无序列表 236
用CSStext-decoration属性消除
下划线 236
动手实作7.4 237
7.7用无序列表实现水平导航 238
CSS的display属性 238
动手实作7.5 239
7.8用伪类实现CSS交互性 240
动手实作7.6 240
7.9练习CSS双栏布局 242
动手实作7.7 242
7.10用CSS进行定位 244
static定位 244[2]
fixed定位 244
相对定位 244
绝对定位 245
7.11练习定位 246
动手实作7.8 246
7.12CSS精灵 248
动手实作7.9 249
复习和练习 250
复习题 250
动手练习 251
聚焦网页设计 251
PacificTrailsResort案例分析 251
JavaJamCoffeeHouse案例分析 252
第8章链接、布局和移动
开发进阶 255
8.1相对链接的更多知识 256
相对链接的例子 256
动手实作8.1 256
8.2区段标识符 258
动手实作8.2 259
8.3figure元素和figcaption元素 260
figure元素 260
figcaption元素 260
添加图题 260
动手实作8.3 261
8.4图片浮动练习 262
动手实作8.4 262
8.5更多HTML5元素 264
section元素 264
article元素 264
aside元素 264
time元素 264
动手实作8.5 264
8.6HTML5与旧浏览器的兼容性 266
配置CSS块显示 266
HTML5Shim 266
动手实作8.6 267
8.7CSS对打印的支持 268
打印样式最佳实践 268
动手实作8.7 269
8.8移动网页设计 270
移动网页设计要考虑的问题 270
为移动使用优化布局 271
优化移动导航 271
优化移动图片 272
优化移动文本 272
为OneWeb而设计 272
8.9viewportmeta标记 273
8.10CSS3媒体查询 275
什么是媒体查询 275
使用link元素的媒体查询例子 275
使用@media规则的媒体查询示例 276
8.11练习媒体查询 277
动手实作8.8 277
8.12灵活图像 281
动手实作8.9 281
8.13测试移动显示 283
用桌面浏览器测试 284
针对专业开发人员 285
复习和练习 287
复习题 287
动手练习 288
聚焦网页设计 288
PacificTrailsResort案例分析 288
JavaJamCoffeeHouse案例分析 292
第9章表格基础 297
9.1表格概述 298
table元素 298
border属性 299
表格标题 299
9.2表行、单元格和表头 300
动手实作9.1 301
9.3跨行和跨列 302
动手实作9.2 302
9.4配置无障碍访问表格 304
9.5用CSS配置表格样式 306
动手实作9.3 306
9.6CSS3结构性伪类 308
动手实作9.4 308
配置首字母 309
9.7配置表格区域 310
复习和练习 312
复习题 312
动手练习 313
聚焦网页设计 313
PacificTrailsResort案例分析 314
JavaJamCoffeeHouse案例分析 315
第10章表单基础 317
10.1概述 318
form元素 318
表单控件 319
10.2文本框 320
10.3提交按钮和重置按钮 322
提交按钮 322
重置按钮 322
示例表单 322
动手实作10.1 323
10.4复选框和单选钮 324
复选框 324
单选钮 325
10.5隐藏字段和密码框 326
隐藏字段 326
密码框 326
10.6textarea元素 328
动手实作10.2 329
10.7select和option元素 330
select元素 330
option元素 330
10.8label元素 332
动手实作10.3 333
10.9fieldset元素和legend元素 334
fieldset元素 334
legend元素 334
用CSS配置fieldset分组样式 335
10.10用CSS配置表单样式 336
动手实作10.4 336
属性选择符 337
10.11服务器端处理 338
隐私和表单 339
10.12表单练习 340
动手实作10.5 340
10.13HTML5文本表单控件 342
E-mail地址输入表单控件 342
URL表单输入控件 342
电话号码表单输入控件 343
搜索词输入表单控件 343
HTML5文本框表单控件的
有效属性 343
10.14HTML5的datalist元素 344
10.15HTML5的slider控件和spinner
控件 346
slider表单输入控件 346
spinner表单输入控件 347
HTML5和渐进式增强 347
10.16HTML5日历和颜色池控件 348
日历输入表单控件 348
颜色池表单控件 349
10.17HTML5表单练习 350
动手实作10.6 350
复习和练习 352
复习题 352
动手练习 353
聚焦网页设计 353
PacificTrailsResort案例分析 353
JavaJamCoffeeHouse案例分析 357
第11章媒体和交互性基础 361
11.1插件、容器和codec 362
辅助应用程序和插件 362
11.2配置音频和视频 364
访问音频或视频文件 364
动手实作11.1 364
多媒体和浏览器兼容问题 365
11.3Flash和HTML5embed元素 366
embed元素 366
动手实作11.2 367
11.4HTML5audio和source元素 368
audio元素 368
source元素 368
动手实作11.3 369
11.5HTML5video和source元素 370
video元素 370
source元素 370
11.6练习HTML5视频 372
动手实作11.4 372
11.7iframe元素 374[2]
动手实作11.5 375
11.8CSS3的transform属性 376
CSS3旋转变换 376
CSS3伸缩变换 377
动手实作11.6 377
11.9CSS3transition属性 378
动手实作11.7 378
11.10练习CSS过渡 380
动手实作11.8 380
11.11CSS下拉菜单 382
动手实作11.9 382
11.12JavaScript和jQuery 384
JavaScript 384
jQuery 385
11.13HTML5API 386
地理位置 386
Web存储 386
离线Web应用程序 386
复习和练习 388
复习题 388
动手练习 388
聚焦网页设计 389
PacificTrailsResort案例分析 389
JavaJamCoffeeHouse案例分析 391
第12章Web发布基础 393
12.1注册域名 394
选择域名 394
注册域名 395
12.2选择Web主机 396
Web主机的类型 396
选择虚拟主机 396
12.3用FTP发布 399
FTP应用程序 399
用FTP连接 399
使用FTP 399
12.4提交到搜索引擎 401
搜索引擎的组成 401
在搜索引擎中列出你的网站 402
12.5搜索引擎优化 403
链接 404
图片和多媒体 404
有效代码 404
有价值的内容 404
12.6无障碍访问测试 405
通用设计和无障碍访问 405
Web无障碍访问标准 405
测试无障碍设计相容性 406
12.7可用性测试 407
进行可用性测试 407
动手实作12.1 408
复习和练习 409
复习题 409
动手练习 410
聚焦网页设计 410
PacificTrailsResort案例分析 411
JavaJamCoffeeHouse案例分析 411
附录A复习和练习答案 413
附录BHTML5速查表 414
附录CCSS速查表 418
附录DXHTML速查表 422
附录E对比XHTML和HTML5 425
附录FWCAG2.0快速参考 433
附录GWeb安全调色板 435[2]
词条图册
更多图册
参考资料
1.
HTML5与CSS3从入门到精通
.清华大学出版社[引用日期2017-12-01]
2.
0
[引用日期2017-12-11]