网站设计指南：通过Dreamweaver CS3学习HTML+DIV+CSS

Part01  网站网页概述

第1章  网页设计初体验 3
1.1  什么是网页 3
1.1.1  互联网 3
1.1.2  WWW（万维网） 3
1.1.3  什么是网页 3
1.2  HTML惊鸿一瞥 4
1.2.1  创建HTML网页 4
1.2.2  HTML结构 5
1.3  认识Dreamweaver 6
1.3.1  常用功能 6
1.3.2  操作界面 8
1.4  创建站点与页面 12
1.4.1  创建站点 12
1.4.2  创建页面 14
1.5  专家总结 16

Part02  网页基础HTML

第2章  网页头部Head 19
2.1  头部包括的内容 19
2.1.1  网页标题 19
2.1.2  标签 19
2.1.3  样式表和脚本 19
2.2  查看头部 20
视频路径：视频教学\2-2.exe
教学时长：40秒
2.3  设置标题 20
视频路径：视频教学\2-3.exe
教学时长：1分02秒
2.4  认识标签 22
视频路径：视频教学\2-4.exe
教学时长：54秒
2.5  HTTP标题信息http-equiv 24
2.5.1  设置文档类型与语言属性
Content-Type 24
2.5.2  设置自动刷新属性Refresh 25
2.5.3  设置缓存时间属性Expires 25
2.5.4  设置禁用缓存属性Pragma 25
2.5.5  设置网页Cookie属性
Set-Cookie 25
2.5.6  设置打开窗口属性
Window-target 25
2.5.7  设置过渡效果属性Page-Enter、
Page-Exit 26
2.5.8  设置主题与脚本类型属性
MSThemeCompatible、
Content-Script-Type 27
2.6  页面描述信息name 27
2.6.1  设置描述与关键词属性
Description 27
2.6.2  设置搜索机器人引向属性
Robots 27
2.6.3  设置作者信息属性Author 28
2.7  设置基链接属性base 28
2.8  设置链接文件属性link 28
2.9  专家总结 28
第3章  网页主体Body 29
3.1  网页背景 29
3.1.1  修改背景颜色 29
视频路径：视频教学\3-1-1.exe
教学时长：34秒
3.1.2  设置背景图像 32
视频路径：视频教学\3-1-2.exe
教学时长：32秒
3.1.3  设置背景图片的重复方式 34
3.2  文字颜色 35
3.2.1  设置文字默认颜色 35
视频路径：视频教学\3-2-1.exe
教学时长：34秒
3.2.2  更改超链接文字颜色 37
3.3  设置页面边距 39
3.4  专家总结 40
第4章  网页文字Font 41
4.1  文字外观 41
4.1.1  调整文字大小 41
视频路径：视频教学\4-1-1.exe
教学时长：1分02秒
4.1.2  修改文字颜色 43
视频路径：视频教学\4-1-2.exe
教学时长：1分12秒
4.1.3  设置文字字体 43
4.1.4  格式化文字 45
4.2  文字排放 46
4.2.1  设置段落文字 46
视频路径：视频教学\4-2-1.exe
教学时长：28秒
4.2.2  设置已编排格式 46
4.2.3  使用块引用格式 47
4.2.4  设置标题文字 48
4.2.5  设置文字对齐 49
4.2.6  使用项目列表 50
4.2.7  使用编号列表 50
4.2.8  定义列表 51
4.3  字符实体 52
4.3.1  认识字符实体 52
4.3.2  换行字符 53
4.4  专家总结 54
第5章  网页图片Img 55
5.1  图片格式 55
5.1.1  GIF格式 55
5.1.2  JPG格式 55
5.1.3  PNG格式 55
5.2  插入图片 56
5.2.1  直接插入图片 56
视频路径：视频教学\5-2-1.exe
教学时长：52秒
5.2.2  拖动插入图片 57
5.2.3  揭示图片源码 58
5.3  图片路径 59
5.3.1  使用绝对路径 59
5.3.2  使用相对路径 59
5.4  图片修改 60
5.4.1  修改尺寸 60
视频路径：视频教学\5-4-1.exe
教学时长：56秒
5.4.2  修改对齐方式 62
5.4.3  设置图片边框 64
视频路径：视频教学\5-4-3.exe
教学时长：1分06秒
5.5  客户端图像映射图 66
5.5.1  创建热图 66
5.5.2  热图源码 67
5.6  图片边距 68
5.6.1  设置图片边距 68
5.6.2  图片边距源码 69
5.7  专家总结 70
第6章  网页超链接 71
6.1  页面超链接 71
6.1.1  设置页面间链接 71
视频路径：视频教学\6-1-1.exe
教学时长：1分15秒
6.1.2  设置页面内链接 72
视频路径：视频教学\6-1-2.exe
教学时长：3分32秒
6.2  使用邮件链接 74
6.3  使用水平线 76
视频路径：视频教学\6-3.exe
教学时长：46秒
6.4  专家总结 77
第7章  表格与层 78
7.1  基本操作 78
7.1.1  插入表格 78
视频路径：视频教学\7-1-1.exe
教学时长：25秒
7.1.2  输入数据 80
7.1.3  调整表格尺寸 80
视频路径：视频教学\7-1-3.exe
教学时长：1分13秒
7.1.4  表格对齐 81
7.2  编辑表格 81
7.2.1  表格标题 81
7.2.2  表格列宽与行高 82
7.2.3  添加行或列 83
7.2.4  删除行或列 85
7.2.5  合并单元格 85
视频路径：视频教学\7-2-5.exe
教学时长：55秒
7.2.6  拆分单元格 86
7.3  表格外观 87
7.3.1  设置边框粗细 87
7.3.2  设置边框颜色 88
7.3.3  设置表格间距 89
7.3.4  表格填充 89
7.3.5  设置单元格对齐方式 90
7.3.6  设置表格背景颜色与图像 91
7.3.7  设置单元格背景颜色与背景
图像 92
7.4  div层 93
7.4.1  层基本操作 93
7.4.2  层属性操作 94
7.4.3  【层】面板 95
7.4.4  层与表格转换 96
7.5  专家总结 96
第8章  表单Form 97
8.1  插入表单 97
视频路径：视频教学\8-1.exe
教学时长：25秒
8.2  文字对象 98
8.2.1  使用单行文本域 98
视频路径：视频教学\8-2-1.exe
教学时长：43秒
8.2.2  使用多行文本域 100
8.2.3  使用密码文本域 101
视频路径：视频教学\8-2-3.exe
教学时长：45秒
8.2.4  使用隐藏域 102
8.3  选择标签 103
8.3.1  使用单选按钮 103
8.3.2  使用单选按钮组 104
8.3.3  使用复选框 105
8.4  列表与菜单 107
8.4.1  使用菜单 107
8.4.2  使用列表 109
8.4.3  使用跳转菜单 109
8.5  表单按钮 111
8.5.1  表单按钮 111
8.5.2  图像域 112
8.6  文件域和字段集 113
8.6.1  使用文件域 113
8.6.2  使用字段集 114
8.7  专家总结 115
第9章  多媒体Embed 116
9.1  声音 116
9.1.1  播放背景音乐 116
视频路径：视频教学\9-1-1.exe
教学时长：1分56秒
9.1.2  设置播放歌曲 117
9.2  Flash对象 121
9.2.1  插入Flash动画 121
视频路径：视频教学\9-2-1.exe
教学时长：1分08秒
9.2.2  使用图像查看器 124
视频路径：视频教学\9-2-2.exe
教学时长：2分01秒
9.2.3  设置Flash按钮 125
9.3  播放视频 127
9.4  专家总结 128
第10章  网页框架Frame 129
10.1  创建框架 129
10.1.1  自定义框架 129
视频路径：视频教学\10-1-1.exe
教学时长：22秒
10.1.2  预定义框架 130
视频路径：视频教学\10-1-2.exe
教学时长：23秒
10.1.3  自定义嵌套框架 131
10.2  框架源码 132
10.3  调整框架 133
10.3.1  选择框架 133
10.3.2  保存框架 135
10.3.3  设置框架集 136
10.3.4  设置框架 137
10.3.5  命名框架集页面 138
10.3.6  修改框架尺寸 138
视频路径：视频教学\10-3-6.exe
教学时长：25秒
10.3.7  使用无框架内容 138
10.4  设置框架链接 139
10.5  使用浮动框架iframe 140
10.6  专家总结 141
第11章  网页样式表CSS 142
11.1  CSS基础 142
11.1.1  CSS基本概念 142
11.1.2  CSS功能介绍 142
11.2  引用CSS 145
11.2.1  外联样式表 145
11.2.2  内嵌样式表 146
11.2.3  导入样式表 147
11.2.4  内联样式表 148
11.3  CSS基本语法 148
11.3.1  构成 148
11.3.2  选择符 149
11.3.3  继承性 151
11.3.4  特殊选择符——伪类 152
11.3.5  其他伪类 153
11.4  使用Dreamweaver编辑CSS 153
11.4.1  认识CSS面板 153
11.4.2  使用外部样式表 154
视频路径：视频教学\11-4-2.exe
教学时长：53秒
11.4.3  创建新样式表 156
11.5  设置CSS属性 158
11.5.1  设置CSS样式类型 158
视频路径：视频教学\11-5-1.exe
教学时长：1分16秒
11.5.2  设置CSS样式背景 160
11.5.3  设置CSS样式区块 162
视频路径：视频教学\11-5-3.exe
教学时长：1分17秒
11.5.4  设置CSS样式方框格式 163
11.5.5  设置CSS样式边框 165
11.5.6  设置CSS样式列表 167
11.5.7  设置CSS样式定位 168
11.5.8  设置CSS样式扩展 170
11.6  专家总结 172

Part03  网站构建

第12章  网站的整体规划 175
12.1  网站规划概述 175
12.1.1  市场分析 175
12.1.2  网站的目的、主题 176
12.1.3  确定网站的内容和服务 176
12.1.4  网页设计 177
12.1.5  网站的测试和发布 177
12.1.6  网站的维护和推广 178
12.2  网站规划要素 179
12.2.1  网站的主题 180
12.2.2  网站的命名 180
12.2.3  网站的标志 180
12.2.4  网页的布局 181
12.2.5  网页的色彩搭配 181
12.2.6  网页的字体 183
12.3  页面综合布局 183
12.3.1  网页布局的相关概念 183
12.3.2  常见的网页布局结构 185
12.3.3  网页布局的技术 189
12.4  专家总结 191
第13章  页面头部设计 192
13.1  页面头部风格确定 192
13.1.1  页面头部的构成 193
13.1.2  页面头部的几种设计形式 196
13.2  添加页面头部元素 197
视频路径：视频教学\13a.exe
教学时长：7分56秒
13.3  样式调整与修改 203
视频路径：视频教学\13b.exe
教学时长：5分40秒
13.4  专家总结 208
第14章  导航条的设计 209
14.1  导航条的风格选择 209
14.1.1  导航条的目的 209
14.1.2  导航条的设计原则和技巧 210
14.1.3  设计导航的技术 211
14.1.4  导航条的布局方式 211
14.1.5  各式各样的导航 213
14.2  导航条制作 214
视频路径：视频教学\14a.exe
教学时长：3分54秒
14.2.1  水平导航条的制作 214
14.2.2  垂直导航条的制作 218
14.3  样式调整及修改 220
视频路径：视频教学\14b.exe
教学时长：4分26秒
14.3.1  水平导航条的样式调整及
修改 220
14.3.2  垂直导航条的样式调整及
修改 223
14.4  专家总结 225
第15章  主体版面设计 226
15.1  主体版面风格的确定 227
15.1.1  主体版面颜色搭配 227
15.1.2  主体版面字体选择 229
15.1.3  主题版面的大小控制 230
15.1.4  主体版面的布局 231
15.1.5  主体版面设计遵循的原理 233
15.2  主体元素的确定 233
15.2.1  两栏布局主体版面的左栏
制作 234
15.2.2  两栏布局主体版面的右栏
制作 236
15.3  样式调整及修改 240
15.3.1  两栏布局主体版面的CSS调整
与修改 240
15.3.2  两栏布局主体版面的CSS
优化 242
15.4  专家总结 244
第16章  页脚设计 245
16.1  页脚风格的确定 245
16.1.1  页脚的构成要素的添加 245
16.1.2  页脚颜色搭配 247
16.1.3  主体版面字体选择 248
16.1.4  页脚的尺寸控制 248
16.2  页脚条的要素添加 249
视频路径：视频教学\16a.exe
教学时长：7分28秒
16.3  样式调整及修改 253
视频路径：视频教学\16b.exe
教学时长：3分55秒
16.4  专家总结 256
第17章  模板制作与应用 257
17.1  模板简介 257
17.1.1  模板的作用 257
17.1.2  适合使用模板的网页 257
17.2  模板元素的操作 259
17.2.1  创建模板 259
17.2.2  创建可编辑区域 260
17.2.3  创建基于模板的文档 262
17.2.4  分离文档中使用的模板 263
17.2.5  更新模板及基于模板的网页
263
17.2.6  模板的嵌套 264
17.3  模板的应用 264
17.3.1  分析布局 265
17.3.2  插入可编辑区域 266
17.3.3  应用模板 267
17.4  专家总结 270
第18章  网站实例 271
18.1  首页制作 271
18.1.1  制作首页头部 271
18.1.2  使用CSS修饰首页头部 273
18.1.3  首页主体的制作 274
18.1.4  首页页脚制作 279
18.2  公司简介页制作 280
18.2.1  网页模板制作 280
18.2.2  公司简介主体部分制作 281
18.3  产品展示页制作 283
18.4  公司文化页制作 285
18.5  联系我们页制作 287
18.6  专家总结 288

Part04  动态网站

第19章  脚本技术 291
19.1  JavaScript简介 291
19.1.1  JavaScript的特点 291
19.1.2  插入JavaScript 292
19.1.3  JavaScript 基本语法 293
19.1.4  变量 293
19.1.5  表达式与运算符 295
19.1.6  程序构成 296
19.1.7  对象编程 298
19.2  文档对象 301
19.2.1  文档模型树 301
19.2.2  Cookies的使用 302
19.3  Dreamweaver脚本行为 302
19.3.1  认识【行为】面板 303
19.3.2  行为应用 304
19.4  专家总结 312
第20章  动态网页 313
20.1  动态网页简介 313
20.1.1  PHP 313
20.1.2  ASP 313
20.1.3  JSP 314
20.2  ASP简介 314
20.2.1  ASP的特点 314
20.2.2  ASP的工作原理 314
20.2.3  创建ASP 315
20.3  ASP内建对象 316
20.4  连接使用数据库 317
20.4.1  数据库简介 317
20.4.2  连接数据库 318
20.4.3  使用数据库 318
20.4.4  Recordset对象 320
20.5  Dreamweaver动态网页设计 320
20.5.1  环境准备 320
20.5.2  创建和管理网站 322
20.5.3  连接数据库 323
20.5.4  绑定记录集 325
20.5.5  动态文本 326
20.5.6  重复区域 327
20.5.7  记录集分页 328
20.5.8  显示区域 328
20.5.9  插入记录 329
20.5.10  转到详细页面 331
20.5.11  动态表单元素 332
20.5.12  更新记录 334
20.5.13  删除记录 335
20.6  专家总结 336
第21章  ASP留言本 337
21.1  制作前期规划 337
21.1.1  功能分析 337
21.1.2  环境搭建 338
21.2  数据库准备 340
21.3  页面编写 340
21.3.1  显示留言页面 340
21.3.2  提交新留言页面 344
21.3.3  留言管理登录页面 346
21.3.4  管理页面 347
21.3.5  删除页面 348
21.3.6  修改页面 349
21.3.7  回复页面 350
21.3.8  登录失败页面 351
21.4  测试留言本 351
21.5  专家总结 354

Part05  Web 2.0网站

第22章  DIV+CSS 357
22.1  Web标准 357
22.1.1  结构化标准语言 357
22.1.2  表现标准CSS 358
22.1.3  行为标准 358
22.1.4  Web标准的优点 358
22.2  理解表现和结构相分离 358
22.2.1  内容 359
22.2.2  结构（Structure） 359
22.2.3  表现（Presentation） 359
22.2.4  行为（Behavior） 360
22.2.5  传统的HTML方法 360
22.2.6  Web标准推荐的方法 361
22.3  DIV+CSS页面规划 362
22.3.1  盒模型 362
22.3.2  定位 364
22.3.3  清除 366
22.3.4  实现布局规划 367
22.3.5  美化布局 370
22.4  DIV+CSS在Dreamweaver中实现
373
22.4.1  使用模板布局 373
22.4.2  自定义布局 374
22.5  专家总结 375
第23章  基于DIV+CSS的个人网站
376
23.1  网站前期规划 376
23.2  制作准备 377
23.2.1  布局草图 377
23.2.2  素材准备 378
23.2.3  绘制效果图 378
23.2.4  建立站点 379
23.3  页面编写 381
23.3.1  整体布局 381
23.3.2  添加首页内容 384
23.3.3  制作相册详细页面 389
23.4  网站发布与上传 390
23.5  专家总结 392