HTML5与CSS3从入门到精通 第3版 网页设计与制作教程书籍 网页制作与网站建设布局开发 网页设计语言 基础教程 网页设计代码大全.

基本信息

书名:HTML5与CSS3从入门到精通（第3版）

定价：(咨询特价)

作者:［美］Terry Felke-Morris

出版社：清华大学出版社

出版日期：2017-(咨询特价)

ISBN(咨询特价)

字数：

页码：

版次：3

装帧：平装-胶订

开本：16开

商品重量：

编辑推荐

通俗易懂，结构清晰，由浅入深阐述网页设计师必知必会的基本技能和概念:

�1�76�1�71互联网与维网基础

�1�76�1�71用HTML5创建网页

�1�76�1�71用CSS配置颜色和文本

�1�76�1�71用CSS配置页面布局

�1�76�1�71配置图像和多媒体

�1�76�1�71探究CSS3新增属性

�1�76�1�71运用网页设计*实践

�1�76�1�71网页的无障碍访问和使用性设计

�1�76�1�71为搜索引擎优化而设计

�1�76�1�71选择域名

�1�76�1�71上线，发布到网上

本书版和第2版深受师生喜爱，第3版根据学习需要提前在第2章介绍了HTML5结构化素，并在第5章重点介绍了网页颜色的搭配。此外，第3版还增加了以下特色：

�1�76�1�71更多动手实作练习

�1�76�1�71案例学习有新增和修订

�1�76�1�71进一步深入介绍网页布局设计

�1�76�1�71进一步深入介绍移动网页设计

�1�76�1�71进一步深入介绍响应式网页设计技术

�1�76�1�71新增对CSS媒体查询的介绍

目录

章 互联网和维网基础 1

1.1 互联网和维网 2

互联网 2

互联网的诞生 2

互联网的发展 2

维网的诞生 2

个图形化浏览器 3

各种技术的聚合 3

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

W3C推荐标准 4

网页标准和无障碍访问 4

无障碍访问和法律 4

网页通用设计 5

1.3 浏览器和服务器 6

网络概述 6

客户端/服务器模型 6

1.4Internet协议 8

电子邮件协议 8

超文本传输协议 8

文件传输协议 8

传输控制协议/Internet协议 8

IP地址 9

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

URI和URL

域名

域名 11

通用域名 11

国家代码域名 12

域名系统DNS 13

1.6 网上的信息 14

网上的信息可靠吗？ 14

网上的信息是的吗？ 15

有没有指向其他资源的外部链接？ 15

1.7HTML概述 16

什么是HTML？ 16

什么是XML？ 17

什么是XHTML？ 17

HTML的版本HTML(咨询特价)

1.8 网页幕后揭秘 18

文档类型定义(DTD) 18

网页模板 18

html素 18

页头区域 19

主体区域 19

1.9 个网页 20

动手实作1.(咨询特价)

新建文件夹 20

保存文件 21

测试网页 22

复习和练习 23

复习题 23

动手练习 23

网上调研 24

聚焦网页设计 24

第2章 HTML基础 25

2.1 标题素 26

动手实作2.(咨询特价)

无障碍访问和标题 27

HTML5更多的标题选项 27

2.2 段落素 28

动手实作2.(咨询特价)

对齐 29

2.3 换行和水平标尺 30

换行素 30

动手实作2.(咨询特价)

水平标尺素 31

动手实作2.(咨询特价)

2.4 块引用素 32

动手实作2.(咨询特价)

2.5 短语素 34

2.6 有序列表 36

type属性，start属性和

reversed属性 36

动手实作2.(咨询特价)

2.7 无序列表 38

动手实作2.(咨询特价)

2.8 描述列表 40

动手实作2.(咨询特价)

2.9 特殊字符 42

动手实作2.(咨询特价)

2.HTML语法校验 44

动手实作2. 44

(咨询特价)结构素 46

div素 46

header素 46

nav素 46

main素 46

footer素 46

动手实作2.(咨询特价)

(咨询特价)练习使用结构素 48

动手实作2.(咨询特价)

(咨询特价)锚素 50

动手实作2.(咨询特价)

链接目标 51

链接 51

相对链接 51

block anchor 51

(咨询特价)练习使用链接 52

站点地图 52

动手实作2.(咨询特价)

(咨询特价)电子邮件链接 56

动手实作2.(咨询特价)

复习和练习 58

复习题 58

动手练习 59

聚焦网页设计 59

案例分析 59

Pacific Trails Resort案例分析 60

JavaJam Coffee House案例分析 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.更多设计考虑 90

感觉到的加载时间 91

屏 91

适当留白 91

水平滚动 91

(咨询特价)导航设计 92

网站要易于导航 92

导航栏 92

图片导航 93

动态导航 93

站点地图 93

站点搜索功能 94

(咨询特价)线框和页面布局 95

(咨询特价)固定和流动布局 98

固定布局 98

流动布局 99

(咨询特价)为移动网络设计 0

三种方式 0

移动设备设计考虑 0

桌面和移动网站的例子 1

移动设计小结 1

(咨询特价)灵活响应的网页设计 2

(咨询特价)网页设计实践 4

复习和练习 6

复习题 6

动手练习 7

聚焦网页设计 7

网页项目案例分析 8

项目里程碑 8

第4章 CSS基础 111

4.1CSS概述 112

层叠样式表的优点 112

配置CSS的方法 113

层叠样式表的“层叠” 113

4.2CSS选择符和声明 114

CSS语法基础 114

background-color属性 114

color属性 114

配置背景色和文本色 115

4.3 CSS颜色值语法 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.层叠 132

(咨询特价)练习使用层叠 134

动手实作4.7 134

(咨询特价)CSS语法校验 136

动手实作4.8 136

复习和练习 138

复习题 138

动手练习 139

聚焦网页设计 139

Pacific Trails Resort案例分析 140

JavaJam Coffee House案例分析 143

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

5.1 图片 148

GIF图片 148

JPEG图片 148

PNG图片 149

新的WebP图像格式 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

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.用CSS配置列表符号 166

用图片代替列表符号 167

动手实作5.7 167

(咨询特价)收藏图标 168

配置收藏图标 168

动手实作5.8 168

(咨询特价)图像映射 170

map素 170

area素 170

探索矩形图像映射 170

(咨询特价)复习和练习 172

复习题 172

动手练习 173

聚焦网页设计 174

Pacific Trails Resort案例分析 174

JavaJam Coffee House案例分析 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.5CSS(咨询特价)角 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

CSS3 background-clip属性 198

CSS3 background-origin属性 199

6.9CSS3背景大小和缩放 200

6.练习使用CSS3属性 202

动手实作6.6 202

(咨询特价)CSS3的opacity属性 204

动手实作6.7 204

(咨询特价)CSS3 RGBA颜色 206

动手实作6.8 207

(咨询特价)CSS3 HSLA颜色 208

色调、饱和度、亮度和alpha 208

HSLA颜色示例 208

动手实作6.9 209

(咨询特价)CSS3的渐变 2

线性渐变语法 2

辐射渐变语法 2

CSS3渐变和渐进式增强 211

动手实作6. 211

复习和练习 212

复习题 212

动手练习 213

聚焦网页设计 213

Pacific Trails Resort案例分析 213

JavaJam Coffee House案例分析 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

用CSS text-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.用CSS进行定位 244

static定位 244

fixed定位 244

相对定位 244

定位 245

(咨询特价)练习 定 位 246

动手实作7.8 246

(咨询特价)CSS精灵 248

动手实作7.9 249

复习和练习 250

复习题 250

动手练习 251

聚焦网页设计 251

Pacific Trails Resort案例分析 251

JavaJam Coffee House案例分析 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 更多HTML(咨询特价)素 264

section素 264

article素 264

aside素 264

time素 264

动手实作8.5 264

8.6HTML5与旧浏览器的兼容性 266

配置CSS块显示 266

HTML5 Shim 266

动手实作8.6 267

8.7CSS对打印的支持 268

打印样式实践 268

动手实作8.7 269

8.8 移动网页设计 270

移动网页设计要考虑的问题 270

为移动使用优化布局 271

优化移动导航 271

优化移动图片 272

优化移动文本 272

为One Web而设计 272

8.9viewport meta标记 273

8.CSS3媒体查询 275

什么是媒体查询 275

使用link素的媒体查询例子 275

使用@media规则的媒体查询示例 276

(咨询特价)练习媒体查询 277

动手实作8.8 277

(咨询特价)灵活图像 281

动手实作8.9 281

(咨询特价)测试移动显示 283

用桌面浏览器测试 284

针对专业开发人员 285

复习和练习 287

复习题 287

动手练习 288

聚焦网页设计 288

Pacific Trails Resort案例分析 288

JavaJam Coffee House案例分析 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 配置表格区域 3

复习和练习 312

复习题 312

动手练习 313

聚焦网页设计 313

Pacific Trails Resort案例分析 314

JavaJam Coffee House案例分析 315

第章 表单基础 317

.1概述 318

form素 318

表单控件 319

.2文本框 320

.3提交按钮和重置按钮 322

提交按钮 322

重置按钮 322

示例表单 322

动手实作.1 323

.4复选框和单选钮 324

复选框 324

单选钮 325

.5隐藏字段和密码框 326

隐藏字段 326

密码框 326

.6textarea素 328

动手实作.2 329

.7select和option素 330

select素 330

option素 330

.8label素 332

动手实作.3 333

.9fieldset素和legend素 334

fieldset素 334

legend素 334

用CSS配置fieldset分组样式 335

.用CSS配置表单样式 336

动手实作.4 336

属性选择符 337

.11服务器端处理 338

隐私和表单 339

.12表单练习 340

动手实作.5 340

.13HTML5文本表单控件 342

E-mail地址输入表单控件 342

URL表单输入控件 342

号码表单输入控件 343

搜索词输入表单控件 343

HTML5文本框表单控件的

有效属性 343

.14HTML5的datalist素 344

.15HTML5的slider控件和spinner

控件 346

slider表单输入控件 346

spinner表单输入控件 347

HTML5和渐进式增强 347

.16HTML5日历和颜色池控件 348

日历输入表单控件 348

颜色池表单控件 349

.17HTML5表单练习 350

动手实作.6 350

复习和练习 352

复习题 352

动手练习 353

聚焦网页设计 353

Pacific Trails Resort案例分析 353

JavaJam Coffee House案例分析 357

1章 媒体和交互性基础 361

11.1插件、容器和codec 362

辅助应用程序和插件 362

11.2配置音频和视频 364

访问音频或视频文件 364

动手实作11.1 364

多媒体和浏览器兼容问题 365

11.3Flash和HTML5 embed素 366

embed素 366

动手实作11.2 367

11.4HTML5 audio和source素 368

audio素 368

source素 368

动手实作11.3 369

11.5HTML5 video和source素 370

video素 370

source素 370

11.6练习HTML5视频 372

动手实作11.4 372

11.7iframe素 374

动手实作11.5 375

11.8CSS3的transform属性 376

CSS3旋转变换 376

CSS3伸缩变换 377

动手实作11.6 377

11.9CSS3 transition属性 378

动手实作11.7 378

11.练习CSS过渡 380

动手实作11.8 380

(咨询特价)CSS下拉菜单 382

动手实作11.9 382

(咨询特价)JavaScript和jQuery 384

JavaScript 384

jQuery 385

(咨询特价)HTML5 API 386

地理位置 386

Web存储 386

离线Web应用程序 386

用canvas素绘图 387

复习和练习 388

复习题 388

动手练习 388

聚焦网页设计 389

Pacific Trails Resort案例分析 389

JavaJam Coffee House案例分析 391

2章 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

动手练习 4

聚焦网页设计 4

Pacific Trails Resort案例分析 411

JavaJam Coffee House案例分析 411

附录A 复习和练习答案 413

附录B HTML5速查表 414

附录C CSS速查表 418

附录D XHTML速查表 422

附录E 对比XHTML和HTML5 425

附录F WCAG 2.0快速参考 433

附录G Web安全调色板 435

内容提要

本书针对HTML5和CSS3的*标准进行及时的更新和修订，含的主题有：Internet和Web概念；创建HTML5网页；用CSS配置颜色和文本；用CSS配置页面布局；配置图像和多媒体；探索新增的CSS3特性；应用网页设计*实践；设计可访问和可用的网页；搜索引擎优化设计；选择域名；发布网站。

本书适合所有对网页设计感兴趣的读者阅读，是一本理想的入门参考。

作者介绍

美国哈珀学院荣休教授。她熟悉各种平台和软件开发语言，有二十多年的信息技术教学经验，讲授的课程有网页开发、计算机信息系统、教学技术和数学，以及信息管理和数据库研究生课程。

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

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

她一直保持旺盛的学习力，拥有教育学博士学位、信息系统硕士学位和远程教学硕士学位，以及很多从业资格证书：CIW电子商务设计师、CIW设计师、CIW认证讲师，WOW网络管理员和Adobe认证Dreamweaver 8开发人员。