第1篇 网页设计入门基础篇 2
第1章 初识网页设计 2
1.1 网页设计的相关术语 3
1.1.1 什么是静态网页 3
1.1.2 什么是动态网页 3
1.2 常见的网站类型 4
1.2.1 个人网站 4
1.2.2 企业类网站 4
1.2.3 机构类网站 5
1.2.4 娱乐休闲类网站 5
1.2.5 行业信息类网站 6
1.2.6 门户类网站 6
1.2.7 购物类网站 7
1.3 网页设计常用工具和技术 7
1.3.1 网页编辑排版软件Dreamweaver CS6 8
1.3.2 网页图像制作软件Photoshop CS6和Fireworks CS6 8
1.3.3 网页动画制作软件Flash CS6 9
1.3.4 网页标记语言HTML 9
1.3.5 网页脚本语言JavaScript 10
1.3.6 动态网页编程语言ASP 10
1.4 快速创建基本网页 10
1.4.1 确定网页主要栏目和整体布局 11
1.4.2 创建本地站点 11
1.4.3 新建网页文档 12
1.4.4 插入表格布局网页 13
1.4.5 插入多媒体 14
1.4.6 插入文本内容 15
1.4.7 插入图像 15
1.4.8 保存浏览网页 16
1.5 本章小结 16
第2章 打造赏心悦目的网页 17
2.1 文字与版式设计 18
2.1.1 文字的字体、字号、行距 18
2.1.2 文字的颜色 18
2.1.3 文字的图形化 19
2.2 图像与版式设计 20
2.2.1 图像的设计流程 20
2.2.2 在网页中应用图像时的注意事项 20
2.3 网页配色技巧 21
2.3.1 网页色彩搭配原理 21
2.3.2 网页色彩搭配技巧 23
2.4 本章小结 24
第2篇 Dreamweaver搭建与制作网页篇 26
第3章 使用Dreamweaver轻松创建多彩的文本网页 26
3.1 Dreamweaver CS6的工作界面 27
3.1.1 菜单栏 28
3.1.2 插入栏 29
3.1.3 属性面板 29
3.1.4 面板组 29
3.1.5 文档窗口 29
3.2 创建站点 30
3.2.1 上机练习——使用向导创建站点 30
3.2.2 上机练习——通过高级选项卡设置站点 31
3.3 插入文本 34
3.3.1 上机练习——插入普通文本 34
3.3.2 上机练习——设置文本属性 35
3.3.3 上机练习——插入特殊字符 36
3.4 使用列表 37
3.4.1 上机练习——插入项目列表 37
3.4.2 上机练习——插入编号列表 38
3.5 在网页中插入文件头部内容 39
3.5.1 插入Meta信息 39
3.5.2 设置基础 40
3.5.3 插入关键字 41
3.5.4 插入说明文字 41
3.5.5 设置刷新 41
3.6 综合应用——创建基本文本网页 42
3.7 专家秘籍 44
3.8 本章小结 45
第4章 巧用绚丽的图像和多媒体让网页动起来 46
4.1 在网页中插入图像 47
4.1.1 上机练习——插入网页图像 47
4.1.2 设置图像属性 48
4.1.3 上机练习——裁剪图像 50
4.1.4 上机练习——使用Photoshop优化图像 51
4.1.5 上机练习——调整图像的亮度和对比度 52
4.1.6 上机练习——锐化图像 53
4.2 插入鼠标经过图像 54
4.3 添加声音和视频文件 56
4.3.1 上机练习——添加声音 56
4.3.2 上机练习——插入视频文件 59
4.4 添加Flash动画 60
4.5 插入其他媒体对象 62
4.5.1 插入Shockwave影片 62
4.5.2 插入Java小程序 63
4.6 综合应用 65
4.6.1 综合应用——创建图文混排网页 65
4.6.2 综合应用——在网页中插入媒体实例 66
4.7 专家秘籍 67
4.8 本章小结 68
第5章 使用超级链接:网页互连的基础 69
5.1 了解超级链接 70
5.1.1 绝对路径 70
5.1.2 相对路径 70
5.1.3 根目录相对路径 70
5.2 创建超级链接的方法 70
5.2.1 使用“属性”面板创建链接 71
5.2.2 使用“指向文件”按钮创建链接 71
5.2.3 使用菜单创建链接 72
5.3 创建超级链接 72
5.3.1 上机练习——创建下载文件链接 72
5.3.2 上机练习——创建电子邮件链接 74
5.3.3 上机练习——创建图像热区链接 75
5.3.4 上机练习——创建锚点链接 77
5.4 综合应用 79
5.4.1 综合应用——创建热点链接导航 79
5.4.2 综合应用——创建锚点链接实例 80
5.5 专家秘籍 83
5.6 本章小结 84
第6章 使用表格轻松排列和布局网页元素 85
6.1 插入表格和表格元素 86
6.1.1 上机练习——插入表格 86
6.1.2 设置表格属性 87
6.1.3 添加内容到单元格 89
6.2 选择表格元素 89
6.2.1 选取表格 89
6.2.2 选取行或列 90
6.2.3 选取单元格 91
6.3 表格的基本操作 92
6.3.1 调整表格和单元格的大小 92
6.3.2 添加或删除行或列 94
6.3.3 拆分单元格 95
6.3.4 合并单元格 96
6.3.5 剪切、复制、粘贴单元格 96
6.4 排序及整理表格内容 97
6.4.1 上机练习——导入表格式数据 97
6.4.2 上机练习——表格排序 99
6.5 综合应用 101
6.5.1 综合应用——利用表格排列数据 101
6.5.2 综合应用——创建细线表格 104
6.6 专家秘籍 106
6.7 本章小结 107
第7章 使用插件扩展Dreamweaver的功能 108
7.1 Dreamweaver CS6插件简介 108
7.2 安装插件 109
7.3 综合应用 110
7.3.1 综合应用——使用插件制作背景音乐网页 110
7.3.2 综合应用——利用插件创建随机切换的广告图 112
7.4 专家秘籍 122
7.5 本章小结 122
第8章 使用CSS样式表美化网页 123
8.1 了解CSS样式表 124
8.2 CSS基本语法 124
8.3 设置CSS属性 125
8.3.1 设置CSS类型属性 125
8.3.2 设置CSS背景属性 127
8.3.3 设置CSS区块属性 128
8.3.4 设置CSS方框属性 129
8.3.5 设置 CSS边框属性 130
8.3.6 设置 CSS列表属性 131
8.3.7 设置CSS定位属性 132
8.3.8 设置 CSS扩展属性 133
8.3.9 设置过渡属性 134
8.4 链接到或导出外部CSS样式表 134
8.4.1 上机练习——创建内部样式表 134
8.4.2 上机练习——创建外部样式表 136
8.4.3 上机练习——链接外部样式表 137
8.5 综合应用 139
8.5.1 综合应用——应用CSS样式定义字体大小 139
8.5.2 综合应用——应用CSS样式制作阴影文字 141
8.6 专家秘籍 143
8.7 本章小结 145
第9章 用CSS+Div灵活布局页面 146
9.1 初识Div 147
9.1.1 Div概述 147
9.1.2 CSS+Div布局的优势 147
9.2 AP Div基本操作 148
9.2.1 AP Div面板 148
9.2.2 创建普通AP Div 148
9.2.3 创建嵌套AP Div 149
9.3 设置 AP Div的属性 150
9.3.1 设置 AP Div的显示/隐藏属性 150
9.3.2 改变AP Div的堆叠顺序 150
9.3.3 为AP Div添加滚动条 151
9.3.4 改变AP Div的可见性 152
9.4 CSS定位与DIV布局 152
9.4.1 盒子模型 152
9.4.2 元素的定位 153
9.5 CSS+Div布局的常用方法 156
9.5.1 使用Div对页面整体进行规划 156
9.5.2 设计各块的位置 157
9.5.3 使用CSS定位 157
9.6 专家秘籍 159
9.7 本章小结 160
第10章 利用行为轻易实现网页特效 161
10.1 行为概述 162
10.1.1 使用“行为”面板 162
10.1.2 关于动作 162
10.1.3 关于事件 163
10.2 使用Dreamweaver内置行为 164
10.2.1 上机练习——交换图像 164
10.2.2 上机练习——恢复交换图像 165
10.2.3 上机练习——打开浏览器窗口 166
10.2.4 上机练习——调用JavaScript 168
10.2.5 改变属性 169
10.2.6 上机练习——拖动AP元素 169
10.2.7 上机练习——转到URL 171
10.2.8 上机练习——弹出信息 172
10.2.9 上机练习——预先载入图像 174
10.2.10 上机练习——设置状态栏文本 175
10.2.11 跳转菜单 176
10.2.12 显示—隐藏元素 177
10.2.13 上机练习——检查表单 180
10.2.14 上机练习——增大/收缩效果 181
10.2.15 上机练习——挤压效果 182
10.3 使用JavaScript 183
10.3.1 上机练习——应用JavaScript函数实现打印功能 183
10.3.2 上机练习——应用JavaScript函数实现关闭窗口功能 184
10.4 专家秘籍 185
10.5 本章小结 186
第11章 使用模板、库提高网页制作效率 187
11.1 创建模板 188
11.1.1 上机练习——直接创建模板 188
11.1.2 上机练习——从现有文档创建模板 189
11.1.3 上机练习——创建可编辑区域 190
11.2 模板的应用 191
11.2.1 上机练习——应用模板创建网页 191
11.2.2 上机练习——更新模板及其他网页 193
11.3 创建和应用库 194
11.3.1 将现有内容创建为库 194
11.3.2 在网页中应用库 195
11.3.3 编辑并更新网页 196
11.3.4 将库项目从源文件中分离 197
11.4 综合应用 198
11.4.1 综合应用——创建企业网站模板 198
11.4.2 综合应用——利用模板创建网页 204
11.5 专家秘籍 206
11.6 本章小结 207
第12章 Dreamweaver CS6动态网页设计 208
12.1 创建表单 209
12.1.1 创建表单域 209
12.1.2 设置表单属性 210
12.2 插入表单对象 211
12.3 搭建动态网页平台 213
12.3.1 安装因特网信息服务器(IIS) 213
12.3.2 设置因特网信息服务器(IIS) 214
12.4 创建数据库连接 215
12.4.1 创建ODBC连接 215
12.4.2 建立系统DSN连接 216
12.5 编辑数据表记录 217
12.5.1 创建记录集 218
12.5.2 插入记录 219
12.5.3 更新记录 220
12.5.4 删除记录 221
12.6 添加服务器行为 222
12.6.1 插入重复区域 223
12.6.2 插入显示区域 223
12.6.3 记录集分页 224
12.6.4 转到详细页面 225
12.6.5 转到相关页面 225
12.6.6 用户身份验证 226
12.7 综合应用 228
12.7.1 创建数据库 228
12.7.2 定义数据库连接 229
12.7.3 制作发布留言页面 231
12.7.4 创建留言列表页面 234
12.7.5 创建留言详细页面 238
12.8 专家秘籍 240
12.9 本章小结 242
第3篇 用Photoshop制作与处理图像 244
第13章 使用Photoshop CS6绘制与修饰网页图像 244
13.1 Photoshop CS6工作界面 245
13.1.1 菜单命令 246
13.1.2 工具箱 248
13.1.3 工具选项栏 249
13.1.4 浮动面板 249
13.1.5 文档窗口 249
13.2 图像的调整 250
13.2.1 上机练习——调整图像大小 250
13.2.2 上机练习——调整画布大小 251
13.3 设置前景色和背景色 252
13.3.1 默认的前景色与背景色 252
13.3.2 更改和恢复前景色与背景色 253
13.4 创建选择区域 254
13.4.1 选框工具 254
13.4.2 套索工具 255
13.4.3 魔棒工具 257
13.4.4 上机练习——制作透明图像 257
13.5 基本绘图工具 259
13.5.1 画笔工具 259
13.5.2 铅笔工具 260
13.5.3 加深和减淡工具的应用 261
13.6 综合应用 262
13.6.1 综合应用——羽化网页图像 262
13.6.2 综合应用——绘制网页标志 263
13.7 专家秘籍 266
13.8 本章小结 267
第14章 设计网页特效文字与按钮 268
14.1 创建文字 269
14.1.1 上机练习——输入文字 269
14.1.2 设置文字属性 269
14.1.3 上机练习——文字的变形 270
14.2 图层与图层样式 271
14.2.1 图层基本操作 272
14.2.2 上机练习——设置图层样式 274
14.3 应用滤镜 275
14.3.1 渲染 275
14.3.2 风格化 276
14.3.3 模糊 279
14.4 综合应用 281
14.4.1 综合应用——设计特殊文字 281
14.4.2 综合应用——制作水晶按钮 283
14.4.3 综合应用——制作圆角按钮 284
14.5 专家秘籍 286
14.6 本章小结 287
第15章 设计网页Logo与网络广告 288
15.1 网站Logo的制作 289
15.1.1 网站Logo设计的标准 289
15.1.2 网站Logo的规范 289
15.1.3 网站Logo的规格 290
15.1.4 上机练习——Logo设计实例 290
15.2 网络广告的制作 294
15.2.1 网络广告的形式 294
15.2.2 网页广告设计要素 294
15.2.3 网络广告设计技巧 295
15.2.4 上机练习——设计网络广告实例 295
15.3 专家秘籍 300
15.4 本章小结 301
第16章 设计制作网页中的图像 302
16.1 设计制作网页背景图像 302
16.2 设计网页广告图像 305
16.3 设计网站封面首页图像 309
16.4 使用切片对封面页图像进行切割 314
16.5 专家秘籍 315
16.6 本章小结 316
第4篇 Fireworks设计网页图像篇 318
第17章 Fireworks CS6快速入门 318
17.1 Fireworks CS6简介 319
17.2 Fireworks CS6工作界面 319
17.2.1 菜单栏 320
17.2.2 工具箱 320
17.2.3 文档窗口 320
17.2.4 “属性”面板 321
17.2.5 “浮动”面板 321
17.3 常用位图图形工具 321
17.3.1 选取工具 322
17.3.2 “铅笔”工具 324
17.3.3 “刷子”工具 325
17.3.4 “橡皮图章”工具 325
17.3.5 “橡皮擦”工具 326
17.4 常用矢量图形工具 327
17.4.1 直线工具 327
17.4.2 “钢笔”工具 328
17.5 对象的选择与编辑 328
17.5.1 使用选择工具 329
17.5.2 图形的变形 329
17.6 综合应用 329
17.7 专家秘籍 332
17.8 本章小结 333
第18章 文本和样式的使用 334
18.1 文本的编辑 335
18.1.1 上机练习——文本的输入 335
18.1.2 设置文本属性 336
18.2 文本路径 336
18.2.1 上机练习——附加文本到路径 336
18.2.2 上机练习——文本转换为路径 337
18.3 滤镜 338
18.3.1 调整颜色 338
18.3.2 查找边缘 338
18.3.3 模糊 339
18.4 样式 341
18.4.1 上机练习——使用样式 342
18.4.2 上机练习——添加和删除样式 343
18.5 综合应用 343
18.5.1 综合应用——设计网页特效文字 344
18.5.2 综合应用——设计网页动画 345
18.6 专家秘籍 347
18.7 本章小结 347
第19章 使用Fireworks设计网页典型元素 348
19.1 制作网页特效字 348
19.2 设计网络广告 350
19.3 制作网页导航栏 353
19.4 制作渐变按钮 355
19.5 创建图像切片和热区 357
19.6 专家秘籍 359
19.7 本章小结 360
第5篇 设计酷炫Flash动画篇 362
第20章 Flash CS6绘图基础 362
20.1 Flash CS6简介 363
20.2 Flash CS6的工作界面 365
20.2.1 菜单栏 365
20.2.2 舞台 366
20.2.3 工具箱 366
20.2.4 时间轴 367
20.2.5 属性面板 367
20.3 绘制图形工具 368
20.3.1 “线条”工具 368
20.3.2 “椭圆”工具与“矩形”工具 369
20.3.3 “多角星形”工具 370
20.3.4 “铅笔”工具 371
20.3.5 “刷子”工具 372
20.3.6 “钢笔”工具 374
20.4 选择对象工具 374
20.4.1 “选择”工具 374
20.4.2 “部分选取”工具 375
20.5 编辑图形工具 375
20.5.1 “颜料桶”工具 376
20.5.2 “墨水瓶”工具 377
20.5.3 滴管工具 378
20.5.4 橡皮擦工具 379
20.6 文本工具的基本使用 380
20.7 综合应用 381
20.7.1 综合应用——制作立体投影文字 382
20.7.2 综合应用——创建简单的Flash动画 383
20.8 专家秘籍 385
20.9 本章小结 386
第21章 使用元件与库管理好动画素材 387
21.1 元件和实例的概念 388
21.2 创建元件 389
21.3 编辑元件 390
21.3.1 复制元件 390
21.3.2 编辑元件的方法 390
21.4 创建与编辑实例 392
21.4.1 创建实例 392
21.4.2 编辑实例 393
21.5 创建和管理库 395
21.5.1 创建项目 395
21.5.2 删除项目 395
21.6 使用公共库 396
21.7 综合应用 396
21.7.1 综合应用——制作按钮 396
21.7.2 综合应用——利用元件制作动画 398
21.8 专家秘籍 401
21.9 本章小结 403
第22章 创建基本Flash动画 404
22.1 创建逐帧动画 405
22.2 创建补间动画 406
22.2.1 上机练习——创建运动补间动画 406
22.2.2 上机练习——创建形状补间动画 408
22.3 遮罩动画的创建 410
22.3.1 创建遮革层 411
22.3.2 上机练习——遮罩动画应用实例 411
22.4 运动引导层动画的创建 413
22.4.1 创建运动引导层 413
22.4.2 上机练习——运动引导层动画应用实例 414
22.5 专家秘籍 416
22.6 本章小结 418
第23章 制作高级交互式动画 419
23.1 ActionScript基础 420
23.1.1 变量 420
23.1.2 运算符和表达式 420
23.1.3 函数 423
23.1.4 ActionScript语法 423
23.2 ActionScript编程界面 424
23.2.1 打开“动作”面板的方法 425
23.2.2 “动作”面板的使用介绍 425
23.3 添加ActionScript 426
23.3.1 上机练习——为帧添加动作 426
23.3.2 上机练习——为按钮添加动作 427
23.3.3 上机练习——为影片剪辑添加动作 427
23.4 综合应用 427
23.4.1 综合应用——利用geturl制作发送电子邮件动画 428
23.4.2 综合应用——利用stop和play语句控制动画的播放 428
23.5 专家秘籍 431
23.6 本章小结 432
第6篇 网站开发实战篇 434
第24章 设计制作企业网站 434
24.1 网站设计规划 435
24.1.1 网页设计原则 435
24.1.2 主要功能页面 436
24.2 使用Fireworks CS6制作网页标志 437
24.3 使用Flash CS6制作动画 439
24.4 创建本地站点 441
24.5 使用Drearnweaver CS6制作页面 443
24.5.1 制作网站顶部导航 443
24.5.2 制作网站滚动公告栏 447
24.5.3 制作公司新闻动态 450
24.5.4 制作产品展示 452
24.5.5 制作底部版权部分 454
24.6 专家秘籍 455
24.7 本章小结 456
第25章 设计制作购物网站 457
25.1 购物网站设计概述 458
25.1.1 电子商务网站分类 458
25.1.2 购物网站特点分析 459
25.1.3 网站主要功能页面 460
25.2 使用Photoshop设计网页图像 461
25.2.1 设计网页按钮 461
25.2.2 设计网页Logo 463
25.3 使用Flash制作网页宣传动画 466
25.4 创建数据库表 468
25.5 创建数据库连接 469
25.6 制作购物系统前台页面 470
25.6.1 制作商品分类展示页面 470
25.6.2 制作商品详细信息页面 474
25.7 制作购物系统后台管理 476
25.7.1 制作添加商品分类页面 476
25.7.2 制作商品管理页面 480
25.7.3 制作修改页面 483
25.7.4 制作删除页面 485
25.8 专家秘籍 487
25.9 本章小结 488