HTML5与CSS3网页设计基础PDF|Epub|txt|kindle电子书版本下载

HTML5与CSS3网页设计基础PDF格式电子书版下载

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

第1章 Internet和Web基础1

1.1 Internet和Web2

Internet2

Internet的诞生2

Internet的发展2

Web的诞生3

第一个图形化浏览器3

各种技术的聚合3

1.2 Web标准和无障碍访问4

W3C推荐标准4

Web标准和无障碍访问4

无障碍访问和法律4

Web通用设计5

1.3 网上的信息6

信息和可靠性6

有道德地使用网上信息的道德使用7

1.4 浏览器和服务器7

网络概述7

客户端／服务器模型8

1.5 Internet协议9

电子邮件协议9

超文本传输协议9

文件传输协议10

IP地址10

1.6 统一资源标识符（URI）和域名11

URI和URL11

域名12

1.7 HTML概述13

什么是HTML13

什么是XML13

什么是XHTML14

HTML5——HTML的最新版本14

1.8 网页幕后揭秘14

文档类型定义（DTD）15

网页模板15

html元素15

页头部分15

主体部分16

1.9 第一个网页16

动手实作1.116

创建文件夹17

保存文件18

测试网页18

复习和练习19

复习题19

动手练习20

Web研究20

聚焦Web设计20

第2章 HTML基础23

2.1 标题元素24

动手实作2.124

HTML5更多的标题选项25

2.2 段落元素25

动手实作2.226

对齐26

2.3 换行和水平标尺27

换行元素27

动手实作2.327

水平标尺元素28

动手实作2.428

2.4 块引用元素29

动手实作2.529

2.5 短语元素30

2.6 有序列表31

type,start和reversed属性32

动手实作2.632

2.7 无序列表33

动手实作2.733

2.8 描述列表34

动手实作2.835

2.9 特殊字符36

动手实作2.936

2.10 HTML语法校验37

动手实作2.1038

2.11 结构性元素39

div元素39

HTML5结构性元素40

header元素40

nav元素40

footer 元素40

动手实作2.1140

2.12 锚元素42

动手实作2.1242

链接目标43

绝对链接43

相对链接43

block anchor43

2.13 练习使用链接44

站点地图44

动手实作2.1344

2.14 电子邮件链接47

动手实作2.1448

复习和练习48

复习题48

动手练习49

聚焦Web设计50

案例学习：Pacific Trails Resort50

案例学习：JavaJam Coffee House53

第3章 网页设计基础57

3.1 为目标受众设计58

浏览器友好性59

屏幕分辨率59

3.2 网站组织59

分级式组织60

线性组织60

随机组织61

3.3 视觉设计原则61

重复：在整个设计中重复视觉元素62

对比：添加视觉刺激和吸引注意力62

近似：分组相关项目63

对齐：对齐元素实现视觉上的统一63

3.4 提供无障碍访问63

无障碍设计的受益者63

无障碍设计有助于提高在搜索引擎中的排名64

法律规定64

无障碍设计的热潮64

3.5 文本的使用65

文本设计的注意事项65

3.6 Web调色板66

十六进制颜色值67

Web安全颜色67

无障碍设计和颜色67

3.7 颜色的运用68

面向儿童68

面向年轻人69

面向所有人69

面向老年人70

3.8 使用图形和多媒体71

文件大小和图片尺寸71

抗锯齿／锯齿化文本的问题71

只使用必要的多媒体71

提供替代文本72

3.9 更多设计上的考虑73

感觉到的加载时间73

第一屏74

适当留白74

水平滚动74

3.10 导航设计74

网站要易于导航74

导航栏74

面包屑导航75

图片导航76

动态导航76

站点地图76

站点搜索功能76

3.11 线框和页面布局77

3.12 固定和流动布局79

固定布局79

流动布局80

3.13 为移动网络设计81

三种方式81

移动设备设计考虑81

桌面和移动网站的例子82

移动设计小结83

3.14 响应式网页设计83

3.15 Web设计最佳实践85

复习和练习87

复习题87

动手练习88

聚焦Web设计89

案例学习：Web项目89

项目里程碑89

第4章 CSS基础知识（一）93

4.1 CSS概述94

层叠样式表的优点94

配置CSS的方法95

层叠样式表的“层叠”95

4.2 CSS选择符和声明96

CSS语法基础96

background-color属性96

color属性96

配置背景色和文本色96

4.3 CSS颜色值语法97

4.4 配置内联CSS99

style属性99

动手实作4.199

4.5 配置嵌入CSS100

style元素100

动手实作4.2101

4.6 配置外部CSS103

link元素103

动手实作4.3103

4.7 CSS的class、ID和上下文选择符104

class选择符104

id选择符105

后代选择符105

动手实作4.4105

4.8 span元素106

span元素106

动手实作4.5106

4.9 练习使用CSS108

动手实作4.6108

将嵌入CSS转换为外部CSS109

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

4.10 CSS语法校验111

动手实作4.7111

复习和练习113

复习题113

动手练习114

聚焦网页设计114

案例学习：Pacific Trails Resort115

案例学习：JavaJam Coffee House118

第5章 图片样式基础121

5.1 图片122

GIF图122

JPEG图片123

PNG图片124

新的WebP图像格式124

5.2 img元素125

动手实作5.1125

5.3 图片链接126

动手实作5.2127

无障碍访问和图片链接128

5.4 配置背景图片128

background-image属性128

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

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

background-attachment属性129

5.5 定位背景图片130

background-repeat属性130

定位背景图片130

动手实作5.3131

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

渐进式增强133

动手实作5.4133

5.7 收藏图标134

配置收藏图标135

动手实作5.5135

5.8 用CSS配置列表符号136

用图片代替列表符号136

动手实作5.6137

5.9 图像映射137

map元素137

area元素137

探究矩形图像映射138

复习和练习139

复习题139

动手练习140

聚焦Web设计141

案例学习：Pacific Trails Resort141

案例学习：JavaJam Coffee House143

第6章 CSS基础知识（二）147

6.1 字体148

动手实作6.1148

6.2 文本属性150

font-size属性150

font-weight属性151

font-style属性151

text-transform属性151

line-height属性151

动手实作6.2151

6.3 对齐和缩进152

text-align属性153

text-indent属性153

动手实作6.3153

6.4 CSS的宽度和高度154

width属性154

min-width属性155

max-width属性155

height属性155

动手实作6.4156

6.5 CSS的框模型156

框模型实例157

6.6 CSS的边距和填充158

margin属性158

padding属性158

6.7 CSS的边框159

动手实作6.5160

6.8 CSS3的圆角161

动手实作6.6162

6.9 CSS的页面内空居中设置居中页面内容163

动手实作6.7164

6.10 CSS3的边框阴影和文本阴影165

CSS3的box-shadow属性165

CSS3的text-shadow属性166

动手实作6.8166

6.11 CSS3的background-clip和background-origin属性167

CSS3的background-clip属性167

CSS3 background-origin属性168

6.12 CSS3背景大小和缩放168

6.13 CSS3的opacity属性170

动手实作6.9170

6.14 CSS3 RGBA颜色172

动手实作6.10173

6.15 CSS3 HSLA颜色173

色调、饱和度、亮度和alpha173

HSLA颜色示例174

动手实作6.11175

6.16 CSS3的渐变175

CSS3线性渐变语法176

CSS3渐变和渐进式增强176

配置CSS3渐变176

复习和练习177

复习题177

动手练习178

聚焦Web设计179

案例学习：Pacific Trails Resort179

案例学习：JavaJam Coffee House181

第7章 页面布局基础185

7.1 正常流动186

动手实作7.1186

7.2 浮动188

float属性188

动手实作7.2189

浮动元素和正常流动189

7.3 清除浮动190

clear属性190

7.4 溢出191

overflow属性191

7.5 CSS的双栏页面布局194

左侧导航的双栏布局194

顶部logo左侧导航的双栏布局195

还不算完美195

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

用CSS配置无序列表196

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

动手实作7.3197

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

CSS display属性198

动手实作7.4199

7.8 用伪类实现CSS交互性200

动手实作7.5201

7.9 CSS双栏布局练习202

动手实作7.6202

7.10 用CSS进行定位205

static定位205

fixed定位205

相对定位206

绝对定位207

7.11 定位练习208

动手实作7.7208

7.12 CSS精灵210

动手实作7.8211

复习和练习212

复习题212

动手练习212

聚焦网页设计213

案例学习：Pacific Trails Resort213

案例学习：JavaJam Coffee House214

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

8.1 深入了解相对链接218

相对链接的例子218

动手实作8.1219

8.2 区段标识符220

动手实作8.2221

8.3 figure元素和figcaption元素222

figure元素222

figcaption元素222

添加图题222

动手实作8.3223

8.4 图片浮动练习224

动手实作8.4224

8.5 更多HTML5元素226

8.5 更多HTML5元素227

hgroup元素227

section元素227

article元素227

aside元素227

time元素227

动手实作8.5227

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

配置CSS块显示229

HTML5 Shim230

动手实作8.6230

8.7 CSS对打印的支持231

打印样式最佳实践231

动手实作8.7232

8.8 移动网页设计233

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

为移动使用优化布局234

优化移动导航234

优化移动图片235

优化移动文本235

为One Web而设计235

8.9 viewport meta标记235

8.10 CSS3媒体查询238

什么是媒体查询238

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

使用＠media规则的媒体查询示例239

8.11 媒体查询练习240

动手实作8.8240

8.12 灵活的图像242

动手实作8.9243

8.13 测试移动显示244

用桌面浏览器测试245

针对专业开发人员246

复习和练习247

复习题247

动手练习248

聚焦网页设计248

案例学习：Pacific Trails Resort249

案例学习：JavaJam Coffee House252

第9章 表格基础257

9.1 表格概述258

table元素258

border属性259

表格标题259

9.2 表行、单元格和表头260

动手实作9.1261

9.3 跨行和跨列261

动手实作9.2262

9.4 配置无障碍访问表格263

9.5 用CSS配置表格样式265

动手实作9.3265

9.6 CSS3结构性伪类267

动手实作9.4267

配置首字母268

9.7 配置表格区域268

复习和练习270

复习题270

动手练习271

聚焦Web设计271

案例学习：Pacific Trails Resort272

案例学习：JavaJam Coffee House273

第10章 表单基础275

10.1 概述276

form元素277

表单控件277

10.2 文本框278

10.3 提交按钮和重置按钮279

提交按钮279

重置按钮279

示例表单279

动手实作10.1280

10.4 复选框和单选钮281

复选框281

单选钮282

10.5 隐藏字段和密码框283

隐藏字段283

密码框283

10.6 textarea元素284

动手实作10.2285

10.7 select和option元素286

select元素287

option元素287

10.8 label元素288

动手实作10.3288

10.9 fieldset元素和legend元素289

fieldset元素289

legend元素289

前瞻：用CSS配置fieldset分组样式290

10.10 用CSS配置表单样式291

10.11 服务器端处理292

隐私和表单293

10.12 表单练习294

动手实作10.4294

10.13 HTML5文本表单控件295

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

URL表单输入控件296

电话号码表单输入控件296

搜索词输入表单控件296

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

10.14 HTML5的datalist元素297

10.15 HTML5的slider控件和spinner控件298

slider表单输入控件298

spinner表单输入控件299

HTML5和渐进式增强300

10.16 HTML5日历和颜色池控件300

日历输入表单控件300

颜色池表单控件301

10.17 HTML5表单练习302

动手实作10.5302

复习和练习304

复习题304

动手练习305

聚焦Web设计305

案例学习：Pacific Trails Resort305

案例学习：JavaJam Coffee House309

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

11.1 插件、容器和codec314

辅助应用程序和插件314

11.2 配置音频和视频315

访问音频或视频文件315

动手实作11.1316

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

11.3 Flash和HTML5 embed元素317

embed元素317

动手实作11.2318

11.4 HTML5的audio元素和source元素318

audio元素318

source元素319

动手实作11.3320

11.5 HTML5的video元素和source元素320

video元素321

source元素321

11.6 HTML5视频练习322

动手实作11.4322

11.7 嵌入YouTube视频323

iframe元素323

动手实作11.5324

11.8 CSS3的transform属性325

CSS3旋转变换325

动手实作11.6326

11.9 CSS3的transition属性327

动手实作11.7328

11.10 CSS过渡练习329

动手实作11.8329

11.11 HTML5的canvas元素331

复习和练习333

复习题333

动手练习333

聚焦Web设计334

案例学习：Pacific Trails Resort334

案例学习：JavaJam Coffee House336

第12章 上网发布339

12.1 注册域名340

选择域名340

注册域名341

12.2 选择主机341

主机的类型342

选择虚拟主机342

12.3 用FTP发布344

FTP应用程序344

用FTP连接344

使用FTP344

12.4 提交到搜索引擎345

搜索引擎的组成346

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

12.5 搜索引擎优化347

链接349

图片和多媒体349

有效代码349

有价值的内容349

12.6 无障碍访问测试349

通用设计和无障碍访问349

网络无障碍访问标准349

测试无障碍设计相容性350

12.7 使用性测试351

进行使用性测试351

动手实作12.1352

复习和练习353

复习题353

动手练习354

聚焦Web设计354

案例学习：Pacific Trails Resort354

案例学习：JavaJam Coffee House355

附录A 复习和练习答案357

附录B HTML5速查表358

附录C CSS速查表362

附录D XHTML速查表366

附录E 对比XHTML和HTML5369

附录F WCAG 2.0快速参考375