HTML5与CSS3网页设计PDF电子书下载

第1章 网页设计入门 1

本章导读 1

1.1 Internet简史 1

1.2 为什么建立一个网站 1

1.3 网页的基本概念 2

1.3.1 网页与网站的关系 2

1.3.2 网页的基本元素 2

1.3.3 网页的技术构成 4

1.4 HTML5简介 6

1.4.1 HTML的发展历史 6

1.4.2 HTML4.01和XHTML 6

1.4.3 从XHTML到HTML5 7

1.5 CSS3简介 8

1.5.1 什么是CSS 8

1.5.2 CSS的历史 8

1.5.3 CSS3能做什么 8

1.6 网页设计的开发环境 9

1.6.1 Web设计软件 9

1.6.2 图形设计软件 9

1.6.3 浏览器指南 11

要点回顾 11

习题一 11

第2章 处理网页文件 13

本章导读 13

2.1 网页文件的基本操作 13

2.1.1 使用记事本创建、保存和编辑网页文件 13

2.1.2 使用Dreamweaver创建、保存和编辑网页文件 15

2.2 组织网站文件夹 18

2.3 在浏览器中查看网页 19

2.3.1 在Dreamweaver中选择浏览器 19

2.3.2 利用Firebug工具测试网页 21

2.3.3 借鉴他人制作网页的经验 23

2.4 综合实例 24

要点回顾 25

习题二 25

实训 25

第3章 HTML5的基本结构 26

本章导读 26

3.1 HTML标记 26

3.1.1 元素 26

3.1.2 属性和值 27

3.1.3 书写规范 27

3.2 HTML文档的基本成分 28

3.2.1 DOCTYPE声明 28

3.2.2 head和body 28

3.3 页面标题 29

3.4 分级标题 29

3.5 HTML5页面的构成 30

3.5.1 页眉header 31

3.5.2 导航nav 32

3.5.3 文章article 33

3.5.4 区块section 35

3.5.5 侧栏aside 37

3.5.6 页脚footer 39

3.5.7 通用容div 40

3.6 添加注释 43

3.7 综合实例 43

要点回顾 46

习题三 46

实训 47

第4章 文本 48

本章导读 48

4.1 段落P 48

4.2 地址address 49

4.3 图figure与figcaption 49

4.4 时间time 50

4.5 重要或强调的文本标记 51

4.5.1 strong 51

4.5.2 em 52

4.6 引用参考cite 52

4.7 引述blockquote 53

4.8 突出显示文本mark 54

4.9 解释缩写词abbr 54

4.10 定义术语dfn 55

4.11 上标和下标 56

4.11.1 sup 56

4.11.2 sub 56

4.12 下划线和删除线 57

4.12.1 ins 57

4.12.2 del 57

4.13 代码标记 58

4.13.1 code 58

4.13.2 其他计算机相关标记 59

4.14 预格式文本pre 59

4.15 指定细则small 60

4.16 换行br 61

4.17 span标记 62

4.18 其他元素 63

4.18.1 u 63

4.18.2 wbr 63

4.18.3 ruby、rp和rt 63

4.18.4 bdi和bdo 64

4.18.5 meter 64

4.18.6 progress 65

4.19 综合实例 65

要点回顾 66

习题四 66

实训 67

第5章 使用CSS样式 68

本章导读 68

5.1 样式表文件的使用 68

5.1.1 外部样式表 68

5.1.2 内部样式表 70

5.1.3 内联样式 71

5.2 CSS构造样式规则 73

5.2.1 样式规则 73

5.2.2 为样式规则添加注释 73

5.2.3 属性的值 74

5.2.4 层叠样式 77

5.3 CSS样式选择器 79

5.3.1 选择器概述 79

5.3.2 按标记名称选择元素 80

5.3.3 按class或id选择元素 80

5.3.4 按上下文选择元素 81

5.3.5 按状态选择链接元素 83

5.3.6 按属性选择元素 84

5.3.7 选择元素的一部分 85

5.3.8 选择器的分组 86

5.3.9 组合使用选择器 87

5.4 综合实例 88

要点回顾 92

习题五 92

实训 92

第6章 图像 94

本章导读 94

6.1 在页面中插入图片 94

6.2 设置图片的属性 95

6.3 图文混排 97

6.4 为网站添加图标 100

6.5 综合实例 101

要点回顾 103

习题六 103

实训 103

第7章 列表 105

本章导读 105

7.1 有序列表 105

7.2 无序列表 106

7.3 定义列表 107

7.4 列表嵌套 108

7.5 使用CSS样式表美化列表 109

7.6 用于导航的行内列表 113

7.7 设置嵌套列表样式 115

7.8 综合实例 117

要点回顾 120

习题七 120

实训 120

第8章 超链接与导航 122

本章导读 122

8.1 超链接概述 122

8.1.1 绝对路径与相对路径 122

8.1.2 超链接标记及其属性 123

8.2 内部链接 124

8.3 外部链接 126

8.4 书签链接 129

8.5 其他链接 131

8.6 使用CSS设置链接样式 133

8.6.1 链接状态 133

8.6.2 使用CSS设置不同链接状态的样式 133

8.7 图像与链接 134

8.7.1 为图像添加超链接 135

8.7.2 图像映射 135

8.8 使用列表制作导航栏 138

8.9 综合实例 139

要点回顾 143

习题八 144

实训 144

第9章 使用CSS进行页面布局 146

本章导读 146

9.1 Web页面布局简介 146

9.1.1 布局注意事项 146

9.1.2 布局方法 146

9.1.3 布局结构 147

9.2 CSS盒模型 151

9.3 网页居中 153

9.4 多栏布局 156

9.4.1 使用float实现多栏布局 156

9.4.2 使用clear实现换行 158

9.4.3 使用column-count实现多栏布局 159

9.5 盒布局 160

9.5.1 使用float属性以及column-count属性的缺点 160

9.5.2 使用盒布局 163

9.6 弹性盒布局 163

9.6.1 使用自适应窗口的弹性盒布局 163

9.6.2 改变元素的显示顺序 165

9.6.3 改变元素的排列方向 166

9.7 综合实例 168

要点回顾 174

习题九 174

实训 175

第10章 表格 176

本章 导读 176

10.1 结构化表格 176

10.1.1 表格的基本标记 176

10.1.2 标题单元格th 177

10.1.3 表格标题caption 179

10.1.4 thead、tbody、tfoot 180

10.2 单元格跨行或跨列 181

10.3 表格属性 183

10.4 使用CSS美化表格 184

10.5 综合实例 188

要点回顾 193

习题十 193

实训 193

第11章 表单 195

本章导读 195

11.1 表单概述 195

11.2 form元素 196

11.3 input元素 198

11.3.1 文本框text 198

11.3.2 密码框password 199

11.3.3 单选框radio 199

11.3.4 复选框checkbox 200

11.3.5 上传文件file 201

11.3.6 隐藏字段hidden 201

11.3.7 按钮button、submit、reset 202

11.3.8 使用图像提交表单image 203

11.4 列表与下拉菜单 203

11.4.1 select和option 203

11.4.2 optgroup 205

11.5 文本域textarea 206

11.6 标签label 207

11.7 HTML5新增的元素属性 208

11.7.1 form 208

11.7.2 input 208

11.8 表单元素的组织与布局 210

11.9 综合实例 211

要点回顾 218

习题十一 218

实训 218

第12章 视频、音频和其他多媒体 220

本章导读 220

12.1 第三方插件及原生应用 220

12.2 添加视频 221

2.2.1 视频文件格式 221

12.2.2 在网页中添加单个视频 222

2.2.3 视频属性 223

2.2.4 添加控件和自动播放 226

2.2.5 循环播放和海报图像 227

2.2.6 阻止预加载视频 228

2.2.7 多个媒体源 229

12.2.8 应对无法播放HTML5视频的方法 229

12.3 添加音频 232

2.3.1 音频文件格式 232

2.3.2 在网页中添加单个音频 233

2.3.3 音频属性 233

12.3.4 添加控件、自动播放和循环播放 234

2.3.5 预加载音频 236

2.3.6 多个音频源 236

12.3.7 应对无法播放HTML5音频的方法 237

12.4 嵌入Flash动画 238

12.5 嵌入网络视频 240

12.6 canvas简介 241

12.7 SVG简介 241

12.8 综合实例 242

要点回顾 244

习题十二 244

实训 244

第13章 使用CSS3进行样式增强 246

本章导读 246

13.1 厂商前缀 246

13.2 浏览器的兼容性速览 247

13.3 为元素创建圆角 247

13.4 为文本添加阴影 249

13.5 为元素添加阴影 250

13.6 使用多重背景 252

13.7 使用渐变背景 253

13.8 设置元素的不透明度 255

13.9 使用Web字体 256

3.9.1 什么是Web字体 256

3.9.2 使用＠font-face 258

13.10 使用polyfill实现渐进增强 259

13.11 综合实例 261

要点回顾 267

习题十三 267

实训 267

第14章 网站的调试与发布 269

本章导读 269

14.1 常见错误 269

14.2 HTML中的常见错误 269

14.3 CSS中的常见错误 270

14.4 验证代码 272

14.5 测试网页 276

14.6 发布网站 278

14.7 综合实例 280

要点回顾 286

习题十四 286

实训 287

习题答案 288