第一篇 基础知识篇 1
第1章 网页设计基础知识 1
1.1 WWW概述 2
1.2 网址、网站、网页和浏览器 3
1.2.1 网址 3
1.2.2 网站 5
1.2.3 网页 5
1.2.4 浏览器 6
1.3 HTML、CSS和JavaScript 6
1.3.1 HTML 7
1.3.2 CSS 8
1.3.3 JavaScript 9
1.4 小结 10
1.5 上机练习 10
1.5.1 编辑HTML页面 10
1.5.2 编写CSS程序 11
1.5.3 编写JavaScript程序 12
第2章 工具——Dreamweaver 8操作指南 13
2.1 Dreamweaver 8简介 14
2.1.1 Dreamweaver 8的基本功能 14
2.1.2 Dreamweaver 8的新增功能 15
2.2 Dreamweaver 8的安装及激活 16
2.2.1 Dreamweaver 8的安装 16
2.2.2 Dreamweaver 8的激活 17
2.3 Dreamweaver 8界面说明 19
2.3.1 Dreamweaver 8的启动 19
2.3.2 Dreamweaver 8的工作环境 20
2.4 术语 23
2.4.1 建立本地站点 23
2.4.2 新建页面 26
2.4.3 设置页面标题 28
2.4.4 打开已有页 29
2.4.5 保存页面 30
2.4.6 预览页面 30
2.4.8 “属性”面板 31
2.4.7 关闭页面 31
2.4.9 “插入”栏 32
2.4.10 “文档”工具栏 32
2.5 小结 32
2.6 上机练习 32
2.6.1 在Dreamweaver 8中创建一个新的站点 33
2.6.2 创建空白网页文档 33
第3章 格式——网页设计入门 35
3.1 HTML 的相关知识 36
3.1.1 HTML的基本概念 36
3.1.2 HTML的基本结构 37
3.2 设置页面属性 38
3.3 文字的排版 39
3.3.1 标题格式 40
3.3.2 文字格式 42
3.3.3 设置文本大小 44
3.3.4 设置文本颜色 45
3.4 设置文本修饰 47
3.5 插入特殊符号 49
3.6 段落的排版 49
3.6.1 换行格式 50
3.6.2 水平线 51
3.7 列表的设置 52
3.7.1 项目列表 53
3.7.2 编号列表 55
3.7.3 定义列表 58
3.7.4 列表的嵌套 60
3.8 注释的使用 61
3.9 小结 63
3.10 上机练习 64
3.10.1 设置文本格式 64
3.10.2 设计网页文本的综合效果 65
第4章 图像——网页不仅有文字 67
4.1 图像的格式 68
4.1.1 GIP格式 68
4.1.2 JPEG格式 69
4.2 插入图像与图像占位符 70
4.2.1 插入图像 70
4.1.3 PNG格式 70
4.2.2 插入图像占位符 74
4.3 设置图像与图像占位符 77
4.3.1 设置背景图像 77
4.3.2 设置图像的常用属性 79
4.3.3 设置图像大小 82
4.3.4 对图像重新取样 83
4.3.5 裁剪图像 84
4.3.6 调整图像的亮度和对比度 85
4.3.7 锐化图像 86
4.3.8 设置图像占位符属性 87
4.3.9 替换图像占位符 87
4.4.1 使用Fireworks编辑图像 88
4.4 使用Fireworks对图像进行处理 88
4.4.2 使用Fireworks优化图像 90
4.5 制作图像地图 91
4.5.1 创建图像地图 91
4.5.2 修改图像地图 93
4.6 制作相册 94
4.7 小结 96
4.8 上机练习 97
4.8.1 制作“田园风光”页面 97
4.8.2 创建图像地图 98
4.8.3 花之海洋——制作相册 99
第5章 链接——有链接才叫网页 101
5.1.1 URL概述 102
5.1 URL的相关知识 102
5.1.2 路径详解 103
5.2 超链接的类型 105
5.3 创建与管理链接 106
5.3.1 创建内部链接 106
5.3.2 创建外部链接 112
5.3.3 创建E-mail链接 112
5.3.4 创建下载链接 113
5.3.5 创建锚点链接 114
5.3.6 创建空链接及脚本链接 116
5.3.7 创建跳转菜单 119
5.3.8 创建导航条 122
5.3.9 热点链接 124
5.4 综合实例 126
5.5 小结 130
5.6 上机练习 131
5.6.1 制作锚点链接页面 131
5.6.2 制作跳转菜单页面 131
第6章 表格——网页设计的基础 133
6.1 表格的基本操作 134
6.1.1 插入表格 134
6.1.2 单元格添加内容 139
6.1.3 选择表格 140
6.1.4 选择单元格、行和列 141
6.1.6 导入表格式数据 143
6.1.5 表格的嵌套 143
6.1.7 导出表格数据 144
6.2 设置表格属性 145
6.2.1 设置整个表格的属性 145
6.2.2 设置单元格、行或列属性 148
6.2.3 使用预置表格 150
6.3 表格的编辑 151
6.3.1 调整表格大小 151
6.3.2 更改行高或列宽 151
6.3.3 添加及删除行和列 152
6.3.4 单元格的合并及拆分 154
6.3.5 单元格的复制、剪切、粘贴和清除 155
6.3.6 排序表格 158
6.4 布局表格和布局单元格 160
6.4.1 标准模式和布局模式 160
6.4.2 创建布局表格 161
6.4.3 创建布局单元格 162
6.4.4 调整布局表格和单元格 163
6.4.5 设置布局表格和单元格的属性 164
6.5 综合实例 168
6.6 小结 172
6.7 上机练习 172
6.7.1 绘制嵌套布局表格 172
6.7.2 表格定位页面 173
第7章 层和行为——让网页设计更灵活 177
7.1.1 层的概念 178
7.1 层的概念及分类 178
7.1.2 层的分类 179
7.2 层的操作 179
7.2.1 层的标记 179
7.2.2 创建层 180
7.2.3 激活层 183
7.2.4 选择层 184
7.2.5 移动层 185
7.2.6 调整层的大小 185
7.2.7 对齐层 187
7.2.8 靠齐层到网格 188
7.3.2 防止层重叠 189
7.3 层的管理 189
7.3.1 “层”面板 189
7.3.3 调整层的顺序 190
7.3.4 更改层的可见性 191
7.4 层的属性设置 192
7.4.1 层的首选参数设置 192
7.4.2 单个层的属性设置 193
7.4.3 多个层的属性设置 194
7.5 层与表格间的转换 194
7.5.1 层转换为表格 195
7.5.2 表格转换为层 196
7.6.2 “行为”面板 197
7.6 层和行为 197
7.6.1 行为 197
7.6.3 向层添加行为 198
7.6.4 更改行为 199
7.6.5 标准动作 200
7.6.6 标准事件 203
7.6.7 综合实例——看图学英语 204
7.6.8 综合实例——书籍简介 208
7.7 小结 210
7.8 上机练习 210
7.8.1 制作“静夜思”页面 211
7.8.2 制作“图片拖动”网页特效 212
7.8.3 制作“人物简介”页面 213
第二篇 提高篇 215
第8章 头部和主体——网页属性的设置 215
8.1 头部 216
8.1.1 头部标记概述 217
8.1.2 插入“标题” 218
8.1.3 插入“基础” 219
8.1.4 插入“链接” 219
8.1.5 插入“Meta” 220
8.2 主体 227
8.2.1 主体标记概述 228
8.2.2 外观 228
8.2.4 跟踪图像 230
8.2.3 标题／编码 230
8.3 小结 231
8.4 上机练习 231
8.4.1 添加头部标记 231
8.4.2 设置页面属性 232
第9章 多媒体——丰富多彩的网页 233
9.1 多媒体的概念和构成元素 234
9.2 Dreamweaver 8中多媒体的基本操作 235
9.2.1 插入和编辑媒体对象 235
9.2.2 为媒体文件启动外部编辑器 236
9.3 插入Flash 237
9.3.1 在网页中插入Flash动画 238
9.3.2 在网页中插入Flash按钮 240
9.3.3 在网页中插入Flash文本 241
9.3.4 在网页中插入ActiveX控件 242
9.4 插入视频 243
9.4.1 视频的文件格式 243
9.4.2 插入视频 244
9.4.3 利用超链接插入视频 245
9.5 插入声音 246
9.5.1 利用超链接插入声音 246
9.5.2 嵌入声音文件 247
9.5.3 插入背景音乐 247
9.7 上机练习 248
9.6 小结 248
第10章 CSS——网页美化大师 249
10.1 CSS基础知识 250
10.1.1 CSS简介 250
10.1.2 CSS的作用 250
10.2 CSS语法 251
10.2.1 基本CSS语法 251
10.2.2 创建CLASS 253
10.2.3 使用ID 254
10.3 CSS的放置 255
10.4 有关样式冲突 256
10.5.1 创建新样式 258
10.5 Dreamweaver 8中有关CSS的操作 258
10.5.2 编辑已有CSS 260
10.5.3 应用CSS样式 260
10.5.4 删除CSS样式 261
10.6 CSS属性 261
10.6.1 类型面板 261
10.6.2 背景面板 262
10.6.3 区块面板 263
10.6.4 方框面板 264
10.6.5 边框面板 265
10.6.6 列表面板 266
10.6.7 定位面板 266
10.6.8 扩展面板 268
10.7.1 CSS滤镜概述 269
10.7 CSS滤镜 269
10.7.2 Alpha 270
10.7.3 Blur 271
10.7.4 Chroma 272
10.7.5 DropShadow 273
10.7.6 FlipH和FlipV 274
10.7.7 Glow 274
10.7.8 Gray 275
10.7.9 Invert 276
10.7.10 Mask 276
10.7.12 Wave 277
10.7.11 Shadow 277
10.7.13 Xray 278
10.7.14 Light 279
10.7.15 RevealTrans 280
10.7.16 BlendTrans 280
10.8 小结 281
10.9 上机练习 282
10.9.1 CSS属性的设置 282
10.9.2 外部样式表的引用 282
10.9.3 滤镜的使用 282
第11章 JavaScript——编程使网页活起来 283
11.1.1 什么是JavaScript 284
11.1.2 将JavaScript嵌入页面 284
11.1 JavaScript概述 284
11.2 JavaScript语言基础 286
11.2.1 变量定义 286
11.2.2 表达式和运算符 286
11.2.3 程序流程控制 288
11.2.4 函数 290
11.2.5 事件 291
11.2.6 对象 292
11.3 JavaScript常用实例代码 298
11.4 Dreamweaver 8中JavaScript的操作 301
11.5 小结 302
11.6.2 编制一个走动的时钟 303
11.6.3 对电子邮件格式的检验 303
11.6.1 window对象的方法 303
11.6 上机练习 303
第12章 动态网页——交互才是真正的网站 305
12.1 实例说明 306
12.2 ASP环境配置 307
12.2.1 什么是ASP 308
12.2.2 IIS的配置 309
12.3 重新定义Dreamweaver 8站点 310
12.4 表单 311
12.4.1 什么是表单 311
12.4.2 表单的结构 311
12.4.3 表单的制作 312
12.5.1 建立数据库 318
12.5 创建数据库 318
12.5.2 建立数据表 319
12.5.3 相关概念 320
12.6 SQL语言 321
12.6.1 数据查询 321
12.6.2 插入记录 323
12.6.3 修改记录 323
12.6.4 删除记录 323
12.7 创建与数据库的连接 324
12.7.1 理解数据库连接 324
12.7.2 调用数据库驱动程序 325
12.8.1 页面之间信息传递 328
12.8 在Dreamweaver 8中创建ASP程序 328
12.8.2 连接数据库 330
12.8.3 定义记录集 331
12.8.4 对记录集进行判断 333
12.8.5 代码综合 333
12.8.6 补充说明 335
12.9 小结 336
12.10 上机练习 336
12.10.1 表单的制作 336
12.10.2 数据库及数据表的操作 337
12.10.3 创建DSN 338
12.10.5 ASP编程练习 339
12.10.4 IIS配置 339
第三篇 行业规范篇 341
第13章 商业网站设计 341
13.1 商业网站设计概述 342
13.2 商业网站设计流程 344
13.2.1 前期策划 344
13.2.2 网站结构分析 347
13.2.3 界面创作与页面制作 351
13.2.4 网站的发布与维护 354
13.3 商业网站开发规范 355
13.3.1 项目管理规范 355
13.3.2 网页内容组织规范 355
13.5 练习 356
13.4 小结 356
第14章 商业网站的系统配置 357
14.1 IIS的安装 358
14.1.1 检查操作系统是否安装了IIS 358
14.1.2 安装IIS 359
14.2 网站IIS运行环境的配置 361
14.3 小结 364
14.4 上机练习 364
第四篇 应用案例篇 365
第15章 企业——MOTOROLA 365
15.1 网站需求分析 366
15.2 网站结构设计 366
15.3 网站界面设计 370
15.4 切图 372
15.4.1 首页界面切图 372
15.4.2 二级和三级界面切图 373
15.5 网站网页制作 374
15.5.1 首页页面的制作 374
15.5.2 二级和三级页面的制作 376
15.6 小结 376
第16章 电子商务——ALIBABA 377
16.1 网站需求分析 378
16.2 网站首页的设计制作 378
16.3 网站二级页面设计制作 381
16.4 网站三级页面设计制作 382
16.5 导航条的制作 384
16.5.1 界面制作 384
16.5.2 切片 385
16.5.3 制作导航网页 386
16.6 小结 388
第17章 教育——清华大学校园网 389
17.1 网站需求分析 390
17.2 网站首页设计制作 390
17.2.1 结构设计 391
17.2.2 界面设计 391
17.2.4 页面制作 392
17.2.3 切图 392
17.3 网站二级页面设计制作 393
17.3.1 结构分析 393
17.3.2 界面设计 393
17.3.3 切图 394
17.3.4 页面制作 395
17.4 小结 396
第18章 大众传媒——CCTV 397
18.1 网站需求分析 398
18.2 网站结构分析 398
18.3 网站界面设计 400
18.4 页面切图 401
18.5 页面制作 402
18.6 小结 408
第19章 时尚——金帝食品有限公司 409
19.1 网站需求分析 410
19.2 网站封面设计制作 410
19.2.1 封面Flash的结构设计 411
19.2.2 封面Flash制作 413
19.3 小结 418
第20章 色彩——视觉中国 419
20.1 网站需求分析 420
20.2 网站首页结构分析 420
20.3 网站首页界面设计 421
20.4 小结 427