第1章 了解网页制作 1
1.1 网页概述 2
1.1.1 网页的基本要素 2
1.1.2 静态网页和动态网页 4
1.2 网页编辑器和屏幕分辨率 4
1.2.1 网页编辑器 4
1.2.2 屏幕分辨率 5
1.3 网站制作基本流程 6
1.3.1 前期策划 6
1.3.2 收集素材 6
1.3.3 页面的版式与布局分析 6
1.3.4 确定网页的主色调 8
1.3.5 设计页面整体 8
1.3.6 其他页面元素的设计 9
1.3.7 切割和优化页面 9
1.3.8 制作HTML页面 9
1.3.9 测试并上传网站 10
1.3.10 网站的更新于维护 10
1.4 网页中的色彩特性 10
1.4.1 网页色彩的特性 10
1.4.2 网页安全色 11
1.4.3 色彩模式 11
1.4.4 网页配色基本方法 12
1.5 总结扩展 14
1.5.1 本章小结 14
1.5.2 举一反三——网页设计师的基本要求 15
第2章 Dreamweaver CS5快速入门 17
2.1 Dreamweaver CS5快速入门 18
2.1.1 Dreamweaver CS5工作流程概述 18
2.1.2 Dreamweaver CS5的新增功能 19
2.2 Dreamweaver CS5的安装与启动 21
2.2.1 Dreamweaver CS5系统要求 22
2.2.2 安装Dreamweaver CS5 22
2.2.3 启动Dreamweaver CS5 24
2.3 实用的Dreamweaver CS5操作界面 25
2.3.1 扩展Dreamweaver CS5 27
2.3.2 使用“菜单” 28
2.4 使用可视化助理布局 46
2.4.1 使用标尺 46
2.4.2 网格的设置 47
2.4.3 使用辅助线 48
2.4.4 使用跟踪图像 49
2.5 总结扩展 49
2.5.1 本章小结 49
2.5.2 举一反三——Dreamweaver CS5的卸载 50
第3章 建立与管理站点 51
3.1 建立站点 52
3.1.1 方便快捷地创建本地站点 52
3.1.2 设置站点服务器 53
3.1.3 设置版本控制 57
3.1.4 站点的高级设置 58
3.2 站点管理 62
3.2.1 站点的切换 62
3.2.2 “管理站点”对话框 62
3.3 规划与构建站点结构 63
3.3.1 规划站点结构 64
3.3.2 构建站点结构 64
3.4 应用实例：设置站点远程服务器 68
3.4.1 制作分析 68
3.4.2 制作步骤 69
3.5 总结扩展 71
3.5.1 本章小结 71
3.5.2 举一反三——备份站点并导入站点 71
第4章 Dreamweaver CS5中的源代码 73
4.1 HTML的技术介绍 74
4.1.1 HTML语言 74
4.1.2 HTML的基本结构 75
4.1.3 常用的重要标记 76
4.1.4 HTML 5新增属性 80
4.2 网页中的其他源代码 81
4.2.1 CSS层叠样式表 81
4.2.2 JavaScript脚本代码 83
4.2.3 源代码中的注释 84
4.3 在Dreamweaver CS5中编写HTML 85
4.3.1 代码视图详解 85
4.3.2 使用快速标签编辑器 90
4.3.3 站点特定的代码提示 92
4.4 优化代码 94
4.4.1 优化HTML代码 94
4.4.2 清理Word生成的HTML代码 95
4.5 应用实例：制作第一个HTML页面 96
4.5.1 在代码视图中创建HTML页面 96
4.5.2 设计视图中创建HTML页面 98
4.6 总结扩展 98
4.6.1 本章小结 98
4.6.2 举一反三——制作一个带有图片的HTML的页面 99
第5章 网页的整体设置 101
5.1 设置页面的头部内容 102
5.1.1 设置标题 103
5.1.2 设置META 103
5.1.3 插入关键字 106
5.1.4 插入说明 107
5.1.5 插入刷新 107
5.1.6 设置基础 108
5.1.7 设置链接 109
5.2 设置网页基本属性 110
5.2.1 设置外观（CSS） 110
5.2.2 设置外观（HTML） 112
5.2.3 设置链接（CSS） 113
5.2.4 设置标题（CSS） 114
5.2.5 设置标题和编码 115
5.2.6 设置跟踪图像 116
5.3 应用实例：设置页面整体属性 117
5.3.1 制作分析 117
5.3.2 制作步骤 118
5.4 总结扩展 125
5.4.1 本章小结 125
5.4.2 举一反三——设置网页的头部信息 125
第6章 制作简洁的文本页面 127
6.1 在网页中输入文字 128
6.1.1 输入文字的两种方法 128
6.1.2 输入文字时的注意事项 129
6.2 插入特殊文本对象 130
6.2.1 插入特殊字符 131
6.2.2 插入列表 131
6.2.3 插入日期 133
6.2.4 插入水平线 135
6.2.5 插入注释 135
6.3 设置文字属性 136
6.3.1 HTML属性 137
6.3.2 CSS属性 138
6.4 检查拼写与查找替换 140
6.4.1 检查拼写 140
6.4.2 查找替换 141
6.5 实现文字滚动 142
6.6 应用实例：制作个性网站页面 144
6.6.1 制作分析 145
6.6.2 制作步骤 145
6.7 总结扩展 153
6.7.1 本章小结 153
6.7.2 举一反三——制作文本网页 153
第7章 使用图像丰富网页内容 155
7.1 网页图像的格式 156
7.1.1 GIF格式图像 156
7.1.2 JPEG格式图像 156
7.1.3 PNG格式图像 157
7.2 插入图像 157
7.2.1 在网页中插入图像 157
7.2.2 设置图像属性 160
7.3 插入其他图像元素 164
7.3.1 插入图像占位符 164
7.3.2 插入鼠标经过图像 166
7.3.3 插入Fireworks HTML 167
7.4 应用实例：制作图像页面 168
7.4.1 设计分析 168
7.4.2 制作步骤 169
7.5 总结扩展 178
7.5.1 本章小结 179
7.5.2 举一反三——在页面中插入图像 179
第8章 使用CSS修饰网页 181
8.1 认识CSS样式表 182
8.1.1 什么是CSS 182
8.1.2 CSS的优越性 182
8.1.3 CSS样式的类型 183
8.1.4 CSS样式的基本写法 184
8.2 创建与编辑CSS样式 185
8.2.1 建立标签样式 185
8.2.2 建立类样式 187
8.2.3 建立ID样式 189
8.2.4 建立复合内容样式 189
8.2.5 链接外部样式表 190
8.2.6 编辑样式 191
8.3 应用CSS到网页中 191
8.3.1 内联样式表 192
8.3.2 内部样式表 192
8.3.3 外部样式表 192
8.4 丰富的CSS样式设置 193
8.4.1 设置文本样式 193
8.4.2 设置背景样式 195
8.4.3 设置区块样式 197
8.4.4 设置方框样式 199
8.4.5 设置边框样式 201
8.4.6 设置列表样式 202
8.4.7 设置定位样式 204
8.4.8 设置扩展样式 205
8.5 CSS的语法结构 207
8.5.1 CSS属性与选择符 207
8.5.2 类型选择符 208
8.5.3 群组选择符 208
8.5.4 包含选择符 208
8.5.5 id及class选择符 209
8.5.6 标签指定式选择符 210
8.5.7 组合选择符 210
8.5.8 伪类及伪对象 210
8.5.9 通配选择符 211
8.6 CSS样式的冲突 211
8.7 在HTML代码中编辑CSS样式 212
8.7.1 字体属性 212
8.7.2 文本属性 213
8.7.3 颜色和背景属性 214
8.7.4 边框属性 215
8.7.5 定位属性 216
8.7.6 区块属性 217
8.7.7 列表属性 217
8.7.8 光标属性 218
8.7.9 滤镜属性 219
8.7.10 CSS常用新增属性 224
8.8 全新的CSS检查 224
8.9 应用实例：使用CSS样式修饰网页 226
8.9.1 设计分析 226
8.9.2 制作步骤 227
8.10 总结扩展 238
8.10.1 本章小结 239
8.10.2 举一反三——使用CSS美化页面 239
第9章 使用表格布局页面 241
9.1 制作表格的方法 242
9.1.1 插入表格 242
9.1.2 使用HTML代码插入表格 243
9.1.3 选择表格和单元格 249
9.1.4 调整表格结构 251
9.2 表格数据的处理 253
9.2.1 排序表格 253
9.2.2 导入导出表格数据 254
9.3 使用扩展表格模式 256
9.4 使用样式控制数据表格 257
9.4.1 表格模型 257
9.4.2 表格标题 259
9.4.3 设计列的样式 260
9.4.4 其他知识点 261
9.5 应用实例：使用表格布局制作美容网 263
9.5.1 设计分析 263
9.5.2 制作步骤 264
9.6 总结扩展 271
9.6.1 本章小结 271
9.6.2 举一反三——使用表格制作电子商务网站 271
第10章 Web标准Div+CSS布局网页 273
10.1 Web标准的历史与发展 274
10.1.1 Web标准是什么 274
10.1.2 Web表现层技术 274
10.1.3 Web标准的历史 274
10.2 Div的定义 275
10.2.1 什么是Div 275
10.2.2 插入Div 275
10.2.3 Div的嵌套和固定格式 277
10.3 表格布局与CSS布局的区别 278
10.3.1 CSS的优势 278
10.3.2 表格布局 278
10.3.3 CSS布局 279
10.4 盒模型 280
10.4.1 盒模型的概念 280
10.4.2 margin 281
10.4.3 padding 284
10.4.4 border 285
10.5 可视化模型 288
10.5.1 视觉可视化模型 288
10.5.2 浮动定位 288
10.5.3 Position定位 293
10.6 CSS布局方式 295
10.6.1 居中布局设计 296
10.6.2 浮动布局设计 297
10.7 应用实例：使用Div+CSS设计布局页面 303
10.7.1 制作分析 303
10.7.2 制作步骤 304
10.8 总结扩展 314
10.8.1 本章小结 314
10.8.2 举一反三——制作保健品网站页面 314
第11章 创建多媒体网页 317
11.1 在网页中插入Flash 318
11.1.1 插入Flash动画 318
11.1.2 插入FLV视频 322
11.2 在网页中插入Shockwave动画 325
11.3 为网页添加声音 327
11.3.1 网页中常用声音格式 327
11.3.2 为网页添加背景音乐 327
11.3.3 在网页中嵌入音频 329
11.4 为网页添加视频 330
11.4.1 网页中常用视频格式 331
11.4.2 在网页中插入视频 331
11.5 插入APPLET 333
11.6 插入ActiveX控件 335
11.7 应用实例：制作多媒体页面 336
11.7.1 制作分析 336
11.7.2 制作步骤 337
11.8 总结扩展 348
11.8.1 本章小结 348
11.8.2 举一反三——制作美容产品网站 348
第12章 利用表单对象创建表单文件 351
12.1 表单概述 352
12.1.1 关于表单 352
12.1.2 表单元素介绍 352
12.2 插入输入类表单对象 354
12.2.1 插入表单域 354
12.2.2 插入文本域 356
12.2.3 插入密码域 358
12.2.4 插入多行文本域 359
12.2.5 插入隐藏域 360
12.2.6 插入复选框 361
12.2.7 插入单选按钮 362
12.2.8 插入列表／菜单 363
12.2.9 插入跳转菜单 365
12.2.10 插入图像域 367
12.2.11 插入文件域 368
12.2.12 插入按钮 370
12.3 Spry验证表单 371
12.4 应用实例：制作网站注册页面 374
12.4.1 设计分析 374
12.4.2 制作步骤 375
12.5 总结扩展 385
12.5.1 本章小结 386
12.5.2 举一反三——制作登录页面 386
第13章 网页链接的应用 389
13.1 认识超链接 390
13.1.1 什么是超链接 390
13.1.2 内部、外部与脚本链接 390
13.1.3 常见的超链接 391
13.2 关于链接路径 391
13.2.1 绝对路径 392
13.2.2 相对路径 393
13.2.3 根路径 394
13.3 创建超链接 394
13.3.1 文字链接 394
13.3.2 图像链接 397
13.3.3 创建空链接 398
13.3.4 创建文件下载链接 398
13.3.5 创建E-mail链接 400
13.3.6 创建锚点链接 402
13.3.7 创建脚本链接 405
13.3.8 图像映射 406
13.4 超链接属性控制 408
13.5 在HTML代码中编辑链接 410
13.6 超链接属性控制链接检查 412
13.7 应用实例：为页面添加链接 413
13.7.1 设计分析 413
13.7.2 制作步骤 414
13.8 总结扩展 426
13.8.1 本章小结 426
13.8.2 举一反三——制作校园类网站 426
第14章 创建框架页面 429
14.1 框架介绍 430
14.1.1 框架的组成 430
14.1.2 框架结构的优缺点 430
14.2 创建框架和框架集 431
14.2.1 插入预定义框架集 431
14.2.2 手动设计框架集 432
14.2.3 框架集与框架的属性设置 434
14.2.4 设置无框架内容 436
14.2.5 为框架设置连接 436
14.2.6 保存框架 437
14.3 IFrame框架 437
14.3.1 制作IFrame框架页面 437
14.3.2 IFrame框架页面链接 439
14.4 在HTML代码中编辑框架 441
14.5 应用实例：制作框架页面 445
14.5.1 设计分析 445
14.5.2 制作步骤 446
14.6 总结扩展 456
14.6.1 本章小结 456
14.6.2 举一反三——使用Iframe框架制作儿童类网站页面 456
第15章 利用模板和库创建网页 459
15.1 使用模板 460
15.1.1 模板的特点 460
15.1.2 创建模板 460
15.1.3 定义可编辑区域 462
15.1.4 定义可选区域 464
15.1.5 定义重复区域 466
15.1.6 可编辑标签属性 467
15.2 应用模板 468
15.2.1 创建基于模板的页 468
15.2.2 删除页面中所使用的模板 471
15.2.3 更新模板及基于模板的网页 472
15.3 使用库 472
15.3.1 创建库项目 473
15.3.2 插入库项目 474
15.3.3 库项目的编辑和更新 476
15.3.4 库项目属性 476
15.4 在HTML代码中编辑模板和库 477
15.5 应用实例：使用模板制作页面 477
15.5.1 设计分析 477
15.5.2 制作步骤 478
15.6 总结扩展 485
15.6.1 本章小结 485
15.6.2 举一反三——使用库项目制作页面 485
第16章 使用AP Div 487
16.1 使用AP Div进行排版 488
16.1.1 AP Div的基本使用 488
16.1.2 使用APDiv排版 489
16.1.3 利用AP Div溢出排版 492
16.2 使用AP Div实现网页特效 494
16.2.1 改变AP Div属性 494
16.2.2 设置AP Div文本 497
16.2.3 显示隐藏网页中的AP 498
16.2.4 实现网页中AP元素的拖动 501
16.3 应用实例：使用AP Div排版制作页面 503
16.3.1 设计分析 503
16.3.2 制作步骤 504
16.4 总结扩展 511
16.4.1 本章小结 511
16.4.2 举一反三——制作AP Div页面 511
第17章 Spry框架技术 515
17.1 Spry菜单栏 516
17.1.1 插入Spry菜单栏 516
17.1.2 设置菜单栏属性 517
17.1.3 自定义菜单项样式 519
17.1.4 设置菜单项的尺寸 521
17.1.5 调整子菜单位置 523
17.2 Spry选项卡式面板 523
17.2.1 插入Spry选项卡式面板 523
17.2.2 设置Spry选项卡式面板属性 524
17.2.3 自定义选项卡式面板的CSS样式 524
17.2.4 调整Spry选项卡式面板的宽度 525
17.3 Spry折叠式面板 526
17.3.1 插入Spry折叠式构件 526
17.3.2 设置Spry折叠式构件属性 527
17.3.3 自定义折叠式构件的CSS样式 527
17.3.4 调整Spry折叠式构件的宽度 528
17.4 Spry可折叠面板 529
17.4.1 插入Spry可折叠面板 529
17.4.2 设置Spry可折叠面板属性 530
17.4.3 自定义Spry可折叠面板的CSS样式 531
17.4.4 调整Spry可折叠面板的宽度 531
17.5 Spry工具提示 532
17.5.1 插入Spry工具提示 532
17.5.2 设置Spry工具提示属性 532
17.6 应用实例：制作网络游戏网站页面 533
17.6.1 制作分析 533
17.6.2 制作步骤 534
17.7 总结扩展 548
17.7.1 本章小结 548
17.7.2 举一反三——制作美容时尚网站页面 548
第18章 使用JavaScript行为创建动态效果 551
18.1 行为简介 552
18.1.1 事件 552
18.1.2 动作 555
18.2 为网页添加JavaScript行为 555
18.2.1 弹出信息 556
18.2.2 打开浏览器窗口 558
18.2.3 检查插件 560
18.2.4 检查表单 562
18.2.5 设置文本 565
18.2.6 调用JavaScript 567
18.2.7 跳转菜单 568
18.2.8 跳转菜单开始 569
18.2.9 转到URL 569
18.2.10 预先载入图像 570
18.3 应用实例：数码摄影网站 571
18.3.1 设计分析 571
18.3.2 制作步骤 572
18.4 总结扩展 582
18.4.1 本章小结 582
18.4.2 举一反三——制作妇幼类网站 582
第19章 网站的维护与上传 585
19.1 网站测试 586
19.1.1 检查浏览器兼容性 586
19.1.2 检查链接 588
19.1.3 创建站点报告 589
19.2 上传网站 590
19.2.1 连接到远程服务器 590
19.2.2 文件上传 591
19.2.3 文件下载 592
19.3 应用实例：使用其他上传工具上传网站 593
19.3.1 制作分析 593
19.3.2 制作步骤 594
19.4 总结扩展 596
19.4.1 本章小节 596
19.4.2 举一反三——域名和空间的申请 596
第20章 行业门户类网站 599
20.1 实例——制作行业门类网站 600
20.1.1 设计分析 600
20.1.2 制作步骤 601
20.1.3 案例小结 614
第21章 餐饮类网站 615
21.1 实例——制作行业门类网站 616
21.1.1 设计分析 616
21.1.2 制作步骤 616
21.1.3 案例小结 629