第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