第1章 网页设计基础 1
1.1 熟悉网页设计概念 2
1.1.1 网页和网站 2
1.1.2 网页类型 3
1.1.3 网页构成 5
1.2 网页设计学习任务 7
1.2.1 学习HTML 7
1.2.2 学习DIV结构 8
1.2.3 学习CSS 9
1.2.4 学习JavaScript 10
1.3 网页设计素养 11
1.3.1 网页设计任务 11
1.3.2 网页设计原则 11
1.3.3 网页设计流程 12
1.3.4 网页配色 12
1.4 网站开发流程 13
1.4.1 个人网站开发流程 13
1.4.2 应用项目开发流程 16
1.4.3 承包网站开发流程 16
附录一：《网站建设合同》参考范本 18
附录二：《网站维护说明书》参考范本 21
第2章 HTML基础 23
2.1 HTML历史 24
2.2 HTML规范雏形 26
2.3 HTML与XHTML 29
2.4 HTML基础 29
2.4.1 HTML语言作用 29
2.4.2 HTML文档基本结构 30
2.4.3 HTML基本语法 30
2.4.4 HTML常用标签 32
2.5 XHTML基础 37
2.5.1 XHTML文档基本结构 37
2.5.2 XHTML基本语法 38
2.5.3 XHTML文档类型 38
2.5.4 DTD文档类型解析 40
2.5.5 名字空间 41
2.6 HTML元信息 42
第3章 设计符合语义的页面 44
3.1 网页语义化概述 45
3.2 元素分类 45
3.2.1 结构语义 45
3.2.2 内容语义 46
3.2.3 修饰语义 46
3.3 属性分类 46
3.3.1 核心属性 47
3.3.2 语言属性 47
3.3.3 键盘属性 47
3.3.4 内容属性 48
3.3.5 其他属性 49
3.4 定义文本信息 50
3.4.1 设计标题信息 50
3.4.2 设计段落信息 52
3.4.3 设计引用信息 53
3.4.4 设计强调信息 55
3.4.5 设计格式信息 56
3.4.6 设计输出信息 57
3.4.7 设计信息缩写 58
3.4.8 设计插入和删除信息 59
3.4.9 设计其他文本信息 60
3.5 定义列表信息 61
3.5.1 认识列表 62
3.5.2 设计普通列表 62
3.5.3 设计定义列表 64
3.5.4 使用定义列表的误区 65
3.6 设计表格 66
3.6.1 认识表格结构 66
3.6.2 使用表格元素 68
3.6.3 表格分组 69
3.7 设计表单 71
3.7.1 认识表单结构 71
3.7.2 使用表单元素 72
3.7.3 form元素 73
3.7.4 input元素 75
3.7.5 textarea和select元素 76
3.7.6 表单分组 77
3.7.7 绑定提示标签 79
3.7.8 定义快捷键、访问键和禁止访问 79
3.7.9 select选项分区 80
3.7.10 使用按钮 81
3.8 案例实战 81
3.8.1 设计一个自我介绍简单页面 81
3.8.2 解决网页乱码现象 82
3.8.3 把HTML转换为XHTML 83
3.8.4 输出唐诗 86
第4章 设计符合标准的结构 87
4.1 元素显示类型 88
4.1.1 认识元素显示类型 88
4.1.2 块状元素 88
4.1.3 行内元素 89
4.1.4 其他元素 89
4.2 结构嵌套规则 90
4.2.1 分析结构乱套现象 90
4.2.2 严谨的嵌套规则 91
4.2.3 HTML嵌套规则应用 94
4.3 案例实战：设计CSS禅意花园 96
4.3.1 认识CSS禅意花园 97
4.3.2 定义网页结构 98
4.3.3 设计嵌套结构 100
4.3.4 构建基本框架 100
4.3.5 设计局部结构 101
4.3.6 正文版式设计 103
第5章 设计HTML 5文档 105
5.1 HTML 5基础 106
5.1.1 HTML 5语法 106
5.1.2 HTML 5元素 108
5.1.3 HTML 5对象属性 114
5.1.4 HTML 5全局属性 116
5.2 认识HTML 5文档结构 118
5.3 HTML 5元素分类 121
5.4 构建主体内容 122
5.4.1 标识文章 122
5.4.2 给内容分段 125
5.4.3 设计导航信息 128
5.4.4 设计辅助信息 130
5.4.5 设计微格式 131
5.4.6 添加发布日期 131
5.5 添加语义模块 133
5.5.1 添加标题块 133
5.5.2 给标题分组 134
5.5.3 添加脚注块 134
5.5.4 添加联系信息 136
5.6 案例实战：使用HTML 5设计博客主页 136
5.6.1 设计大纲 137
5.6.2 设计样式 140
第6章 CSS基础 143
6.1 CSS概述 144
6.1.1 什么是CSS样式 144
6.1.2 为什么学习CSS 144
6.1.3 CSS特点 145
6.2 CSS语法和用法 146
6.2.1 CSS基本结构 146
6.2.2 CSS基本用法 147
6.2.3 CSS样式表 148
6.2.4 导入外部样式表 148
6.2.5 CSS注释和版式 149
6.3 CSS属性和单位 150
6.3.1 CSS属性 150
6.3.2 CSS单位 153
6.4 简单选择器 156
6.4.1 标签选择器 156
6.4.2 类选择器 157
6.4.3 ID选择器 159
6.4.4 通配选择器 161
6.5 复合选择器 162
6.5.1 子选择器 162
6.5.2 相邻选择器 163
6.5.3 包含选择器 164
6.5.4 多层选择器嵌套 166
6.5.5 属性选择器 167
6.5.6 伪选择器和伪元素选择器 171
6.5.7 选择器分组 172
6.6 CSS3新增选择器 173
6.6.1 兄弟选择器 174
6.6.2 目标伪类选择器 174
6.6.3 结构伪类选择器 175
6.6.4 否定伪类选择器 184
6.6.5 状态伪类选择器 186
6.7 CSS继承性、层叠性和特殊性 188
6.7.1 CSS继承性 188
6.7.2 CSS层叠性 190
6.7.3 CSS优先级 190
6.7.4 CSS特殊性 191
6.8 案例实战 195
6.8.1 设计导航菜单 195
6.8.2 设计登录表单 196
第7章 设计文本样式 199
7.1 字体样式 200
7.1.1 定义字体类型 200
7.1.2 定义字体大小 201
7.1.3 定义字体颜色 203
7.1.4 定义字体粗细 203
7.1.5 定义斜体字体 204
7.1.6 定义下划线 204
7.1.7 定义字体大小写 205
7.2 文本样式 206
7.2.1 定义文本对齐 207
7.2.2 定义垂直对齐 208
7.2.3 定义字距和词距 211
7.2.4 定义行高 212
7.2.5 定义缩进 214
7.3 案例实战 215
7.3.1 设计英文格式1 216
7.3.2 设计英文格式2 218
7.3.3 设计中文报刊版式 219
7.3.4 设计中文层级版式 222
第8章 设计图像样式 224
8.1 网页中的图像 225
8.2 图像样式 226
8.2.1 定义图像大小 226
8.2.2 定义图像边框 228
8.2.3 定义图像不透明度 231
8.2.4 定义圆角图像 232
8.2.5 定义阴影图像 233
8.2.6 图文混排 236
8.3 综合实战：设计图文新闻内容页 237
8.4 背景图像 241
8.4.1 定义背景图像 241
8.4.2 定义显示方式 244
8.4.3 定义显示位置 247
8.4.4 定义固定背景 252
8.5 综合实战 254
8.5.1 设计博客首页 254
8.5.2 设计社区相册 258
8.5.3 CSS Sprites 263
第9章 设计超链接样式 265
9.1 定义超链接样式 266
9.1.1 认识超链接 266
9.1.2 伪类和伪对象 266
9.1.3 定义链接样式 268
9.2 案例实战 270
9.2.1 定义下划线样式 270
9.2.2 定义立体样式 273
9.2.3 定义动态样式 275
9.2.4 定义图像交换样式 277
9.2.5 定义鼠标样式 279
9.2.6 设计图形化按钮样式 281
9.2.7 设计滑动门样式 283
第10章 设计列表样式 286
10.1 设计列表结构 287
10.1.1 无序列表 287
10.1.2 有序列表 288
10.1.3 定义列表 291
10.2 定义列表样式 292
10.2.1 定义列表类型 293
10.2.2 自定义项目符号 294
10.2.3 用背景图模拟项目符号 295
10.3 列表布局 296
10.3.1 列表堆叠 296
10.3.2 水平布局 299
10.4 案例实战 302
10.4.1 设计背景水平滑动菜单 303
10.4.2 设计背景垂直滑动菜单 304
10.4.3 设计Tab面板菜单 306
10.4.4 设计下拉式面板菜单 309
10.5 设计列表栏目样式 312
10.5.1 案例1：音乐榜单 312
10.5.2 案例2：图文列表栏 314
第11章 设计表格样式 318
11.1 设计表格结构 319
11.1.1 早期表格结构 319
11.1.2 标准表格结构 320
11.2 定义表格基本样式 322
11.2.1 使用表格标签属性 322
11.2.2 设计细线表格 324
11.2.3 定义单元格空隙 324
11.2.4 隐藏空单元格 326
11.3 设计表格特殊样式 327
11.3.1 表格布局特性 327
11.3.2 定义列组和行组样式 329
11.3.3 定义表格标题样式 331
11.3.4 合并单元格 333
11.3.5 表格样式的层叠顺序 333
11.4 案例实战 335
11.4.1 设计单线表格 335
11.4.2 设计层级表格样式 337
11.4.3 设计日历表 340
第12章 设计表单样式 344
12.1 设计表单 345
12.1.1 表单框 345
12.1.2 输入框 346
12.1.3 选择框 350
12.1.4 优化结构 353
12.2 定义表单样式 354
12.2.1 设计文本框 355
12.2.2 设计单选按钮和复选框 358
12.2.3 设计下拉菜单和列表框 361
12.3 案例实战 362
12.3.1 设计用户登录页 362
12.3.2 设计用户注册页 366
12.3.3 设计搜索框 369
第13章 CSS网页布局 372
13.1 网页布局概述 373
13.1.1 认识div和span 373
13.1.2 认识display 373
13.1.3 网页布局分类 376
13.2 CSS盒模型 377
13.2.1 认识盒模型 378
13.2.2 定义边界 379
13.2.3 边界重叠 381
13.2.4 定义边框 382
13.2.5 定义补白 385
13.3 网页布局基本方法 387
13.3.1 定义float 387
13.3.2 使用clear 390
13.3.3 定义position 393
13.3.4 设置层叠顺序 399
13.4 案例实战 401
13.4.1 设计网页居中显示 401
13.4.2 设计定位版三栏页面布局 404
13.4.3 设计多栏高度自适应页面 408
13.4.4 设计负margin页面 410
第14章 CSS兼容技法 412
14.1 认识浏览器 413
14.1.1 浏览器类型 413
14.1.2 浏览器解析模式 414
14.2 基本兼容方法 415
14.2.1 IE条件语句 415
14.2.2 属性过滤器 418
14.2.3 选择器过滤器 419
14.3 案例实战：流动问题与处理 421
14.3.1 标签的默认样式 421
14.3.2 有序列表高度问题 422
14.3.3 列表宽度问题 423
14.3.4 项目符号变异问题 424
14.3.5 列表行双倍高度问题 425
14.3.6 列表项错行问题 426
14.3.7 默认高度问题 427
14.3.8 失控的子标签问题 428
14.3.9 使用背景图代替文本问题 429
14.4 案例实战：浮动问题与处理 430
14.4.1 浮动被流动包含问题 430
14.4.2 高度自适应问题 431
14.4.3 栏目内容被隐藏 432
14.4.4 边界和浮动问题 434
14.4.5 半个像素问题 435
14.4.6 3像素问题 437
14.4.7 多出字符问题 438
14.5 案例实战：定位问题与处理 439
14.5.1 定位参照物的问题 439
14.5.2 定位层叠问题 440
14.5.3 定位丢失问题 442
第15章 JavaScript基础 445
15.1 JavaScript入门 446
15.1.1 网页中的JavaScript 446
15.1.2 使用JavaScript文件 448
15.1.3 JavaScript语法基础 450
15.1.4 认识JavaScript语法特性 452
15.2 常量和变量 456
15.3 表达式和运算符 458
15.4 语句 462
15.4.1 表达式语句和语句块 462
15.4.2 条件语句 462
15.4.3 循环语句 466
15.4.4 跳转语句 469
15.4.5 异常处理语句 470
15.4.6 var语句和function语句 471
15.4.7 with语句和空语句 472
15.5 数据类型和类型转换 473
15.5.1 数值 473
15.5.2 字符串 474
15.5.3 布尔型 475
15.5.4 null和undefined 476
15.5.5 引用型数据 476
15.6 函数 476
15.6.1 定义函数 476
15.6.2 调用函数 477
15.6.3 函数参数 478
15.6.4 函数应用 480
15.6.5 闭包函数 481
15.7 对象 482
15.7.1 创建对象 483
15.7.2 访问对象 483
15.8 数组 484
15.8.1 定义数组 484
15.8.2 存取元素 485
15.8.3 数组应用 487
15.9 案例实战 489
15.9.1 检测数据类型 489
15.9.2 数值计算与类型转换 492
15.9.3 字符串替换 493
15.9.4 增强数组排序 496
15.9.5 使用高阶函数 498
15.9.6 函数柯里化 500
15.9.7 灵活使用this 501
第16章 使用JavaScript操作浏览器和文档 506
16.1 操作浏览器 507
16.1.1 了解浏览器对象模型 507
16.1.2 案例：设计广告弹窗 508
16.1.3 案例：设计人机交互窗口 510
16.1.4 案例：检测浏览器类型和版本 512
16.1.5 案例：获取URL查询字符串信息 513
16.1.6 案例：设计窗口居中显示 515
16.1.7 案例：设计自由弹跳的窗口 516
16.2 操作文档 517
16.2.1 了解文档对象模型 517
16.2.2 认识DOM节点类型 519
16.2.3 案例：遍历文档 520
16.2.4 案例：动态增加文档内容 523
16.3 操作节点 525
16.3.1 获取节点 525
16.3.2 创建节点 529
16.3.3 复制节点 532
16.3.4 插入节点 534
16.3.5 删除节点 537
16.3.6 替换节点 539
16.4 操作属性 541
16.4.1 获取节点属性 541
16.4.2 设置节点属性 542
16.4.3 删除节点属性 543
第17章 JavaScript事件处理 545
17.1 了解事件处理模型 546
17.1.1 事件模型分类 546
17.1.2 事件流 546
17.2 基本事件模型 549
17.2.1 基本事件类型 550
17.2.2 绑定事件 550
17.2.3 事件处理函数的返回值 551
17.2.4 事件处理函数的参数 552
17.2.5 事件处理函数中的this 553
17.3 标准事件模型 554
17.3.1 事件传播 554
17.3.2 注册事件 554
17.3.3 注销事件 556
17.3.4 事件类型 557
17.3.5 Event对象 558
17.4 IE事件模型 559
17.4.1 注册和销毁事件 559
17.4.2 Event对象 561
17.5 事件类型 562
17.5.1 案例：设计鼠标拖放操作 563
17.5.2 案例：设计鼠标跟随特效 565
17.5.3 案例：跟踪鼠标在对象内相对位置 567
17.5.4 案例：设计推箱子游戏 570
17.5.5 案例：设计满屏画布背景 573
17.5.6 案例：自动读取选择文本 575
17.5.7 案例：设计自动跳转下拉菜单 575
17.5.8 案例：禁止表单提交 576
17.6 案例实战 577
17.6.1 设计Tab面板 577
17.6.2 使用事件属性激活Tab行为 579
17.6.3 分离HTML和JavaScript 580
17.6.4 标准化Tab交互行为 582
第18章 使用JavaScript操作CSS样式 584
18.1 脚本化CSS概述 585
18.1.1 了解DHTML 585
18.1.2 CSS脚本化的应用 585
18.1.3 认识CSS脚本属性 586
18.2 操作行内样式 590
18.2.1 CSS脚本属性名规范 590
18.2.2 使用style对象 591
18.3 操作样式表 596
18.3.1 使用styleSheets对象 597
18.3.2 访问样式表中的样式 598
18.3.3 读取样式的选择符 600
18.3.4 编辑样式 601
18.3.5 添加样式 602
18.3.6 访问显示样式 603
18.4 案例实战 606
18.4.1 网页换肤 606
18.4.2 设计折叠面板 610
18.4.3 设计工具提示 611
第19章 使用Ajax 615
19.1 Ajax概述 616
19.1.1 了解Ajax 616
19.1.2 如何学习Ajax 616
19.2 模拟本地服务器环境 617
19.2.1 安装IIS组件 617
19.2.2 定义虚拟目录 618
19.2.3 定义本地站点 620
19.2.4 定义动态站点 622
19.2.5 测试本地站点 625
19.3 使用XMLHttpRequest 626
19.3.1 创建XMLHttpRequest 626
19.3.2 设计测试文件 629
19.3.3 使用XMLHttpRequest发送请求 630
19.3.4 异步回调函数 632
19.3.5 处理响应信息 633
19.4 案例实战 635
19.4.1 Ajax交互提示 635
19.4.2 控制显示记录个数 638
19.4.3 记录集分页显示 642
19.4.4 异步更新Tab面板内容 645
19.4.5 快速匹配搜索 647
第20章 使用jQuery 651
20.1 jQuery概述 652
20.1.1 认识jQuery 652
20.1.2 jQuery特性 652
20.1.3 安装jQuery 653
20.1.4 使用jQuery 655
20.1.5 认识jQuery构造器 656
20.2 jQuery基本用法 659
20.2.1 访问元素 660
20.2.2 读写属性 663
20.2.3 定义类样式 665
20.2.4 读写文本和值 667
20.3 使用选择器和过滤器 670
20.3.1 常用选择器 670
20.3.2 伪类选择器 671
20.3.3 表单选择器 673
20.3.4 过滤器 674
20.4 文档处理 676
20.4.1 插入内容 676
20.4.2 嵌套结构 678
20.4.3 替换结构 680
20.4.4 删除和克隆结构 680
20.5 CSS处理 681
20.5.1 定义样式 681
20.5.2 定义位移 682
20.5.3 定义尺寸 683
20.6 事件处理 683
20.6.1 页面初始化事件 683
20.6.2 绑定事件 684
20.6.3 触发事件 685
20.6.4 交互事件 687
20.6.5 封装事件 688
20.7 动画处理 689
20.7.1 显隐动画 689
20.7.2 滑动动画 689
20.7.3 淡入淡出 690
第21章 综合实战：设计专题网页 691
21.1 设计思路 692
21.2 构建结构 693
21.2.1 定义基本结构 693
21.2.2 完善详细结构 694
21.3 页面布局和样式设计 697
21.3.1 布局思路 697
21.3.2 基本布局和样式 697
21.3.3 浏览器兼容处理 699
21.4 页面动态效果设计 701
21.4.1 动态下拉菜单 702
21.4.2 延迟的下拉菜单 703
21.4.3 自定义折叠面板 704
21.4.4 左右推拉面板 705
第22章 综合实战：设计电子相册 707
22.1 设计思路 708
22.1.1 案例预览 708
22.1.2 案例策划 709
22.1.3 设计XML数据 710
22.2 设计相册结构 711
22.2.1 设计基本结构 711
22.2.2 完善页面结构 712
22.3 设计相册布局和样式 713
22.3.1 基本布局思路 713
22.3.2 定义默认样式和基本框架 714
22.3.3 定义局部样式 715
22.3.4 浏览器兼容性处理 717
22.3.5 设计皮肤 719
22.4 设计交互效果 720
22.4.1 动态更换皮肤 720
22.4.2 使用Spry读取XML数据 721
22.4.3 初始化XML DOM控件 724
22.4.4 读取并显示分类导航信息 724
22.4.5 读取并显示缩略图信息 726
22.4.6 完善鼠标操作的动感效果 727
第23章 综合实战：设计网络记事本 729
23.1 网站策划 730
23.1.1 案例分析 730
23.1.2 功能设计和效果演示 730
23.2 设计思路 733
23.3 设计数据结构 734
23.3.1 网站数据结构概述 734
23.3.2 设计数据表结构 736
23.4 设计网站结构和样式 738
23.4.1 网站结构 738
23.4.2 网站布景 740
23.4.3 表单结构 741
23.4.4 网站布局 742
23.5 基本模块设计 742
23.5.1 连接数据库 743
23.5.2 数据库基本操作 744
23.5.3 用户登录 744
23.5.4 DOM操作 745
23.6 网站初始化 746
23.6.1 生成表单 747
23.6.2 表单初始化 748
23.7 数据操作 750
23.7.1 数据录入 750
23.7.2 数据查询 752
23.8 数据显示 755
23.8.1 设计可编辑行 757
23.8.2 更新数据 762
23.8.3 添加数据 764
23.8.4 删除数据 767
23.8.5 恢复数据 769
23.8.6 显示数据 771
23.8.7 数据显示接口 775
23.8.8 页面初始化 785
第24章 综合实战：设计购物网站 789
24.1 网站策划 790
24.2 设计网站结构 791
24.2.1 定义文件结构 791
24.2.2 定义网页结构 791
24.2.3 设计效果图 792
24.3 设计网站样式 792
24.3.1 网站样式分类 792
24.3.2 编写全局样式 793
24.3.3 编写可重用样式 793
24.3.4 编写网站首页主体布局 797
24.3.5 编写详细页主体布局 806
24.4 设计首页交互行为 809
24.4.1 搜索框文字效果 809
24.4.2 网页换肤 810
24.4.3 导航效果 812
24.4.4 商品分类热销效果 812
24.4.5 产品广告效果 813
24.4.6 超链接提示 814
24.4.7 品牌活动横向滚动效果 816
24.4.8 光标滑过产品列表效果 817
24.5 设计详细页交互行为 818
24.5.1 图片放大镜效果 818
24.5.2 图片遮罩效果 819
24.5.3 小图切换大图 820
24.5.4 选项卡 821
24.5.5 产品颜色切换 823
24.5.6 产品尺寸切换 824
24.5.7 产品数量和价格联动 824
24.5.8 产品评分的效果 825
24.5.9 放入购物车效果 825
24.6 小结 827