第一篇 Dreamweaver网页制作篇 3
第1章 初识网页设计 3
1.1网页设计的相关术语 3
1.1.1什么是静态网页 3
1.1.2什么是动态网页 4
1.2常见的网站类型 5
1.2.1个人网站 5
1.2.2企业类网站 5
1.2.3机构类网站 6
1.2.4娱乐休闲类网站 7
1.2.5行业信息类网站 7
1.2.6门户类网站 8
1.2.7购物类网站 9
1.3网页设计常用工具和技术 9
1.3.1网页图像制作软件Photoshop CS5和Fireworks CS5 9
1.3.2网页编辑排版软件Dreamweaver CS5 10
1.3.3网页动画制作软件Flash CS5 11
1.3.4网页标记语言HTML介绍 11
1.3.5网页脚本语言JavaScript 12
1.3.6动态网页编程语言ASP 12
1.4快速创建基本网页 13
1.4.1确定网页主要栏目和整体布局 13
1.4.2创建本地站点 13
1.4.3新建网页文档 14
1.4.4插入表格布局网页 15
1.4.5插入多媒体 16
1.4.6插入文本内容 17
1.4.7插入图像 17
1.4.8网页的保存 18
1.5本章小结 19
第2章 初次接触网页制作软件Dreamweaver CS5 21
2.1 Dreamweaver CS5简述 21
2.2 Dreamweaver CS5的工作界面 22
2.2.1菜单栏 22
2.2.2插入栏 23
2.2.3浮动面板 23
2.2.4“属性”面板 23
2.2.5文档窗口 24
2.3创建和管理站点 24
2.3.1上机练习——使用向导搭建站点 24
2.3.2上机练习——通过高级面板设置站点 25
2.4管理多个站点 28
2.4.1编辑站点 28
2.4.2删除站点 28
2.4.3复制站点 29
2.5实例精讲——创建本地站点 29
2.6本章小结 30
第3章 轻松创建多彩的文本网页 32
3.1设置页面属性 32
3.1.1外观(CSS) 32
3.1.2外观(HTML) 33
3.1.3链接(CSS) 34
3.1.4标题(CSS) 34
3.1.5标题/编码 35
3.1.6跟踪图像 36
3.2插入文本 36
3.2.1上机练习——插入普通文本 36
3.2.2上机练习——设置文本属性 37
3.2.3上机练习——插入特殊字符 39
3.3使用列表 40
3.3.1插入项目列表 40
3.3.2插入编号列表 40
3.4在网页中插入文件头部内容 41
3.4.1插入M ETA信息 41
3.4.2设置基础 42
3.4.3插入关键字 43
3.4.4插入说明文字 43
3.4.5设置刷新 43
3.5插入其他对象 44
3.5.1插入日期 44
3.5.2插入水平线 45
3.6实例精讲——创建基本文本网页 47
3.7本章小结 49
第4章 巧用绚丽的图像和多媒体让网页动起来 51
4.1在网页中插入图像 51
4.1.1上机练习——插入网页图像 52
4.1.2设置图像属性 53
4.1.3裁剪图像 54
4.1.4调整图像亮度和对比度 56
4.1.5锐化图像 56
4.1.6使用Photoshop优化图像 57
4.2插入其他网页图像 57
4.2.1上机练习——创建鼠标经过图像 57
4.2.2上机练习——插入图像占位符 59
4.3添加声音和视频文件 61
4.3.1上机练习——添加声音 61
4.3.2上机练习——插入视频文件 63
4.4插入Flash与其他媒体对象 65
4.4.1插入Flash动画 65
4.4.2插入Shockwave动画 67
4.4.3插入Java Applet 68
4.5实例精讲 69
4.5.1实例1——创建网页导航 70
4.5.2实例2——在网页中插入媒体 72
4.6本章小结 74
第5章 使用超级链接:网页互连的基础 76
5.1了解超级链接 76
5.1.1绝对路径 76
5.1.2相对路径 77
5.1.3根目录相对路径 77
5.2创建超级链接的方法 77
5.2.1使用“属性”面板创建链接 77
5.2.2使用“指向文件”按钮创建链接 78
5.2.3使用菜单创建链接 79
5.3创建超级链接 79
5.3.1上机练习——创建下载文件链接 79
5.3.2上机练习——创建电子邮件链接 81
5.3.3上机练习——创建图像热区链接 82
5.3.4上机练习——创建锚点链接 84
5.4实例精讲 85
5.4.1实例1——创建热区链接导航 86
5.4.2实例2——创建锚点链接 88
5.5本章小结 90
第6章 使用表格轻松排列和布局网页元素 92
6.1插入表格和表格元素 92
6.1.1上机练习——插入表格 92
6.1.2设置表格属性 94
6.1.3添加内容到单元格 95
6.2选择表格元素 95
6.2.1选取表格 95
6.2.2选取行或列 96
6.2.3选取单元格 97
6.3表格的基本操作 98
6.3.1调整表格和单元格的大小 99
6.3.2添加或删除行或列 100
6.3.3拆分单元格 102
6.3.4合并单元格 102
6.3.5剪切、复制和粘贴单元格 103
6.4排序及整理表格内容 103
6.4.1上机练习——导入表格式数据 103
6.4.2上机练习——表格排序 106
6.5实例精讲 108
6.5.1实例1——创建网页细线表格 108
6.5.2实例2——利用表格排列数据 111
6.6本章小结 117
第7章 使用框架灵活布局网页 119
7.1框架网页概述 119
7.2创建框架和框架集 120
7.2.1上机练习——创建框架集 120
7.2.2上机练习——插入预定义框架集 120
7.2.3上机练习——保存框架和框架集文件 121
7.3选择框架和框架集 122
7.3.1在框架面板中选择框架或框架集 122
7.3.2在文档窗口中选择框架或框架集 123
7.4设置框架和框架集属性 124
7.4.1设置框架属性 124
7.4.2设置框架集属性 124
7.5实例精讲 125
7.5.1实例1——创建浮动框架 125
7.5.2实例2——创建完整的框架网页 127
7.6本章小结 138
第8章 利用行为轻易实现网页特效 140
8.1行为概述 140
8.1.1使用“行为”面板 140
8.1.2常见动作 141
8.1.3常见事件 142
8.2使用Dreamweaver内置行为 143
8.2.1上机练习——交换图像 143
8.2.2上机练习——恢复交换图像 144
8.2.3上机练习——打开浏览器窗口 145
8.2.4上机练习——调用JavaScript 146
8.2.5改变属性 147
8.2.6上机练习——拖动AP元素 148
8.2.7上机练习——转到URL 149
8.2.8上机练习——弹出信息 151
8.2.9上机练习——预先载入图像 152
8.2.10上机练习——设置状态栏文本 153
8.2.11跳转菜单 154
8.2.12显示-隐藏元素 156
8.2.13上机练习——检查表单 159
8.2.14上机练习——增大/收缩效果 160
8.2.15上机练习——挤压效果 161
8.3使用JavaScript 162
8.3.1上机练习——利用JavaScript函数实现打印功能 162
8.3.2上机练习——利用JavaScript的函数实现关闭窗口的功能 164
8.4本章小结 166
第9章 使用CSS样式表美化网页 168
9.1了解CSS样式表 168
9.2 CSS基本语法 169
9.3设置CSS属性 170
9.3.1设置CSS类型属性 170
9.3.2设置CSS背景属性 171
9.3.3设置CSS区块属性 171
9.3.4设置CSS方框属性 172
9.3.5设置CSS边框属性 173
9.3.6设置CSS列表属性 173
9.3.7设置CSS定位属性 174
9.3.8设置CSS扩展属性 175
9.4链接到或导出外部CSS样式表 175
9.4.1上机练习——创建内部样式表 176
9.4.2上机练习——创建外部样式表 178
9.4.3上机练习——链接外部样式表 179
9.5实例精讲 181
9.5.1实例1——应用CSS样式定义字体大小 181
9.5.2实例2——应用CSS样式制作阴影文字 183
9.6本章小结 186
第10章 用CSS+Div灵活布局页面 188
10.1初识Div 188
10.1.1 Div概述 188
10.1.2 CSS+Div布局的优势 189
10.2 AP Div基本操作 190
10.2.1 AP Div面板 190
10.2.2创建普通AP Div 190
10.2.3创建嵌套AP Div 191
10.3设置AP Div的属性 192
10.3.1设置AP Div的显示/隐藏属性 192
10.3.2改变AP Div的堆叠顺序 193
10.3.3为AP Div添加滚动条 193
10.3.4改变AP Div的可见性 194
10.4 CSS定位与Div布局 195
10.4.1盒子模型 195
10.4.2元素的定位 195
10.5 CSS+Div布局的常用方法 199
10.5.1使用Div对页面整体规划 199
10.5.2设计各块的位置 200
10.5.3使用CSS定位 200
10.6本章小结 202
第11章 使用模板、库和插件提高网页制作效率 204
11.1创建模板 204
11.1.1上机练习——从空白文档直接创建模板 205
11.1.2上机练习——从现有的文档创建模板 206
11.1.3上机练习——创建可编辑区域 207
11.2模板的应用 208
11.2.1上机练习——应用模板创建网页 208
11.2.2上机练习——更新模板及其他网页 211
11.3创建和应用库 213
11.3.1将现有内容创建为库 213
11.3.2在网页中应用库 213
11.3.3编辑并更新网页 215
11.3.4将库项目从源文件中分离 216
11.4插件的安装和应用 217
11.4.1插件的安装 218
11.4.2插件的应用 218
11.5实例精讲 220
11.5.1实例1——创建企业网站模板 220
11.5.2实例2——利用模板创建网页 226
11.5.3实例3——使用飘浮图像插件创建飘浮广告网页 229
11.6本章小结 231
第12章 使用Dreamweaver CS5设计动态网页 233
12.1在网页中插入表单 233
12.1.1插入表单域 234
12.1.2创建表单对象 235
12.2搭建动态网页开发环境 241
12.2.1安装因特网信息服务器(IIS) 241
12.2.2设置因特网信息服务器(IIS) 242
12.3创建数据库 244
12.4创建数据库(ODBC)连接 245
12.4.1上机练习——创建ODBC连接 245
12.4.2上机练习——使用DSN创建ADO连接 246
12.5编辑数据表记录集 246
12.5.1创建记录集(查询) 247
12.5.2插入记录 248
12.5.3更新记录 249
12.5.4删除记录 249
12.6添加服务器行为 250
12.6.1插入重复区域 251
12.6.2插入显示区域 251
12.6.3记录集分页 252
12.6.4转到详细页面 252
12.6.5转到相关页面 253
12.6.6用户身份验证 254
12.7本章小结 256
第二篇Photoshop设计网页图像篇 259
第13章 使用Photoshop CS 5绘制网页图像 259
13.1 Photoshop CS5工作界面 259
13.1.1菜单命令 260
13.1.2工具箱 263
13.1.3工具选项栏 264
13.1.4浮动面板 264
13.1.5文档窗口 264
13.2图像的调整 265
13.2.1上机练习——调整图像大小 265
13.2.2上机练习——调整画布大小 266
13.3设置前景色和背景色 267
13.4创建选择区域 268
13.4.1选框工具 268
13.4.2套索工具 270
13.4.3魔棒工具 271
13.4.4上机练习——制作透明图像 272
13.5基本绘图工具 273
13.5.1画笔工具 273
13.5.2铅笔工具 274
13.5.3加深和减淡工具的应用 275
13.6实例精讲 276
13.6.1实例1——羽化网页图像 276
13.6.2实例2——绘制网页标志 278
13.7本章小结 280
第14章 设计网页特效文字与按钮 282
14.1创建文字 282
14.1.1上机练习——输入文字 282
14.1.2设置文字属性 283
14.1.3文字的变形 284
14.2图层与图层样式 285
14.2.1图层基本操作 285
14.2.2上机练习——设置图层样式 287
14.3应用滤镜 288
14.3.1渲染 288
14.3.2风格化 289
14.3.3模糊 292
14.4实例精讲 294
14.4.1实例1——设计特殊文字 295
14.4.2实例2——设计立体水晶字 297
14.4.3实例3——制作透明按钮 299
14.4.4实例4——制作质感按钮 302
14.5本章小结 305
第15章 设计网站Logo与网络广告 307
15.1网站Logo的制作 307
15.1.1网站Logo设计的标准 307
15.1.2网站Logo的规范 308
15.1.3网站Logo的规格 308
15.1.4上机练习——Logo设计实例 309
15.2网络广告的制作 311
15.2.1网络广告的形式 311
15.2.2网络广告设计要素 312
15.2.3网络广告设计技巧 312
15.2.4网络广告设计实例 313
15.3本章小结 318
第16章 设计制作网页中的图像 320
16.1设计制作网页背景图像 320
16.2设计网页广告图像 322
16.3设计网站封面页 327
16.3.1设计网站封面页图像 327
16.3.2使用切片对封面页图像进行切割 333
16.4本章小结 335
第三篇Fireworks设计网页图像篇 339
第17章 Fireworks CS5快速入门 339
17.1 Fireworks CS5概述 339
17.2 Fireworks CS5工作界面 340
17.2.1菜单栏 340
17.2.2工具箱 340
17.2.3状态栏 341
17.2.4文档窗口 341
17.2.5“属性”面板 342
17.2.6“浮动”面板 342
17.3常用位图图形工具 342
17.3.1选取工具 342
17.3.2“铅笔”工具 345
17.3.3“刷子”工具 346
17.3.4“橡皮图章”工具 346
17.3.5“橡皮擦”工具 348
17.4常用矢量图形工具 348
17.4.1“直线”工具 349
17.4.2“钢笔”工具 349
17.5选择矢量图形对象 350
17.5.1“指针”工具 350
17.5.2“选择后方对象”工具 351
17.5.3“部分选定”工具 351
17.6实例精讲——使用绘图工具设计网站标志 352
17.7本章小结 354
第18章 文本和样式的使用 356
18.1文本的编辑 356
18.1.1上机练习——文本的输入 356
18.1.2设置文本属性 358
18.2文本路径 358
18.2.1上机练习——附加文本到路径 358
18.2.2上机练习——文本转换为路径 359
18.3滤镜 360
18.3.1调整颜色滤镜 360
18.3.2查找边缘滤镜 360
18.3.3模糊滤镜 361
18.4样式 363
18.4.1上机练习——使用样式 364
18.4.2上机练习——导入和导出样式 365
18.5实例精讲 365
18.5.1实例1——设计网页特效文字 365
18.5.2实例2——设计石雕字 367
18.6本章小结 369
第19章 设计制作网页中的图像 371
19.1制作网页特效字 371
19.2设计网络广告 373
19.3制作网页导航栏 378
19.4制作渐变按钮 380
19.5创建图像切片 382
19.6本章小结 384
第四篇Flash设计网页动画篇 387
第20章 Flash CS5绘图基础 387
20.1 Flash CS5简介 387
20.2 Flash CS5的工作界面 388
20.2.1菜单栏 389
20.2.2舞台 389
20.2.3工具箱 389
20.2.4时间轴 390
20.2.5“属性”面板 391
20.3绘制图形工具 391
20.3.1“线条”工具 391
20.3.2“椭圆”工具与“矩形”工具 393
20.3.3“多角星形”工具 393
20.3.4“铅笔”工具 395
20.3.5“刷子”工具 396
20.3.6“钢笔”工具 397
20.4选择对象工具 398
20.4.1“选择”工具 398
20.4.2“部分选取”工具 398
20.5编辑图形工具 399
20.5.1“颜料桶”工具 399
20.5.2“墨水瓶”工具 401
20.5.3“滴管”工具 402
20.5.4“橡皮擦”工具 403
20.6文本工具的基本使用 404
20.7实例精讲 406
20.7.1实例1——制作描边文字 406
20.7.2实例2——创建简单的Flash动画 408
20.8本章小结 411
第21章 使用元件和实例 413
21.1元件和实例的概念 413
21.2创建元件 414
21.3元件的管理 415
21.3.1编辑元件 415
21.3.2复制元件 417
21.4创建与编辑实例 418
21.4.1创建实例 419
21.4.2编辑实例 419
21.5创建和管理库 422
21.5.1创建项目 422
21.5.2删除项目 422
21.6使用公共库 423
21.7实例精讲 423
21.7.1实例1——制作按钮 424
21.7.2实例2——利用元件制作动画 426
21.8本章小结 429
第22章 创建基本Flash动画 431
22.1创建逐帧动画 431
22.2创建补间动画 433
22.2.1创建运动补间动画 433
22.2.2创作形状补间动画 436
22.3遮罩动画的创建 438
22.3.1创建遮罩文字 438
22.3.2上机练习——遮罩动画应用实例 440
22.4运动引导层动画的创建 443
22.5本章小结 445
第23章 制作高级交互式动画 447
23.1 ActionScript基础 447
23.1.1变量 447
23.1.2运算符和表达式 447
23.1.3函数 449
23.1.4 ActionScript语法 449
23.2 ActionScript编程界面 451
23.2.1打开“动作”面板的方法 451
23.2.2“动作”面板的使用介绍 451
23.3添加ActionScript 452
23.3.1上机练习——为帧添加动作 452
23.3.2上机练习——为按钮添加动作 453
23.3.3上机练习——为影片剪辑添加动作 454
23.4实例精讲 454
23.4.1实例1——制作个性化鼠标 454
23.4.2实例2——利用geturl制作发送电子邮件动画 457
23.4.3实例3——利用stop和play语句控制动画的播放 459
23.5本章小结 462
第五篇 网站建设综合案例篇 465
第24章 设计制作企业网站 465
24.1网站规划 465
24.1.1网站设计主要原则 465
24.1.2网站主要功能页面 466
24.2设计网页图像 467
24.2.1用Photoshop设计网页Logo 467
24.2.2用Flash设计网页Banner动画 469
24.3创建本地站点 475
24.4使用Dreamweaver CS5制作页面 477
24.4.1制作网站顶部导航 477
24.4.2制作分类导航 480
24.4.3制作酒店滚动公告 483
24.4.4制作酒店新闻 486
24.4.5制作服务项目推荐部分 489
24.4.6制作底部版权部分 490
24.5本章小结 492
第25章 设计制作购物网站 494
25.1购物网站设计概述 494
25.1.1电子商务网站分类 494
25.1.2购物网站特点分析 495
25.1.3网站主要功能页面 496
25.2创建数据库表 498
25.3创建数据库连接 499
25.4制作购物系统前台页面 501
25.4.1制作商品分类展示页面 501
25.4.2制作商品详细信息页面 506
25.5制作购物系统后台管理 507
25.5.1制作添加商品分类页面 508
25.5.2制作添加商品页面 511
25.5.3制作商品管理页面 513
25.5.4制作修改页面 517
25.5.5制作删除页面 520
25.6本章小结 523