HTML5与CSS3从入门到精通2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML5与CSS3从入门到精通PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

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

1.1 互联网和万维网2

互联网2

互联网的诞生2

互联网的发展2

万维网的诞生2

第一个图形化浏览器3

各种技术的聚合3

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

W3C推荐标准4

网页标准和无障碍访问4

无障碍访问和法律4

网页通用设计5

1.3 浏览器和服务器6

网络概述6

客户端／服务器模型6

1.4 Internet协议8

电子邮件协议8

超文本传输协议8

文件传输协议8

传输控制协议／Internet协议8

IP地址9

1.5 统一资源标识符（URI）和域名10

URI和URL10

域名10

项级域名11

通用项级域名11

国家代码顶级域名12

域名系统DNS13

1.6 网上的信息14

网上的信息可靠吗？14

网上的信息是最新的吗？15

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

1.7 HTML概述16

什么是HTML？16

什么是XML？17

什么是XHTML？17

HTML的最新版本HTML517

1.8 网页幕后揭秘18

文档类型定义（DTD）18

网页模板18

html元素18

页头区域19

主体区域19

1.9 第一个网页20

动手实作1.120

新建文件夹20

保存文件21

测试网页22

复习和练习23

复习题23

动手练习23

网上调研24

聚焦网页设计24

第2章 HTML基础25

2.1 标题元素26

动手实作2.126

无障碍访问和标题27

HTML5更多的标题选项27

2.2 段落元素28

动手实作2.228

对齐29

2.3 换行和水平标尺30

换行元素30

动手实作2.330

水平标尺元素31

动手实作2.431

2.4 块引用元素32

动手实作2.533

2.5 短语元素34

2.6 有序列表36

type属性，start属性和reversed属性36

动手实作2.637

2.7 无序列表38

动手实作2.739

2.8 描述列表40

动手实作2.841

2.9 特殊字符42

动手实作2.942

2.10 HTML语法校验44

动手实作2.1044

2.11 结构元素46

div元素46

header元素46

nav元素46

main元素46

footer元素46

动手实作2.1147

2.12 练习使用结构元素48

动手实作2.1248

2.13 锚元素50

动手实作2.1350

链接目标51

绝对链接51

相对链接51

block anchor51

2.14 练习使用链接52

站点地图52

动手实作2.1452

2.15 电子邮件链接56

动手实作2.1557

复习和练习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.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.1 CSS概述112

层叠样式表的优点112

配置CSS的方法113

层叠样式表的“层叠”113

4.2 CSS选择符和声明114

CSS语法基础114

background-color属性114

color属性114

配置背景色和文本色115

4.3 CSS颜色值语法116

4.4 配置内联CSS118

style属性118

动手实作4.1118

4.5 配置嵌入CSS120

style元素120

动手实作4.2121

4.6 配置外部CSS123

link元素123

动手实作4.3123

4.7 CSS的class、ID和后代选择符125

class选择符125

id选择符125

后代选择符125

动手实作4.4125

4.8 span元素127

span元素127

动手实作4.5127

4.9 练习使用CSS129

动手实作4.6129

将嵌入CSS转换为外部CSS129

将网页与外部CSS文件关联129

4.10 层叠132

4.11 练习使用层叠134

动手实作4.7134

4.12 CSS语法校验136

动手实作4.8136

复习和练习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.2 img元素150

动手实作5.1150

5.3 图片链接152

动手实作5.2152

5.4 配置背景图片154

background-image属性154

同时使用背景颜色和背景图片154

浏览器如何显示背景图片154

background-attachment属性155

5.5 定位背景图片156

background-repeat属性156

定位背景图片156

动手实作5.3157

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

渐进式增强158

动手实作5.4159

5.7 用CSS配置字体160

font-family属性160

动手实作5.5160

5.8 CSS文本属性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.6164

5.10 用CSS配置列表符号166

用图片代替列表符号167

动手实作5.7167

5.11 收藏图标168

配置收藏图标168

动手实作5.8168

5.12 图像映射170

map元素170

area元素170

探索矩形图像映射170

5.13 复习和练习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.1185

6.2 框模型186

内容186

填充186

边框186

边距187

框模型实例187

6.3 边距和填充188

margin属性188

padding属性188

6.4 边框190

动手实作6.2191

6.5 CSS3圆角192

动手实作6.3193

6.6 居中页面内容194

动手实作6.4194

6.7 CSS3的边框和文本阴影196

CSS3的box-shadow属性196

CSS3的text-shadow属性196

动手实作6.5197

6.8 CSS3的background-clip和background-origin属性198

CSS3 background-clip属性198

CSS3 background-origin属性199

6.9 CSS3背景大小和缩放200

6.10 练习使用CSS3属性202

动手实作6.6202

6.11 CSS3的opacity属性204

动手实作6.7204

6.12 CSS3 RGBA颜色206

动手实作6.8207

6.13 CSS3 HSLA颜色208

色调、饱和度、亮度和alpha208

HSLA颜色示例208

动手实作6.9209

6.14 CSS3的渐变210

线性渐变语法210

辐射渐变语法210

CSS3渐变和渐进式增强211

动手实作6.10211

复习和练习213

复习题213

动手练习214

聚焦网页设计214

Pacific Trails Resort案例分析214

JavaJam Coffee House案例分析217

第7章 页面布局基础221

7.1 正常流动222

动手实作7.1222

7.2 浮动224

float属性224

动手实作7.2225

浮动元素和正常流动225

7.3 清除浮动226

clear属性226

7.4 溢出228

overflow属性228

7.5 基本双栏布局230

动手实作7.3230

双栏布局的例子234

7.6 用无序列表实现垂直导航236

用CSS配置无序列表236

用CSS text-decoration属性消除下划线236

动手实作7.4237

7.7 用无序列表实现水平导航238

CSS的display属性238

动手实作7.5239

7.8 用伪类实现CSS交互性240

动手实作7.6240

7.9 练习CSS双栏布局242

动手实作7.7242

7.10 用CSS进行定位244

static定位244

fixed定位244

相对定位244

绝对定位245

7.11 练习定位246

动手实作7.8246

7.12 CSS精灵248

动手实作7.9249

复习和练习250

复习题250

动手练习251

聚焦网页设计251

Pacific Trails Resort案例分析251

JavaJam Coffee House案例分析252

第8章 链接、布局和移动开发进阶255

8.1 相对链接的更多知识256

相对链接的例子256

动手实作8.1256

8.2 区段标识符258

动手实作8.2259

8.3 figure元素和figcaption元素260

figure元素260

figcaption元素260

添加图题260

动手实作8.3261

8.4 图片浮动练习262

动手实作8.4262

8.5 更多HTML5元素264

section元素264

article元素264

aside元素264

time元素264

动手实作8.5264

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

配置CSS块显示266

HTML5 Shim266

动手实作8.6267

8.7 CSS对打印的支持268

打印样式最佳实践268

动手实作8.7269

8.8 移动网页设计270

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

为移动使用优化布局271

优化移动导航271

优化移动图片272

优化移动文本272

为One Web而设计272

8.9 viewport meta标记273

8.10 CSS3媒体查询275

什么是媒体查询275

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

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

8.11 练习媒体查询277

动手实作8.8277

8.12 灵活图像281

动手实作8.9281

8.13 测试移动显示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.1301

9.3 跨行和跨列302

动手实作9.2302

9.4 配置无障碍访问表格304

9.5 用CSS配置表格样式306

动手实作9.3306

9.6 CSS3结构性伪类308

动手实作9.4308

配置首字母309

9.7 配置表格区域310

复习和练习312

复习题312

动手练习313

聚焦网页设计313

Pacific Trails Resort案例分析314

JavaJam Coffee House案例分析315

第10章 表单基础317

10.1 概述318

form元素318

表单控件319

10.2 文本框320

10.3 提交按钮和重置按钮322

提交按钮322

重置按钮322

示例表单322

动手实作10.1323

10.4 复选框和单选钮324

复选框324

单选钮325

10.5 隐藏字段和密码框326

隐藏字段326

密码框326

10.6 textarea元素328

动手实作10.2329

10.7 select和option元素330

select元素330

option元素330

10.8 label元素332

动手实作10.3333

10.9 fieldset元素和legend元素334

fieldset元素334

legend元素334

用CSS配置fieldset分组样式335

10.10 用CSS配置表单样式336

动手实作10.4336

属性选择符337

10.11 服务器端处理338

隐私和表单339

10.12 表单练习340

动手实作10.5340

10.13 HTML5文本表单控件342

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

URL表单输入控件342

电话号码表单输入控件343

搜索词输入表单控件343

HTML5文本框表单控件的有效属性343

10.14 HTML5的datalist元素344

10.15 HTML5的slider控件和spinner控件346

slider表单输入控件346

spinner表单输入控件347

HTML5和渐进式增强347

10.16 HTML5日历和颜色池控件348

日历输入表单控件348

颜色池表单控件349

10.17 HTML5表单练习350

动手实作10.6350

复习和练习352

复习题352

动手练习353

聚焦网页设计353

Pacific Trails Resort案例分析353

JavaJam Coffee House案例分析357

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

11.1 插件、容器和codec362

辅助应用程序和插件362

11.2 配置音频和视频364

访问音频或视频文件364

动手实作11.1364

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

11.3 Flash和HTML5 embed元素366

embed元素366

动手实作11.2367

11.4 HTML5 audio和source元素368

audio元素368

source元素368

动手实作11.3369

11.5 HTML5 video和source元素370

video元素370

source元素370

11.6 练习HTML5视频372

动手实作11.4372

11.7 iframe元素374

动手实作11.5375

11.8 CSS3的transform属性376

CSS3旋转变换376

CSS3伸缩变换377

动手实作11.6377

11.9 CSS3 transition属性378

动手实作11.7378

11.10 练习CSS过渡380

动手实作11.8380

11.11 CSS下拉菜单382

动手实作11.9382

11.12 JavaScript和jQuery384

JavaScript384

jQuery385

11.13 HTML5 API386

地理位置386

Web存储386

离线Web应用程序386

用canvas元素绘图387

复习和练习388

复习题388

动手练习388

聚焦网页设计389

Pacific Trails Resort案例分析389

JavaJam Coffee House案例分析391

第12章 Web发布基础393

12.1 注册域名394

选择域名394

注册域名395

12.2 选择Web主机396

Web主机的类型396

选择虚拟主机396

12.3 用FTP发布399

FTP应用程序399

用FTP连接399

使用FTP399

12.4 提交到搜索引擎401

搜索引擎的组成401

在搜索引擎中列出你的网站402

12.5 搜索引擎优化403

链接404

图片和多媒体404

有效代码404

有价值的内容404

12.6 无障碍访问测试405

通用设计和无障碍访问405

Web无障碍访问标准405

测试无障碍设计相容性406

12.7 可用性测试407

进行可用性测试407

动手实作12.1408

复习和练习409

复习题409

动手练习410

聚焦网页设计410

Pacific Trails Resort案例分析411

JavaJam Coffee House案例分析411

附录A 复习和练习答案413

附录B HTML5速查表414

附录C CSS速查表418

附录D XHTML速查表422

附录E 对比XHTML和HTML5425

附录F WCAG 2.0快速参考433

附录G Web安全调色板435