第1章 HTML语言基础 2
1.1 网页设计概述 2
1.2 网页标准化简介 2
1.2.1 网页标识语言 3
1.2.2 网页样式语言 4
1.2.3 网页脚本语言 4
1.3 准备好您的学习工具 4
1.4 HTML语言概述 6
1.4.1 认识HTML语言 6
1.4.2 HTML语言的发展历史 7
1.5 HTML语言规范 9
1.5.1 HTML文档结构 9
1.5.2 HTML基本语法 12
1.6 HTML文档类型和名字空间 13
1.6.1 认识DOCTYPE 13
1.6.2 DOCTYPE结构分析 13
1.6.3 HTML文档类型分类 14
1.6.4 HTML文档类型使用误区 16
1.6.5 探析文档类型定义(DTD) 16
1.6.6 名字空间 17
1.7 网页元信息 18
第2章 网页文本信息组织 18
2.1 字符标签 22
2.1.1 字体标签 22
2.1.2 文本标签 22
2.2 排版标签 24
2.2.1 格式版式 24
2.2.2 结构版式 25
2.3 列表标签 26
2.3.1 简单列表结构 26
2.3.2 定义列表结构 27
2.4 表格标签 27
2.4.1 表格的基本显示形式 27
2.4.2 表格的高级显示形式 30
2.5 表单标签 31
2.5.1 表单框架 31
2.5.2 表单工作机制透析 32
2.5.3 表单域 33
2.5.4 表单辅助标签 36
第3章 网页多媒体信息组织视频教学时长:0:20: 36
3.1 图像标签 40
3.1.1 插入图像 40
3.1.2 网页图像深度透析 40
3.1.3 图像特性 41
3.2 超链接标签 42
3.2.1 插入超链接 42
3.2.2 超链接特性 43
3.2.3 链接类型透析 43
3.2.4 图像映射 46
3.3 多媒体标签 49
3.3.1 颓废的早期多媒体标签 49
3.3.2 标准多媒体标签 50
3.3.3 HTML 5定义的新多媒体标签 52
3.4 其他标签 53
3.4.1 〈marquee〉标签 53
3.4.2 〈blink〉标签 54
第4章 精通网页标签的语义性视频教学时长:1:28: 34
4.1 网页语义化概述 56
4.1.1 什么是语义化网页 56
4.1.2 HTML语义化现状和发展 57
4.2 HTML元素的语义分类 57
4.2.1 结构语义元素 57
4.2.2 内容语义元素 58
4.2.3 修饰语义元素 58
4.3 HTML属性的语义分类 59
4.3.1 核心语义属性 59
4.3.2 语言语义属性 59
4.3.3 键盘语义属性 60
4.3.4 内容语义属性 60
4.3.5 其他语义属性 62
4.4 文本信息的语义结构 62
4.4.1 标题信息的语义结构 63
4.4.2 段落信息的语义结构 64
4.4.3 引用信息的语义结构 66
4.4.4 强调信息的语义结构 68
4.4.5 格式化文本的语义结构 68
4.4.6 输出信息的语义结构 69
4.4.7 信息缩写的语义结构 70
4.4.8 插入和删除信息的语义结构 71
4.4.9 其他文本信息的语义结构 72
4.5 列表信息的语义结构 73
4.5.1 认识列表结构 73
4.5.2 使用普通列表结构 74
4.5.3 使用定义列表结构 76
4.5.4 使用定义列表的误区 78
4.6 数据表格的语义化结构 79
4.6.1 认识数据表的结构 79
4.6.2 使用表格元素 81
4.6.3 数据分组 82
4.7 表单的语义化基本结构 84
4.7.1 认识表单的结构 85
4.7.2 认识表单元素 86
4.7.3 form元素 87
4.7.4 input元素 88
4.7.5 textarea和select元素 89
4.8 表单结构的语义化高级设计 91
4.8.1 表单分组 91
4.8.2 绑定提示标签到表单域 93
4.8.3 快捷键、访问键和禁止访问 93
4.8.4 select选项分区 94
4.8.5 使用按钮 95
第5章 精通网页结构化布局视频教学时长:0:40: 72
5.1 HTML元素的显示类型 98
5.1.1 认识元素显示类型 98
5.1.2 块状元素 98
5.1.3 行内元素 99
5.1.4 其他元素 99
5.2 HTML结构嵌套规则详解 100
5.2.1 结构乱套何时休 100
5.2.2 (X)HTML Strict下嵌套规则 101
5.2.3 HTML嵌套规则解析 104
5.3 解析CSS Zen Garden结构 106
5.3.1 认识CSS禅意花园 106
5.3.2 网页基本结构概述 108
5.3.3 禅意花园结构嵌套分析 109
5.3.4 构建禅意花园的基本结构 111
5.3.5 构建禅意花园的微观结构 112
5.3.6 内容版式设计 116
第6章 CSS语言基础 120
6.1 创建CSS样式 120
6.1.1 网页样式发展概述 120
6.1.2 CSS样式的构成 120
6.2 应用CSS样式 122
6.2.1 行内样式 122
6.2.2 内部样式 123
6.2.3 外部样式 125
6.2.4 引入外部样式 126
6.3 准确选用CSS选择器 127
6.3.1 基本选择器 127
6.3.2 选定范围选择器 130
6.3.3 属性选择器 133
6.3.4 选择器分组、嵌套和指定 135
6.4 灵活使用CSS的层叠和继承 137
6.4.1 CSS的层叠性 137
6.4.2 CSS的继承性 140
第7章 设计网页文本和段落样式视频教学时长:0:15: 36
7.1 字体样式 142
7.1.1 字体类型 142
7.1.2 字体大小 144
7.1.3 字体颜色 145
7.1.4 字体粗细 146
7.1.5 斜体 146
7.1.6 下划线 147
7.1.7 大小写 148
7.2 段落格式 149
7.2.1 水平对齐 149
7.2.2 垂直对齐 151
7.2.3 字距和词距 154
7.2.4 行高 154
7.2.5 首行缩进 157
7.3 网页文本格式实战 158
7.3.1 宁静、含蓄的英文格式 159
7.3.2 干练、洒脱的英文格式 161
7.3.3 层级式中文格式 162
7.3.4 报刊式中文格式 164
第8章 设计网页图像样式视频教学时长:0:46: 8
8.1 图像样式 168
8.1.1 图像大小 168
8.1.2 图像边框 169
8.1.3 图像透明度 171
8.1.4 图像位置 173
8.2 控制背景图像 174
8.2.1 定义背景图像 175
8.2.2 背景图像显示方式 176
8.2.3 背景图像位置 177
8.2.4 固定背景图像 180
8.2.5 灵活使用背景图像 181
8.3 网页图像设计实战 182
8.3.1 博客主页中的图像应用 182
8.3.2 网络相册中的图像应用 186
第9章 设计超链接样式视频教学时长:0:29: 29
9.1 超链接基本样式 194
9.1.1 简单认识超链接 194
9.1.2 伪类和伪对象 194
9.1.3 超链接基本样式 195
9.2 设计超链接样式 197
9.2.1 下划线样式 198
9.2.2 立体样式 200
9.2.3 动态样式 201
9.2.4 图像样式 203
9.2.5 鼠标样式 205
第10章 设计列表和菜单样式视频教学时长:1:16: 18
10.1 列表基本特性 208
10.1.1 定义列表的基本特性 208
10.1.2 自定义项目符号 209
10.1.3 使用背景图像定义项目符号 210
10.2 列表布局 210
10.2.1 垂直布局样式 211
10.2.2 水平布局形式 214
10.3 菜单样式设计 217
10.3.1 滑动样式(上) 217
10.3.2 滑动样式(下) 219
10.3.3 Tab菜单 221
10.3.4 导航下拉面板样式 224
第11章 设计表格样式视频教学时长:1:47: 54
11.1 表格特性设计 228
11.1.1 使用表格特性 228
11.1.2 使用CSS设计表格边框 230
11.1.3 单元格分离和补白样式 231
11.1.4 空单元格显示处理 232
11.1.5 单元格数据水平对齐和垂直对齐 233
11.2 表格布局模型和高级样式设计 235
11.2.1 表格布局模型 235
11.2.2 数据列和行的样式 237
11.2.3 表格标题的样式 240
11.2.4 合并单元格 242
11.2.5 数据表格内元素层叠优先级 243
11.3 表格样式设计实战 244
11.3.1 清新悦目的数据表样式 245
11.3.2 层次清晰的数据表样式 246
第12章 精通网页样式布局视频教学时长:2:21: 59
12.1 网页布局概述 252
12.1.1 网页布局的基本元素 252
12.1.2 网页元素的显示属性 253
12.1.3 网页布局的类型 254
12.2 CSS盒模型 257
12.2.1 认识盒模型 257
12.2.2 盒模型的边界 258
12.2.3 边界重叠 260
12.2.4 盒模型的边框 262
12.2.5 边框样式的使用技巧 264
12.2.6 盒模型的补白 265
12.3 标准网页布局的基本方法 267
12.3.1 float浮动布局 267
12.3.2 浮动清除 271
12.3.3 position定位布局 273
12.3.4 定位元素的重叠顺序 276
12.4 网页布局实战 278
12.4.1 布局居中技巧 279
12.4.2 灵活设计定位布局 281
12.4.3 浮动布局的高度自适应 285
12.4.4 使用负边界改善浮动布局 287
第13章 精通兼容性网页布局视频教学时长:2:14: 33
13.1 浏览器兼容的基本方法 292
13.1.1 常用过滤器 292
13.1.2 使用IE条件语句过滤 293
13.1.3 标准浏览器和非标准浏览器 295
13.2 兼容流动布局 296
13.2.1 关于浏览器的默认值问题 296
13.2.2 列表兼容性处理——有序列表高度问题 296
13.2.3 列表兼容性处理——列表宽度问题 298
13.2.4 列表兼容性处理——项目符号变异问题 299
13.2.5 列表兼容性处理——列表行双倍高度问题 300
13.2.6 列表兼容性处理——列表项错行问题 301
13.2.7 默认高度问题 302
13.2.8 盒模型高和宽的计算问题 304
13.2.9 最小高度和宽度问题 305
13.2.10 超链接兼容处理——失控的子标签问题 306
13.2.11 超链接兼容处理——使用背景图像代替文本问题 307
13.3 兼容浮动布局 308
13.3.1 浮动被流动包含问题 308
13.3.2 包含框不能自适应高度的问题 310
13.3.3 浮动布局中栏目内容被隐藏的问题 311
13.3.4 同时设置边界和浮动布局的问题 313
13.3.5 半个像素问题 315
13.3.6 3像素问题 317
13.3.7 多出字符问题 318
13.4 兼容定位布局 319
13.4.1 定位参照物的问题 319
13.4.2 定位元素的结构与层叠问题 321
13.4.3 定位元素丢失问题 323
第14章 JavaScript语言基础 323
14.1 感性认识JavaScript 328
14.1.1 JavaScript历史 328
14.1.2 JavaScript语言特性 328
14.1.3 网页中的JavaScript 328
14.1.4 JavaScript输出信息的多种方法 329
14.2 JavaScript语言概述 331
14.2.1 JavaScript数据结构体系 331
14.2.2 JavaScript文法结构体系 333
14.2.3 JavaScript词法基础 334
14.3 常量和变量 335
14.4 表达式和运算符 336
14.5 控制语句 339
14.5.1 表达式语句和语句块 340
14.5.2 条件语句 340
14.5.3 循环语句 343
14.5.4 跳转语句 344
14.5.5 异常处理语句 345
14.5.6 var语句和function语句 346
14.5.7 with语句和空语句 347
14.6 数据类型 347
14.6.1 数值 348
14.6.2 字符串 348
14.6.3 布尔型 348
14.6.4 null和undefined 349
14.6.5 其他数据类型 349
14.7 函数 349
14.7.1 定义函数 349
14.7.2 调用函数 350
14.7.3 函数的参数 350
14.7.4 函数常量 351
14.7.5 闭包函数 352
14.8 对象 353
14.8.1 对象的属性和方法 353
14.8.2 增加和删除对象属性 355
14.8.3 销毁对象 356
14.8.4 内置对象 356
14.9 数组 356
14.9.1 定义数组 356
14.9.2 存取数组元素 357
14.9.3 数组的存取和增删 357
14.9.4 数组的高级操作 358
14.10 JavaScript初步实践 359
14.10.1 JavaScript脚本的生命周期 360
14.10.2 JavaScript脚本在网页中的位置 360
14.10.3 JavaScript脚本块在网页中的处理 362
14.10.4 使用外部JavaScript文件 363
14.10.5 JavaScript文件的关联和冲突处理 364
14.10.6 JavaScript和CSS文件URL引用和执行问题 368
14.10.7 JavaScript编辑工具 369
第15章 精通DOM文档对象模型视频教学时长:1:57: 5
15.1 认识DOM 372
15.1.1 浏览器对象模型 372
15.1.2 标准文档对象模型 373
15.1.3 DOM中的节点 374
15.2 文档基本操作 376
15.2.1 遍历文档 376
15.2.2 增加文档内容 379
15.3 节点基本操作 381
15.3.1 获取节点 381
15.3.2 创建节点 383
15.3.3 复制节点 385
15.3.4 插入节点 386
15.3.5 删除节点 389
15.3.6 替换节点 391
15.4 属性基本操作 393
15.4.1 获取节点属性 393
15.4.2 设置节点属性 394
15.4.3 删除节点属性 395
第16章 精通JavaScript事件处理模型视频教学时长:1:36: 33
16.1 事件处理模型概述 398
16.1.1 认识事件 398
16.1.2 事件流 399
16.1.3 事件处理模型 400
16.2 基本事件模型 401
16.2.1 事件类型 401
16.2.2 绑定事件 402
16.2.3 事件处理的返回值 402
16.2.4 事件处理的参数 403
16.2.5 事件处理程序中的this关键字 404
16.3 标准事件模型 405
16.3.1 事件传播 405
16.3.2 事件注册 406
16.3.3 为对象注册多个事件处理程序 407
16.3.4 事件模块和事件类型 408
16.3.5 剖析Event 409
16.3.6 兼容不同浏览器的事件处理方法 410
16.4 IE事件模型 411
16.4.1 事件注册 411
16.4.2 Event对象 411
16.4.3 Event应用 412
16.5 事件绑定和处理实战 412
16.5.1 定义Tab面板的结构和样式 413
16.5.2 方法一:在标签属性中绑定事件处理函数 415
16.5.3 方法二:在脚本中注册Tab面板的操作事件 416
16.5.4 方法三:使用标准事件模型设计Tab面板功能 418
第17章 精通DHTML动态样式设计视频教学时长:1:53: 16
17.1 脚本化CSS 422
17.1.1 脚本化样式发展历史 422
17.1.2 认识样式的脚本属性 422
17.1.3 CSS在DHTML中的作用 426
17.2 使用JavaScript控制行内样式 427
17.2.1 脚本中样式属性名使用规范 427
17.2.2 style对象及其方法 428
17.3 脚本中的样式表 431
17.3.1 认识styleSheets集合 432
17.3.2 styleSheets集合索引 433
17.3.3 操作CSS规则 435
17.3.4 获取显示样式 437
17.4 DHTML动态样式实战 439
17.4.1 换皮肤1 439
17.4.2 换皮肤2 441
17.4.3 折叠块1 444
17.4.4 折叠块2 445
17.4.5 提示框1 449
17.4.6 提示框2 451
第18章 精通Ajax异步通信技术视频教学时长:2:21: 14
18.1 认识Ajax 456
18.1.1 什么是Ajax 456
18.1.2 如何学习Ajax 456
18.2 使用XMLHttpRequest对象 457
18.2.1 创建XMLHttpRequest对象实例 458
18.2.2 创建兼容性XMLHttpRequest....对象 458
18.2.3 创建动态XMLHttpRequest对象 460
18.2.4 模拟本地服务器环境 461
18.2.5 准备前后和后台信息交互文件 462
18.2.6 使用XMLHttpRequest发送请求 463
18.2.7 回调 465
18.2.8 处理服务器响应 466
18.3 Ajax技术应用实战 468
18.3.1 Ajax显示前后台数据交互过程 469
18.3.2 Ajax显示记录集 471
18.3.3 Tab面板数据异步更新 476
18.3.4 Ajax记录集分页显示 478
18.3.5 Ajax关键词快速匹配 482
第19章 综合实践:家庭账本视频教学时长:1:01: 5
19.1 数据库设计 488
19.1.1 家庭账本功能演示 488
19.1.2 策划思路 489
19.1.3 设计数据结构 490
19.2 账本的结构和样式 492
19.2.1 账本结构 492
19.2.2 表单结构 492
19.2.3 页面样式和布局 493
19.3 公共函数设计 494
19.3.1 数据库连接 494
19.3.2 数据库操作基本函数 495
19.3.3 编辑数据 495
19.3.4 更新数据 499
19.3.5 添加数据 502
19.3.6 显示数据 505
19.3.7 数据操作主函数 511
19.4 功能设计 515
19.4.1 入账记录 515
19.4.2 出账记录 516
19.4.3 任意查询 519
19.4.4 固定查询 520