网页设计与网站建设从入门到精通-(微课精编版)

目 录
第1章 HTML5基础 1
视频讲解：23分钟
1.1 HTML5概述 2
1.1.1 HTML历史 2
1.1.2 HTML5特性 2
1.1.3 浏览器检测 4
1.2 HTML5基本语法 4
1.2.1 文档和标记 4
1.2.2 宽松的约定 5
第2章 创建HTML5文档 7
视频讲解：4分钟
2.1 HTML5基本结构 8
2.1.1 新建网页文档 8
2.1.2 网页头部信息 9
2.1.3 网页主体内容 9
2.1.4 HTML标签 10
2.1.5 保存网页文档 11
2.2 语义化HTML 12
2.2.1 编写语义化的重要性 12
2.2.2 语义化的基本方法 12
2.3 案例实战 13
2.3.1 编写**个HTML5文档 13
2.3.2 比较HTML4与HTML5文档结构 14
2.4 在线练习 15
第3章 设计HTML5结构 16
视频讲解：36分钟
3.1 头部信息 17
3.1.1 定义网页标题 17
3.1.2 定义网页元信息 18
3.1.3 定义文档视口 19
3.1.4 *新head指南 20
3.1.5 移动版头信息 20
3.2 构建基本结构 21
3.2.1 定义文档结构 21
3.2.2 定义内容标题 22
3.2.3 使用div元素 24
3.2.4 使用id和class 25
3.2.5 使用title 26
3.2.6 HTML注释 26
3.3 构建语义结构 27
3.3.1 定义页眉 27
3.3.2 定义导航 28
3.3.3 定义主要区域 29
3.3.4 定义文章块 30
3.3.5 定义区块 31
3.3.6 定义附栏 34
3.3.7 定义页脚 35
3.3.8 使用role 36
3.4 案例实战 37
3.5 HTML5文档大纲 40
3.6 在线练习 40
第4章 设计HTML5文本 41
视频讲解：1小时1分钟
4.1 通用文本 42
4.1.1 标题文本 42
4.1.2 段落文本 42
4.2 描述文本 42
4.2.1 强调文本 43
4.2.2 标记细则 43
4.2.3 特殊格式 44
4.2.4 定义上标和下标 44
4.2.5 定义术语 46
4.2.6 标记代码 46
4.2.7 预定义格式 47
4.2.8 定义缩写词 48
4.2.9 标注编辑或不用文本 49
4.2.10 指明引用或参考 50
4.2.11 引述文本 50
4.2.12 换行显示 52
4.2.13 修饰文本 52
4.2.14 非文本注解 52
4.3 特殊文本 53
4.3.1 标记高亮显示 53
4.3.2 标记进度信息 54
4.3.3 标记刻度信息 55
4.3.4 标记时间信息 56
4.3.5 标记联系信息 57
4.3.6 标记显示方向 58
4.3.7 标记换行断点 58
4.3.8 旁注标记 59
4.4 HTML5全局属性 59
4.4.1 可编辑内容 60
4.4.2 快捷菜单 60
4.4.3 自定义属性 61
4.4.4 定义可拖动操作 62
4.4.5 拖动数据 62
4.4.6 隐藏元素 63
4.4.7 语法检查 63
4.4.8 翻译内容 64
4.5 在线练习 64
第5章 设计HTML5图像和多媒体 65
视频讲解：42分钟
5.1 认识HTML5图像 66
5.2 使用图像 67
5.2.1 使用img元素 67
5.2.2 定义流内容 68
5.2.3 插入图标 69
5.2.4 定义图像大小 70
5.2.5 案例：图文混排 70
5.3 使用多媒体插件 72
5.3.1 使用embed元素 72
5.3.2 使用object元素 73
5.4 使用HTML5多媒体 74
5.4.1 使用audio元素 74
5.4.2 使用video元素 75
5.5 案例实战 79
5.5.1 设计音乐播放器 79
5.5.2 设计视频播放器 80
5.6 HTML5多媒体API 83
5.6.1 设置属性 84
5.6.2 设置方法 84
5.6.3 设置事件 84
5.6.4 综合案例 84
5.7 在线练习 87
第6章 设计列表和链接 88
视频讲解：50分钟
6.1 定义列表 89
6.1.1 无序列表 89
6.1.2 有序列表 90
6.1.3 项目编号 91
6.1.4 设计CSS样式 92
6.1.5 嵌套列表 93
6.1.6 描述列表 94
6.1.7 菜单列表 96
6.1.8 快捷菜单 97
6.2 定义链接 99
6.2.1 普通链接 100
6.2.2 块链接 101
6.2.3 锚点链接 102
6.2.4 目标链接 103
6.2.5 下载链接 103
6.2.6 图像热点 104
6.2.7 框架链接 105
6.3 案例实战 106
6.3.1 为快捷菜单添加命令 106
6.3.2 设计快捷分享命令 107
6.3.3 设计任务列表命令 108
6.4 在线练习 109
第7章 设计表格 110
视频讲解：36分钟
7.1 认识表格结构 111
7.2 新建表格 112
7.2.1 定义普通表格 113
7.2.2 定义列标题 113
7.2.3 定义表格标题 114
7.2.4 表格行分组 115
7.2.5 表格列分组 116
7.3 设置属性 119
7.3.1 定义单线表格 119
7.3.2 定义分离单元格 120
7.3.3 定义细线边框 121
7.3.4 添加表格说明 121
7.4 设置和属性 122
7.4.1 定义跨单元格显示 122
7.4.2 定义表头单元格 123
7.4.3 为单元格指定表头 124
7.4.4 定义信息缩写 124
7.4.5 单元格分类 125
7.5 案例实战：设计CSS禅意花园 125
7.5.1 网站预览 125
7.5.2 设计方法 127
7.5.3 设计思路 128
7.5.4 构建基本框架 129
7.5.5 完善网页结构 130
7.6 在线练习 132
第8章 设计表单 133
视频讲解：50分钟
8.1 认识HTML5表单 134
8.2 定义表单 135
8.3 提交表单 136
8.4 组织表单 137
8.5 定义文本框 138
8.6 定义标签 140
8.7 使用常用控件 141
8.7.1 密码框 141
8.7.2 单选按钮 142
8.7.3 复选框 142
8.7.4 文本区域 143
8.7.5 选择框 144
8.7.6 上传文件 145
8.7.7 隐藏字段 146
8.7.8 提交按钮 147
8.8 HTML5新型输入框 148
8.8.1 定义Email框 148
8.8.2 定义URL框 149
8.8.3 定义数字框 149
8.8.4 定义范围框 150
8.8.5 定义日期选择器 151
8.8.6 定义搜索框 155
8.8.7 定义电话号码框 156
8.8.8 定义拾色器 156
8.9 HTML5输入属性 157
8.9.1 定义自动完成 157
8.9.2 定义自动获取焦点 158
8.9.3 定义所属表单 159
8.9.4 定义表单重写 160
8.9.5 定义高和宽 160
8.9.6 定义列表选项 161
8.9.7 定义*小值、*大值和步长 161
8.9.8 定义多选 161
8.9.9 定义匹配模式 162
8.9.10 定义替换文本 162
8.9.11 定义必填 163
8.10 HTML5新表单元素 163
8.10.1 定义数据列表 164
8.10.2 定义密钥对生成器 164
8.10.3 定义输出结果 165
8.11 HTML5表单属性 166
8.11.1 定义自动完成 166
8.11.2 定义禁止验证 166
8.12 在线练习 167
第9章 CSS3基础 168
视频讲解：49分钟
9.1 CSS历史 169
9.2 CSS基本用法 169
9.2.1 CSS样式 169
9.2.2 引入CSS样式 170
9.2.3 CSS样式表 171
9.2.4 导入外部样式表 171
9.2.5 CSS格式化 172
9.2.6 CSS属性 172
9.2.7 CSS属性值 172
9.3 元素选择器 173
9.3.1 标签选择器 173
9.3.2 类选择器 174
9.3.3 ID选择器 174
9.3.4 通配选择器 175
9.4 关系选择器 175
9.4.1 包含选择器 175
9.4.2 子选择器 176
9.4.3 相邻选择器 177
9.4.4 兄弟选择器 177
9.4.5 分组选择器 177
9.5 属性选择器 178
9.6 伪选择器 180
9.7 CSS特性 183
9.7.1 CSS继承性 183
9.7.2 CSS层叠性 184
9.8 在线练习 185
第10章 使用CSS3美化网页文本和图像 186
视频讲解：1小时33分钟
10.1 设计字体样式 187
10.1.1 定义字体类型 187
10.1.2 定义字体大小 187
10.1.3 定义字体颜色 188
10.1.4 定义字体粗细 188
10.1.5 定义艺术字体 189
10.1.6 定义修饰线 189
10.1.7 定义字体的变体 190
10.1.8 定义大小字体 191
10.2 设计文本样式 191
10.2.1 定义文本对齐 191
10.2.2 定义垂直对齐 192
10.2.3 定义文本间距 193
10.2.4 定义行高 193
10.2.5 定义首行缩进 194
10.3 设计图像样式 195
10.3.1 定义图像大小 196
10.3.2 定义图像边框 197
10.3.3 定义不透明度 199
10.3.4 定义圆角特效 200
10.3.5 定义阴影特效 201
10.4 案例实战 202
10.4.1 设计文本阴影 202
10.4.2 设计动态内容 204
10.4.3 自定义字体 205
10.4.4 设计正文版式 207
10.5 在线练习 210
第11章 使用CSS3背景图像和渐变背景 211
视频讲解：43分钟
11.1 设计背景图像 212
11.1.1 设置背景图像 212
11.1.2 设置显示方式 212
11.1.3 设置显示位置 214
11.1.4 设置固定背景 216
11.1.5 设置定位原点 217
11.1.6 设置裁剪区域 219
11.1.7 设置背景图像大小 220
11.1.8 设置多重背景图像 221
11.2 设计渐变背景 222
11.2.1 定义线性渐变 222
11.2.2 定义径向渐变 224
11.3 案例实战 225
11.3.1 设计条纹背景 225
11.3.2 设计网页背景色 228
11.3.3 设计图标 229
11.3.4 特殊渐变应用场景 230
11.4 在线练习 231
第12章 使用CSS3美化列表和超链接样式 232
视频讲解：28分钟
12.1 设计超链接样式 233
12.1.1 使用动态伪类 233
12.1.2 定义下画线样式 234
12.1.3 定义特效样式 236
12.1.4 定义光标样式 237
12.2 设计列表样式 239
12.2.1 定义项目符号类型 239
12.2.2 定义项目符号图像 240
12.2.3 模拟项目符号 241
12.3 案例实战 241
12.3.1 设计图形按钮链接 241
12.3.2 设计背景滑动样式 242
12.3.3 设计背景交换样式 244
12.3.4 设计垂直滑动菜单 245
12.4 在线练习 247
第13章 使用CSS3美化表格和表单样式 248
视频讲解：38分钟
13.1 设计表格样式 249
13.1.1 定义边框样式 249
13.1.2 定义单元格间距 250
13.1.3 定义标题位置 250
13.1.4 隐藏空单元格 251
13.2 设计表单样式 252
13.2.1 定义文本框样式 252
13.2.2 定义单选按钮和复选框样式 255
13.2.3 定义选择框样式 257
13.3 案例实战 258
13.3.1 设计细线表格 258
13.3.2 设计斑马线表格 261
13.3.3 设计登录表单 262
13.3.4 设计搜索表单 264
13.4 在线练习 267
第14章 使用CSS3排版网页 268
视频讲解：40分钟
14.1 CSS盒模型 269
14.1.1 认识display 269
14.1.2 认识CSS盒模型 269
14.1.3 定义边界 270
14.1.4 定义边框 272
14.1.5 定义补白 273
14.2 设计浮动显示 274
14.2.1 定义float 274
14.2.2 使用clear 276
14.3 设计定位显示 277
14.3.1 定义position 277
14.3.2 设置层叠顺序 282
14.4 案例实战 284
14.4.1 设计两栏页面 284
14.4.2 设计三栏页面 286
14.5 在线练习 287
第15章 安装PHP运行环境 288
视频讲解：9分钟
15.1 PHP概述 289
15.1.1 PHP的特性 289
15.1.2 PHP的应用 289
15.1.3 开发工具 290
15.1.4 PHP参考手册 290
15.1.5 网上资源 291
15.2 安装Apache PHP MySQL工具包 291
15.2.1 认识PHP工具包 291
15.2.2 安装AppServ工具包 291
15.2.3 测试环境 294
第16章 PHP基础 295
视频讲解：1小时58分钟
16.1 PHP基本语法 296
16.1.1 PHP标记 296
16.1.2 PHP注释 297
16.1.3 PHP指令分隔符 297
16.2 PHP数据类型 298
16.2.1 标量类型 298
16.2.2 复合类型 302
16.2.3 特殊类型 303
16.2.4 类型转换 303
16.2.5 检测数据类型 306
16.3 PHP变量和常量 306
16.3.1 使用变量 306
16.3.2 取消引用 307
16.3.3 可变变量 307
16.3.4 预定义变量 308
16.3.5 声明常量 308
16.3.6 使用常量 309
16.3.7 预定义常量 310
16.4 PHP运算符 310
16.4.1 算术运算符 310
16.4.2 赋值运算符 311
16.4.3 字符串运算符 311
16.4.4 位运算符 311
16.4.5 比较运算符 312
16.4.6 逻辑运算符 313
16.4.7 错误控制运算符 313
16.4.8 运算符的优先级和结合方向 313
16.5 PHP表达式 314
16.6 PHP语句 314
16.6.1 if语句 314
16.6.2 else语句 315
16.6.3 elseif语句 316
16.6.4 switch语句 318
16.6.5 while语句 320
16.6.6 do-while语句 321
16.6.7 for语句 322
16.6.8 foreach语句 323
16.6.9 break语句 323
16.6.10 continue语句 324
16.6.11 goto语句 325
16.7 PHP函数 326
16.7.1 定义和调用函数 326
16.7.2 函数的参数 327
16.7.3 函数的返回值 328
16.8 在线练习 329
第17章 字符串操作 330
视频讲解：1小时8分钟
17.1 认识字符串 331
17.2 定义字符串 331
17.2.1 单引号 331
17.2.2 双引号 331
17.2.3 heredoc结构 332
17.2.4 nowdoc结构 333
17.3 使用字符串 333
17.3.1 连接字符串 333
17.3.2 去除首尾空字符 334
17.3.3 转义、还原字符串 335
17.3.4 获取字符串长度 337
17.3.5 截取字符串 338
17.3.6 比较字符串 338
17.3.7 检索字符串 340
17.3.8 替换字符串 341
17.3.9 格式化字符串 343
17.3.10 分割字符串 345
17.3.11 合成字符串 346
17.4 案例实战 346
17.4.1 查找字符串的公共前缀 346
17.4.2 表单字符串的处理 347
17.5 在线练习 349
第18章 正则表达式 350
视频讲解：1小时9分钟
18.1 认识正则表达式 351
18.2 正则表达式基本语法 351
18.2.1 行定界符 351
18.2.2 单词定界符 352
18.2.3 字符类 352
18.2.4 选择符 353
18.2.5 范围符 353
18.2.6 排除符 354
18.2.7 限定符 354
18.2.8 任意字符 355
18.2.9 转义字符 355
18.2.10 反斜杠 355
18.2.11 小括号 356
18.2.12 反向引用 357
18.2.13 模式修饰符 357
18.3 使用PCRE扩展正则表达式函数 358
18.3.1 数组过滤 358
18.3.2 执行一次匹配 359
18.3.3 执行所有匹配 360
18.3.4 转义字符 361
18.3.5 查找替换 362
18.3.6 高级查找替换 362
18.3.7 分隔字符串 363
18.4 案例实战 364
18.4.1 验证电话号码 364
18.4.2 验证Email地址 365
18.4.3 验证IP地址 366
18.4.4 统计关键字 367
18.4.5 检测上传文件类型 368
18.5 在线练习 369
第19章 PHP数组 370
视频讲解：1小时5分钟
19.1 认识PHP数组 371
19.2 数组类型 371
19.2.1 索引数组 371
19.2.2 关联数组 372
19.3 定义数组 373
19.3.1 定义简单数组 373
19.3.2 定义多维数组 375
19.4 使用数组 377
19.4.1 输出数组 377
19.4.2 统计元素个数 377
19.4.3 遍历数组 378
19.4.4 数组与字符串的转换 379
19.4.5 数组排序 380
19.4.6 数组指针 382
19.5 操作元素 383
19.5.1 查询指定元素 383
19.5.2 获取*后一个元素 383
19.5.3 添加元素 384
19.5.4 删除重复元素 384
19.6 案例实战 385
19.6.1 定义特殊形式的数组 385
19.6.2 设计购物车 387
19.6.3 设计多文件上传 388
19.7 在线练习 390
第20章 在网页中使用PHP 391
视频讲解：29分钟
20.1 PHP交互基础 392
20.1.1 定义数据传输类型 392
20.1.2 定义表单提交方法 393
20.1.3 认识查询字符串 393
20.1.4 设置PHP处理程序 394
20.1.5 PHP接收表单数据的方法 394
20.1.6 在表单中嵌入PHP脚本 394
20.2 案例实战 395
20.2.1 获取文本框的值 395
20.2.2 获取复选框的值 396
20.2.3 获取下拉菜单的值 397
20.2.4 获取列表框的值 398
20.2.5 获取密码域和隐藏域的值 399
20.2.6 获取单选按钮的值 400
20.2.7 获取文件域的值 402
20.3 在线练习 403
第21章 Cookie和Session 404
视频讲解：41分钟
21.1 使用Cookie 405
21.1.1 认识Cookie 405
21.1.2 创建Cookie 405
21.1.3 读取Cookie 407
21.1.4 删除Cookie 407
21.1.5 Cookie的生命周期 408
21.2 使用Session 408
21.2.1 认识Session 408
21.2.2 启动会话 409
21.2.3 注册和读取会话 410
21.2.4 注销和销毁会话 410
21.2.5 传递会话 411
21.2.6 设置会话有效期 413
21.3 案例实战 414
21.3.1 控制登录时间 414
21.3.2 自动登录 415
21.3.3 限制访问时间 417
21.4 在线练习 418
第22章 访问MySQL数据库 419
视频讲解：1小时11分钟
22.1 访问MySQL基础 420
22.1.1 访问MySQL的方式 420
22.1.2 访问MySQL一般步骤 420
22.2 使用mysqli扩展 421
22.3 读写数据 421
22.3.1 启用mysqli扩展模块 422
22.3.2 连接MySQL服务器 422
22.3.3 处理连接错误报告 424
22.3.4 关闭与MySQL服务器连接 424
22.3.5 执行SQL命令 425
22.4 显示记录集 425
22.4.1 创建结果集对象 426
22.4.2 回收查询内存 426
22.4.3 从结果集中解析数据 426
22.4.4 从结果集中获取数据列的信息 429
22.4.5 一次执行多条SQL命令 430
22.5 案例实战 431
22.5.1 添加公告 431
22.5.2 查询公告 433
22.5.3 更新公告 435
22.5.4 删除公告 437
22.5.5 分页显示 438
22.6 在线练习 439
第23章 综合案例：设计技术论坛 440
视频讲解：1小时43分钟
23.1 设计思路 441
23.1.1 设计流程 441
23.1.2 数据结构设计 441
23.2 案例预览 443
23.3 难点详解 445
23.3.1 置顶帖子 445
23.3.2 引用帖子 446
23.3.3 收藏帖子 447
23.3.4 屏蔽回帖 448
23.3.5 短信提醒 449
23.4 页面开发 450
23.4.1 发布帖子 450
23.4.2 浏览帖子 453
23.4.3 回复帖子 458
23.4.4 结帖 462
23.4.5 搜索引擎 463
23.4.6 帖子分类 464
23.4.7 顶帖管理 468
23.4.8 管理信息 469
23.4.9 管理好友 471
23.4.10 数据备份和恢复 472