Part01 网页设计基础知识篇第1章 网页设计的一般步骤 3
1.1 需求分析 3
1.2 制作页面效果图 4
1.3 制作Flash动画 5
1.4 切图 6
1.5 制作静态Web页面 6
1.6 添加程序 7
1.7 发布Web站点 7
1.8 推广和维护 7
1.9 专家总结 7
第2章 网页设计的基础知识 8
2.1 浏览器 8
2.2 文本 9
2.3 图像 11
2.3.1 矢量图和位图 11
2.3.2 网页设计中常用的图片格式 11
2.3.3 使用图片 12
2.4 多媒体 13
2.5 结构语言 14
2.6 脚本 14
2.7 专家总结 14
Part02 Photoshop CS3应用篇第3章 Photoshop CS3界面与基本操作 17
3.1 Photoshop CS3界面介绍 17
3.1.1 菜单栏 18
3.1.2 工具箱 18
3.1.3 工具选项栏 19
3.1.4 面板 19
3.1.5 画布窗口 20
3.2 Photoshop CS3的基本操作 21
3.2.1 新建文件 21
3.2.2 打开文件 21
3.2.3 存储文件 22
3.2.4 使用标尺、参考线和网格 24
3.3 选取图像 25
3.3.1 选区的基础知识 25
3.3.2 使用选框工具 25
3.3.3 使用套索工具 27
3.3.4 使用魔棒工具 27
3.3.5 选区的相加、相减和交叉 28
3.4 图像处理 29
3.4.1 图像的模式 29
3.4.2 图像和画布的大小 30
3.4.3 旋转画布和裁剪图像 31
3.4.4 调整色阶 31
3.4.5 调整曲线 32
3.4.6 调整色彩平衡 32
3.4.7 调整色相／饱和度 33
3.4.8 调整亮度／对比度 33
3.4.9 复制、粘贴、移动图像 34
3.5 使用图层 34
3.5.1 图层的基本操作 34
3.5.2 图层的分组 35
3.5.3 图层的色彩模式 36
3.5.4 图层的样式 37
3.5.5 图层蒙版 45
3.6 使用绘图与图像编辑工具 47
3.6.1 画笔工具 47
3.6.2 图章工具 48
3.6.3 填充工具 50
3.7 处理文本 51
3.7.1 文本工具 51
3.7.2 使用字体 52
3.7.3 字符和段落面板 52
3.8 使用路径 53
3.8.1 图形工具 53
3.8.2 路径面板 54
3.8.3 钢笔工具 54
3.8.4 制作路径文字 55
3.9 通道 56
3.10 使用滤镜 56
3.10.1 滤镜工具的操作 57
3.10.2 滤镜的使用 57
3.11 制作GIF动画 64
3.11.1 动画面板和动画原理 64
3.11.2 制作GIF动画 65
3.12 专家总结 67
第4章 制作网页背景 68
4.1 制作渐变的页面背景 68
4.1.1 使用渐变填充工具制作渐变背景 69
4.1.2 使用图层样式制作渐变背景 70
4.2 制作图案式网页背景 71
4.2.1 制作野草的画笔预设 71
4.2.2 制作野草图案 73
4.2.3 制作天空图案 74
4.2.4 制作地面图案 75
4.3 专家总结 76
第5章 制作网站Logo 77
5.1 制作倒影文字Logo 77
5.1.1 新建文档并制作背景 78
5.1.2 制作文字内容 78
5.1.3 制作倒影文字 80
5.2 制作图案Logo 81
5.2.1 新建文档并制作背景 81
5.2.2 制作圆形图案 81
5.2.3 制作横向分隔线条 82
5.2.4 制作圆中的图案 83
5.2.5 制作底部图案 84
5.3 专家总结 85
第6章 制作网站Banner 86
6.1 新建文档并制作背景 87
6.2 制作倾斜纹理 87
6.3 制作图案 88
6.4 制作文字 89
6.5 专家总结 90
第7章 制作网页导航条 91
7.1 网页导航条简介 91
7.1.1 横向导航条 91
7.1.2 纵向导航条 92
7.1.3 自由排版的导航条 92
7.2 制作横向导航条 92
7.2.1 新建文档并填充背景颜色 93
7.2.2 制作首页圆角矩形 93
7.2.3 制作其他圆角矩形 95
7.2.4 制作文本和圆点 95
7.3 制作纵向导航条 96
7.3.1 新建文档并填充背景颜色 97
7.3.2 制作菜单背景的样式 98
7.3.3 制作菜单内容 99
7.4 专家总结 100
第8章 制作网页按钮 101
8.1 制作文字为主的按钮 101
8.1.1 新建文档并制作背景图案 102
8.1.2 制作发光效果 103
8.1.3 制作按钮文字 104
8.2 制作图案为主的按钮 104
8.2.1 新建文档并制作背景 104
8.2.2 制作圆形按钮的背景 105
8.2.3 制作圆形水晶效果 106
8.2.4 制作按钮中的图案 108
8.3 专家总结 109
第9章 制作区域框和分隔线 110
9.1 制作区域框、分隔线和虚线 110
9.1.1 制作区域框 110
9.1.2 制作分隔线 112
9.1.3 制作虚线 112
9.2 制作复杂边框 113
9.3 专家总结 115
第10章 制作个人博客页面的效果图 116
10.1 制作页面的背景 116
10.2 制作页面头部 118
10.3 制作导航菜单 123
10.4 制作页面主体部分 125
10.5 制作页面底部内容 134
10.6 专家总结 136
Part03 Dreamweaver CS3应用篇第11章 Dreamweaver CS3基础 139
11.1 Dreamweaver CS3界面介绍 139
11.1.1 标题栏 140
11.1.2 菜单栏 141
11.1.3 插入栏 141
11.1.4 文档窗口 141
11.1.5 属性面板 143
11.1.6 面板和面板组 143
11.2 管理站点 143
11.2.1 新建站点 143
11.2.2 管理和编辑站点 145
11.3 文档管理与定义页面属性 146
11.3.1 新建文档 146
11.3.2 定义页面属性 147
11.3.3 保存和显示文档 149
11.3.4 定义首选参数 149
11.4 专家总结 150
第12章 使用表格 151
12.1 表格的基础知识 151
12.2 创建表格 151
12.3 选择表格 152
12.3.1 选择整个表格 153
12.3.2 选择表格的行或列 153
12.3.3 选择单元格 154
12.4 定义表格属性 154
12.4.1 表格的整体属性 154
12.4.2 表格的行、列或单元格属性 155
12.4.3 表格属性的显示顺序 157
12.5 处理表格内部元素 159
12.5.1 添加或删除行和列 159
12.5.2 合并和拆分单元格 160
12.5.3 处理表格元素 161
12.6 调整表格的大小 162
12.6.1 调整表格的整体大小 162
12.6.2 调整表格行或列的大小 162
12.6.3 清除宽度和高度 163
12.6.4 冲突的宽度和高度 163
12.7 嵌套的表格 164
12.8 使用表格布局 164
12.8.1 表格模式 164
12.8.2 制作布局表格和布局单元格 165
12.8.3 制作嵌套的布局表格 167
12.8.4 调整布局表格和布局单元格 169
12.9 表格与代码 170
12.9.1 表格结构与代码 170
12.9.2 表格属性与代码 171
12.10 专家总结 172
第13章 文本与图像 173
13.1 插入文本 173
13.1.1 设置复制／粘贴的参数 173
13.1.2 输入或复制／粘贴文本 174
13.1.3 导入Word或者Excel文本 175
13.2 设置文本的格式 176
13.2.1 设置段落格式 176
13.2.2 对齐和缩进文本 176
13.2.3 使用水平分隔线 177
13.3 定义列表 178
13.4 定义文本的格式 178
13.4.1 定义文本的字体和大小 178
13.4.2 定义文本的颜色 179
13.4.3 定义文本的其他格式 179
13.5 插入日期和字符 180
13.5.1 插入日期 180
13.5.2 插入特殊字符 180
13.6 使用图像 181
13.6.1 插入图像 181
13.6.2 插入图像占位符 182
13.6.3 定义图像的属性 183
13.6.4 定义背景图像 184
13.7 专家总结 185
第14章 使用表单 186
14.1 创建表单 186
14.2 创建表单对象并定义相关属性 187
14.2.1 创建文本域 188
14.2.2 创建按钮 189
14.2.3 单选按钮 190
14.2.4 复选框 191
14.2.5 文件域 192
14.2.6 图像域 192
14.2.7 列表／菜单 193
14.2.8 文本区域 195
14.2.9 隐藏域 195
14.2.10 跳转菜单 196
14.3 验证表单 197
14.4 专家总结 198
第15章 使用框架 199
15.1 框架简介 199
15.2 创建框架 200
15.2.1 使用预先定义的框架创建框架 200
15.2.2 在现有页面中创建框架 201
15.3 修改框架 202
15.3.1 拆分框架 202
15.3.2 调整框架 203
15.3.3 删除框架 203
15.4 保存框架 204
15.5 框架面板和选择框架 204
15.5.1 框架面板 204
15.5.2 选择框架 204
15.6 定义框架的属性 205
15.6.1 定义框架集的属性 205
15.6.2 定义框架的属性 206
15.7 定义框架中的链接 207
15.8 专家总结 208
第16章 超级链接 209
16.1 链接和路径 209
16.1.1 超级链接的概念 209
16.1.2 路径URL 209
16.2 创建超级链接 210
16.2.1 创建链接到其他文档的链接 211
16.2.2 创建文档内部的链接 213
16.2.3 创建电子邮件链接 215
16.3 图像链接 216
16.3.1 创建图像链接 216
16.3.2 创建图像热点链接 216
16.3.3 创建和使用导航条 217
16.4 链接的管理 218
16.4.1 定义更新链接的首选参数和缓存 218
16.4.2 修改和删除链接 219
16.4.3 检查链接 220
16.4.4 修复链接 221
16.5 专家总结 221
第17章 使用Div元素 222
17.1 插入Div标签 222
17.2 编辑Div标签 224
17.3 相邻和嵌套的Div标签 225
17.4 AP Div简介 226
17.5 定义AP Div的首选参数 227
17.6 插入AP Div 228
17.7 定义AP Div的属性 229
17.8 使用AP元素面板 231
17.9 编辑AP Div 232
17.10 嵌套的AP Div 233
17.11 定义AP Div的层次 234
17.12 AP Div和表格之间的转换 235
17.13 专家总结 237
第18章 使用样式表 238
18.1 样式表简介 238
18.1.1 样式表的概念 238
18.1.2 样式表的作用 239
18.1.3 W3C推荐的页面布局 239
18.2 创建CSS样式 240
18.2.1 新建CSS样式 240
18.2.2 使用类 241
18.2.3 使用标签 242
18.2.4 使用高级 243
18.3 新建CSS样式文件和附加样式 244
18.3.1 新建CSS样式文件 244
18.3.2 使用附加样式 245
18.4 使用CSS样式面板 247
18.5 设置CSS属性 249
18.5.1 类型属性 249
18.5.2 背景属性 252
18.5.3 区块属性 253
18.5.4 方框属性 254
18.5.5 边框属性 255
18.5.6 列表属性 256
18.5.7 定位属性 256
18.5.8 扩展属性 257
18.5.9 CSS滤镜 258
18.6 定义链接的样式 262
18.7 专家总结 263
第19章 CSS与页面布局 264
19.1 CSS页面布局简介 264
19.1.1 CSS布局页面的优点 264
19.1.2 CSS布局页面的基本思想 265
19.2 定义文档结构 265
19.3 CSS样式的优先级 266
19.4 页面属性与CSS样式 267
19.5 水平居中 268
19.5.1 传统布局中定义内容水平居中 269
19.5.2 使用CSS定义内容水平居中 269
19.6 浮动与清除 270
19.6.1 浮动元素与固定元素 270
19.6.2 两个浮动元素 271
19.6.3 多个浮动元素 272
19.6.4 浮动元素和父元素 273
19.6.5 清除浮动元素 274
19.7 计算元素的宽度 275
19.7.1 元素宽度的计算 275
19.7.2 元素各个部分的作用 276
19.7.3 嵌套元素之间的距离 276
19.8 自适应的问题 278
19.8.1 什么叫自适应 278
19.8.2 水平自适应 279
19.8.3 两列的垂直自适应 282
19.8.4 三列完全垂直自适应 285
19.8.5 使用背景图像的垂直自适应 287
19.9 浏览器和兼容问题 289
19.9.1 各种浏览器简介 289
19.9.2 兼容浏览器的原则 289
19.9.3 解决兼容问题的原理 290
19.10 专家总结 292
第20章 模板和资源 293
20.1 模板简介 293
20.2 创建模板 294
20.3 编辑模板 296
20.3.1 使用可编辑区域 296
20.3.2 使用可选区域 298
20.3.3 使用重复区域 302
20.3.4 使元素的属性可编辑 305
20.4 使用资源面板 305
20.4.1 资源面板简介 305
20.4.2 使用资源面板添加内容 306
20.4.3 管理资源面板 306
20.5 专家总结 307
第21章 使用行为 308
21.1 行为简介 308
21.2 创建、修改和删除行为 308
21.2.1 行为面板 308
21.2.2 创建行为 309
21.2.3 修改行为 309
21.2.4 删除行为 309
21.3 应用行为 309
21.3.1 交换图像 310
21.3.2 打开浏览器窗口 311
21.3.3 拖动AP元素 312
21.3.4 改变属性 314
21.3.5 效果 315
21.3.6 设置状态栏文本 316
21.4 专家总结 317
第22章 使用媒体 318
22.1 插入Flash 318
22.2 插入图像查看器 320
22.3 插入Flash文本 322
22.4 插入Flash按钮 323
22.5 插入FlashPaper 325
22.6 插入Flash视频 326
22.7 插入Shockwave影片 327
22.8 插入程序和控件 327
22.9 专家总结 328
Part04 Flash CS3应用篇 331
第23章 Flash CS3简介和基本操作 331
23.1 Flash CS3界面介绍 331
23.1.1 舞台 332
23.1.2 时间轴 333
23.1.3 图层 336
23.1.4 工具面板 340
23.1.5 属性面板 341
23.1.6 颜色和样本面板 341
23.1.7 库面板 342
23.1.8 定义首选参数 342
23.2 Flash CS3基本操作 343
23.2.1 新建和保存文档 343
23.2.2 新建图形元件 344
23.2.3 新建按钮元件 345
23.2.4 新建影片剪辑元件 346
23.2.5 编辑和删除元件 346
23.2.6 创建和编辑元件的实例 347
23.2.7 创建补间动画 348
23.2.8 创建补间形状 349
23.2.9 在关键帧中添加动作 350
23.2.10 在元件实例中添加动作 352
23.2.11 测试影片 353
23.2.12 发布和导出影片 353
23.3 制作动画 355
23.3.1 制作引导层动画 355
23.3.2 制作遮罩层动画 357
23.3.3 制作逐帧动画 359
23.3.4 使用时间轴特效 359
23.4 绘图和处理图片 360
23.4.1 绘图模型 361
23.4.2 使用“铅笔”和“刷子”工具 361
23.4.3 使用“线条”和图形工具 363
23.4.4 使用“钢笔”工具 364
23.4.5 使用“选取”和“选区”工具 365
23.4.6 定义边框和填充的颜色 366
23.4.7 定义渐变颜色 367
23.4.8 导入图像 368
23.4.9 设置和编辑位图 369
23.4.10 分离位图和将位图转换为矢量图 370
23.4.11 组合对象 371
23.4.12 处理对象 372
23.5 使用文本 374
23.5.1 创建文本 374
23.5.2 定义文本的属性 375
23.5.3 检查拼写 376
23.5.4 分离文本 377
23.6 使用声音 377
23.6.1 添加声音 377
23.6.2 控制声音的播放 379
23.6.3 压缩声音 381
23.7 使用视频 381
23.7.1 添加视频 381
23.7.2 控制视频的播放 384
23.8 专家总结 385
第24章 制作网页Logo 386
24.1 制作残影文字Logo 386
24.1.1 制作残影效果 386
24.1.2 制作闪光效果 389
24.2 制作滚动文字Logo 391
24.3 环绕图案Logo 393
24.3.1 制作按钮 393
24.3.2 制作影片剪辑 394
24.3.3 制作影片 396
24.4 专家总结 396
第25章 制作网页Banner 397
25.1 制作家居Banner 397
25.1.1 制作图像显示效果 397
25.1.2 制作文本效果 401
25.2 制作下雪Banner 402
25.2.1 制作雪花动画 402
25.2.2 制作动画 404
25.3 制作产品Banner 405
25.4 专家总结 408
第26章 制作网页导航条 409
26.1 制作垂直导航条 409
26.1.1 制作导航条背景 409
26.1.2 制作导航动画 411
26.1.3 制作动画中的脚本 414
26.1.4 完成动画 415
26.2 制作横向导航栏 416
26.2.1 制作导航按钮 416
26.2.2 制作动画 418
26.3 制作含有二级菜单的导航条 418
26.3.1 制作影片剪辑 419
26.3.2 制作动画 421
26.4 专家总结 422
第27章 制作Loading 423
27.1 Loading简介 423
27.1.1 Loading中的常用脚本 423
27.1.2 制作原理 425
27.2 制作百分比进度条的Loading 425
27.3 制作逐渐显示的Loading 428
27.4 制作显示动画的Loading 429
27.5 专家总结 431
第28章 制作广告动画 432
28.1 制作节日广告 432
28.1.1 制作背景动画 432
28.1.2 制作灯笼动画 434
28.1.3 制作爆竹动画 435
28.1.4 制作文本动画 436
28.1.5 完成动画 438
28.2 制作对联广告 440
28.3 制作产品广告 442
28.3.1 制作汽车动画 442
28.3.2 制作遮罩动画 445
28.3.3 完成动画 449
28.4 专家总结 452
Part05 商业网站开发实战篇第29章 制作企业站点 455
29.1 制作站点效果图 455
29.1.1 制作背景 455
29.1.2 制作Logo和导航 459
29.1.3 制作页面内容 469
29.1.4 制作底部内容 480
29.2 制作Flash动画 484
29.2.1 制作Loading部分 484
29.2.2 制作动画内容 487
29.3 制作Web页面 492
29.3.1 切图 492
29.3.2 规划站点 495
29.3.3 制作页面头部 496
29.3.4 制作页面主体部分 501
29.3.5 制作页面底部 508
29.4 专家总结 510
第30章 制作个人站点 511
30.1 制作站点效果图 511
30.1.1 制作背景和Flash内容 511
30.1.2 制作修饰背景 518
30.1.3 制作页面内容 519
30.1.4 制作底部内容 527
30.2 制作Flash动画 528
30.2.1 制作Loading部分 528
30.2.2 制作树的动画 531
30.2.3 制作变色龙动画 535
30.2.4 制作导航按钮 537
30.3 制作Web页面 538
30.3.1 切图和规划站点 538
30.3.2 制作页面背景和基础样式 539
30.3.3 制作页面内容 542
30.3.4 制作页面底部 549
30.4 专家总结 550