入门篇 2
第1章 了解网页设计 2
1.1什么是网页设计 2
1.1.1网页设计概述 2
1.1.2网页与网站 3
1.1.3静态网页与动态网页 4
1.1.4网页设计中的术语 4
1.2网页设计元素及版式 5
1.2.1网页构成元素 5
1.2.2网页的设计构思 7
1.2.3网页设计版式 8
1.3网站开发常用软件和技术 9
1.3.1 Dreamweaver CS6——网页编辑软件 9
1.3.2 Photoshop CS6——网页图像处理软件 9
1.3.3 Flash CS6——网页动画制作软件 10
1.3.4 HTML——网页标记语言 10
1.3.5 JavaScript——网页特效脚本语言 10
1.3.6 ASP、PHP、JSP——动态网页编程语言 10
1.4网站建设的基本流程 11
1.4.1前期网站策划 11
1.4.2规划站点结构 11
1.4.3收集网站相关素材 11
1.4.4网页的版式与布局分析 11
1.4.5确定网页的主色调 12
1.4.6设计网站页面 12
1.4.7切割和优化网页图像 12
1.4.8制作网站HTML页面 12
1.4.9开发动态网站模块 13
1.4.10申请域名和服务器空间 13
1.4.11测试并上传网站 13
1.4.12网站的更新与维护 13
1.5本章小结 13
第2章 网站的分类与配色 14
2.1常见的网站类型 14
2.1.1个人网站 14
2.1.2企业类网站 14
2.1.3行业信息类网站 15
2.1.4影视音乐类网站 15
2.1.5休闲游戏类网站 15
2.1.6电子商务类网站 16
2.1.7综合门户类网站 16
2.2网页配色基础 16
2.2.1色彩模式 17
2.2.2网页安全色彩 17
2.2.3网页色彩的特性 18
2.3网页配色方法 18
2.3.1网页配色基础 18
2.3.2网页配色的原则 20
2.3.3网页配色的基本方法 22
2.4常见的网页配色 24
2.5本章小结 26
Dreamweaver CS6篇 28
第3章 Dreamweaver CS6入门 28
3.1初识Drearnweaver CS6 28
3.2 Drearnweaver CS6的新增功能 28
3.2.1全新的“管理站点”对话框 28
3.2.2 Business Catalyst站点和Business Catalyst面板 29
3.2.3流体网格布局页面 29
3.2.4为单个元素应用多个类CSS样式 30
3.2.5 CSS过渡效果 30
3.2.6 Web字体 30
3.2.7改进的图像优化功能 31
3.2.8支持JQuery 16.4和JQuery Mobile 1.0 31
3.2.9新增JQuery Mobile色板 31
3.2.10集成PhoneGap Build 32
3.3认识DrDrearnweaver CS6工作界面 32
3.3.1 Drearnweaver CS6工作区布局 33
3.3.2菜单栏 33
3.3.3文档工具栏 34
3.3.4状态栏 34
3.3.5“插入”面板 35
3.3.6“属性”面板 35
3.3.7其他浮动面板 35
3.4网页文件的基础操作 36
3.4.1实战——创建空白文件 36
3.4.2实战——打开网页文件 38
3.4.3实战——预览网页 38
3.4.4保存和关闭网页 39
3.5创建站点 40
3.5.1实战——创建本地静态站点 40
3.5.2实战——创建站点并设置远程服务器 40
3.5.3实战——创建Business Catalyst站点 42
3.6站点的管理 44
3.6.1使用“文件”面板切换站点 44
3.6.2“管理站点”对话框 44
3.7本章小结 45
第4章 在网页中插入基础网页元素 46
4.1设置页面属性 46
4.1.1设置外观（CSS） 46
4.1.2设置外观（HTML） 47
4.1.3设置链接（CSS） 47
4.1.4设置标题（CSS） 48
4.1.5设置标题和编码 49
4.1.6设置跟踪图像 49
4.1.7实战——控制网页整体属性 50
4.2在网页中添加文本 51
4.2.1实战——在网页中输入文本 51
4.2.2设置文本属性 52
4.2.3文本换行与分段 53
4.2.4实战——插入水平线 54
4.2.5实战——插入时间 55
4.2.6实战——插入注释 56
4.2.7实战——插入特殊字符 58
4.2.8实战——创建项目列表 58
4.2.9实战——创建编号列表 59
4.3在网页中插入图像 60
4.3.1网页图像的格式 60
4.3.2实战——在网页中插入图像 61
4.3.3设置图像属性 62
4.3.4实战——插入图像占位符 65
4.3.5实战——插入鼠标经过图像 66
4.4在网页中插入多媒体元素 67
4.4.1实战——插入Flash动画 67
4.4.2设置Flash动画属性 68
4.4.3实战——插入FLV视频 69
4.4.4实战——插入Shockwave动画 70
4.4.5实战——为网页添加背景音乐 71
4.4.6实战——在网页中插入视频 73
4.4.7实战——应用JavaApplet实现网页特效 74
4.5本章小结 75
第5章 创建网页链接 76
5.1什么是超链接 76
5.1.1相对路径 76
5.1.2绝对路径 76
5.1.3外部链接和内部链接 77
5.1.4“超链接”对话框 77
5.2创建基础超链接 78
5.2.1实战——设置文字超链接 78
5.2.2实战——设置图像超链接 79
5.3创建特殊的网页链接 80
5.3.1实战——创建空链接 80
5.3.2实战——创建脚本链接 81
5.3.3实战——创建下载链接 82
5.3.4实战——创建E-Mail链接 83
5.3.5实战——创建锚记链接 84
5.3.6实战——创建热点链接 86
5.4管理网页超链接 88
5.4.1自动更新链接 88
5.4.2在站点范围内更改链接 88
5.4.3检查错误的链接 89
5.5本章小结 89
第6章 使用AP Div与行为实现网页特效 90
6.1认识AP Div 90
6.1.1什么是AP Div 90
6.1.2认识“AP元素”面板 90
6.2使用AP Div排版 90
6.2.1插入AP Div 91
6.2.2设置AP Div属性 91
6.2.3实战——使用AP Div排版 92
6.2.4实战——使用AP Div溢出排版 93
6.3行为的概念 95
6.3.1事件 95
6.3.2动作 95
6.4为网页添加行为 95
6.4.1实战——交换图像 96
6.4.2实战——弹出信息 97
6.4.3恢复交换图像 98
6.4.4实战——打开浏览器窗口 98
6.4.5实战——拖动AP元素 99
6.4.6实战——改变属性 100
6.4.7实战——设置效果 102
6.4.8实战——显示/隐藏元素 103
6.4.9实战——检查插件 105
6.4.10实战——检查表单 106
6.4.11实战——设置容器的文本 107
6.4.12实战——设置文本域文字 109
6.4.13设置框架文本 110
6.4.14实战——设置状态栏文本 110
6.4.15实战——调用JavaScript 111
6.4.16实战——跳转菜单 112
6.4.17跳转菜单开始 113
6.4.18转到URL 113
6.4.19预先载入图像 113
6.5本章小结 114
第7章 CSS样式与Div＋CSS布局 115
7.1什么是CSS样式 115
7.1.1认识CSS样式 115
7.1.2 “CSS样式”面板 115
7.1.3 CSS样式的基本写法 117
7.2创建CSS样式 117
7.2.1实战——创建标签CSS样式 118
7.2.2实战——创建类CSS样式 119
7.2.3实战——创建ID CSS样式 121
7.2.4实战——创建复合CSS样式 123
7.2.5实战——创建伪类CSS样式 125
7.3设置CSS样式属性 128
7.3.1实战——设置文本样式 128
7.3.2实战——设置背景样式 130
7.3.3实战——区块样式 131
7.3.4实战——方框样式 133
7.3.5实战——边框样式 134
7.3.6实战——列表样式 136
7.3.7实战——定位样式 138
7.3.8实战——扩展样式 139
7.3.9过渡样式 141
7.4 CSS样式的特殊应用 142
7.4.1实战——CSS类选区 142
7.4.2实战——Web字体 144
7.5关于Div＋CSS布局 146
7.5.1什么是Div 146
7.5.2插入Div 147
7.5.3 Div＋CSS的优势 148
7.6块元素和行内元素 149
7.6.1块元素 149
7.6.2行内元素 149
7.7 CSS盒模型 149
7.7.1什么是CSS盒模型 149
7.7.2实战——margin（边界） 150
7.7.3实战——padding（填充） 152
7.7.4实战——border（边框） 153
7.8常用CSS定位方式 154
7.8.1 CSS定位属性 154
7.8.2浮动定位 155
7.8.3相对定位 155
7.8.4绝对定位 156
7.8.5固定定位 156
7.9本章小结 156
第8章 使用表格与框架布局 157
8.1插入表格 157
8.1.1在网页中插入表格 157
8.1.2设置表格属性 157
8.1.3设置单元格属性 158
8.2选择表格元素 159
8.2.1实战——选择整个表格 159
8.2.2实战——选择单元行或单元列 159
8.2.3实战——选择单元格 160
8.3表格特殊处理 161
8.3.1实战——导入表格式数据 161
8.3.2实战——表格排序 162
8.4创建框架网页 163
8.4.1创建框架集 163
8.4.2保存框架和框架集文件 164
8.4.3设置框架集属性 164
8.4.4设置框架属性 165
8.5选择框架和框架集 165
8.5.1在“框架”面板中选择框架或框架集 166
8.5.2在文档窗口中选择框架或框架集 166
8.6使用Spry构件创建网页常见效果 166
8.6.1关于Spry构件 166
8.6.2实战——Spry菜单栏 167
8.6.3实战——Spry选项卡式面板 170
8.6.4实战——Spry可折叠面板 173
8.6.5实战——Spry折叠式 175
8.6.6实战——Spry工具提示 178
8.7本章小结 179
第9章 模板和库的运用 180
9.1使用模板 180
9.1.1模板的特点 180
9.1.2实战——创建模板 180
9.1.3实战——定义可编辑区域 181
9.1.4实战——定义可选区域 182
9.1.5实战——定义可编辑可选区域 183
9.1.6定义重复区域 184
9.1.7可编辑标签属性 184
9.2应用模板 184
9.2.1实战——创建基于模板的页面 184
9.2.2删除页面中所使用的模板 188
9.2.3更新模板及基于模板的网页 188
9.3在网页中使用库项目 189
9.3.1实战——创建库项目 189
9.3.2实战——插入库项目 191
9.3.3库项目的编辑和更新 192
9.3.4库项目属性 193
9.4本章小结 193
第10章 在网页中插入表单元素 194
10.1关于表单 194
10.1.1表单概述 194
10.1.2认识表单元素 194
10.2插入表单元素 195
10.2.1实战——插入表单域 195
10.2.2实战——插入文本域 196
10.2.3实战——插入密码域 198
10.2.4实战——插入多行文本域 199
10.2.5插入隐藏域 200
10.2.6实战——插入复选框 201
10.2.7实战——插入单选按钮 202
10.2.8实战——插入列表/菜单 203
10.2.9实战——插入跳转菜单 205
10.2.10实战——插入图像域 207
10.2.11实战——插入文件域 208
10.2.12实战——插入按钮 209
10.3实战——Spry验证表单 210
10.3.1实战——使用Spry验证登录框 211
10.3.2设置Spry验证属性 212
10.4本章小结 213
Photoshop CS6篇 215
第11章 Photoshop CS6入门 215
11.1认识Photoshop CS6工作界面 215
11.1.1 Photoshop CS6工作区 215
11.1.2菜单栏 216
11.1.3选项栏 217
11.1.4文档窗口 217
11.1.5状态栏 219
11.1.6面板 219
11.2图像的类型和分辨率 220
11.2.1位图 220
11.2.2矢量图像 220
11.2.3分辨率 221
11.3文件的基本操作 221
11.3.1新建文件 221
11.3.2打开文件 223
11.3.3导入文件 223
11.3.4置入文件 223
11.3.5保存文件 223
11.3.6导出文件 223
11.3.7关闭文件 224
11.4图像编辑的辅助操作 224
11.4.1实战——使用标尺 224
11.4.2实战——使用参考线 225
11.4.3使用智能参考线 226
11.4.4使用网格 227
11.4.5实战——使用注释工具 227
11.5本章小结 228
第12章 使用Photoshop CS6绘制图像 229
12.1调整图像 229
12.1.1调整图像大小 229
12.1.2调整画布大小 230
12.2基本绘图工具 231
12.2.1画笔工具 231
12.2.2铅笔工具 232
12.3矢量绘图工具 233
12.3.1矩形工具 233
12.3.2椭圆工具 234
12.3.3圆角矩形工具 234
12.3.4直线工具 235
12.3.5自定形状工具 236
12.4钢笔工具 237
12.4.1使用“钢笔工具” 237
12.4.2添加和删除锚点 238
12.4.3选择路径与锚点 239
12.4.4调整路径 239
12.4.5变换路径 240
12.5实战——设计房地产网站logo 240
12.6本章小结 248
第13章 修改图像的形状和颜色 249
13.1创建与编辑选区 249
13.1.1选框工具组 249
13.1.2实战——使用“矩形选框工具” 250
13.1.3实战——使用“椭圆选框工具” 252
13.1.4实战——使用“单行选框工具” 253
13.1.5套索工具组 254
13.1.6魔棒工具组 254
13.1.7修改选区 255
13.2修改图像 257
13.2.1橡皮擦工具组 257
13.2.2图章工具组 257
13.2.3仿制图章工具 258
13.2.4实战——使用“仿制图章工具” 258
13.2.5图案图章工具 259
13.2.6实战——使用“图案图章工具” 259
13.2.7修复工具组 260
13.3调整网页图像的颜色 262
13.3.1实战——调整图像的亮度 262
13.3.2实战——调整图像颜色 263
13.3.3实战——调整图像的色调 264
13.4实战——设计网站宣传广告 265
13.5本章小结 267
第14章 使用文本和图层 268
14.1输入文本 268
14.1.1文字工具组 268
14.1.2实战——输入横排文字 269
14.1.3实战——输入直排文字 270
14.2编辑文本 272
14.2.1设置文字格式 272
14.2.2实战——创建变形文字 273
14.2.3实战——创建路径文字 275
14.3使用“图层”面板 277
14.3.1认识“图层”面板 277
14.3.2新建图层 279
14.3.3复制图层 281
14.3.4删除图层 281
14.3.5调整图层顺序 281
14.3.6链接图层 282
14.3.7合并图层 282
14.4添加图层样式 283
14.4.1实战——投影、内阴影图层样式 283
14.4.2实战——外发光、内发光图层样式 284
14.4.3实战——斜面和浮雕图层样式 285
14.5实战——设计网站导航栏 286
14.6本章小结 290
第15章 网页动画制作与切片输出 291
15.1创建与编辑切片 291
15.1.1创建切片 291
15.1.2实战——使用“切片工具”创建切片 291
15.1.3编辑切片选项 292
15.1.4实战——选择和移动切片 293
15.1.5删除切片 294
15.2图像的优化与输出 295
15.2.1优化图像 295
15.2.2输出图像 298
15.3创建GIF动画 299
15.3.1认识“时间轴”面板 299
15.3.2实战——创建GIF动画 300
15.3.3实战——存储动画 303
15.4实战——为网页创建切片并输出网页 304
15.5本章小结 306
第16章 常用网页元素的设计 307
16.1网站Logo 307
16.1.1网站Logo的特点 307
16.1.2实战——设计生活服务类网站Logo 308
16.2网站按钮 314
16.2.1网站按钮的特点 314
16.2.2实战——绘制水晶质感按钮 315
16.3网站广告 321
16.3.1网站广告的优势 321
16.3.2实战——设计网站弹出广告页面 321
16.4网站导航菜单 329
16.4.1网站导航菜单的要求 329
16.4.2实战——设计游戏网站导航菜单 330
16.5本章小结 334
Flash CS6篇 336
第17章Flash CS6入门 336
17.1 Flash动画基础 336
17.1.1 Flash动画基础 336
17.1.2 Flash动画术语 337
17.1.3 Flash动画的应用及发展前景 337
17.2认识Flash CS6工作界面 340
17.2.1 Flash CS6工作区 340
17.2.2菜单栏 341
17.2.3舞台 343
17.2.4时间轴 343
17.2.5工具箱 344
17.2.6“属性”面板 345
17.3新建Flash文件 346
17.3.1新建空白Flash文件 346
17.3.2新建Flash模板文件 346
17.3.3设置Flash文档属性 348
17.4打开和保存Flash文件 349
17.4.1打开Flash文件 349
17.4.2直接保存Flash文件 349
17.4.3另存为Flash文件 349
17.4.4另存为Flash模板文件 350
17.4.5关闭Flash文件 350
17.5本章小结 350
第18章 使用Flash中的绘图工具 351
18.1使用基本绘图工具 351
18.1.1矩形工具和基本矩形工具 351
18.1.2椭圆工具和基本椭圆工具 353
18.1.3多角星形工具 355
18.1.4线条工具 356
18.1.5铅笔工具 356
18.1.6刷子工具 357
18.1.7喷涂刷工具 357
18.1.8橡皮擦工具 359
18.1.9实战——绘制可爱卡通小兔 359
18.2高级绘图工具 363
18.2.1钢笔工具 363
18.2.2调整锚点和锚点转换 364
18.2.3添加和删除锚点 365
18.2.4实战——绘制卡通铅笔人 365
18.2.5使用Deco工具 369
18.2.6实战——绘制梦幻般精美图形 369
18.3设置颜色 371
18.3.1填充颜色和笔触颜色 371
18.3.2设置颜色 372
18.4使用“颜色”面板 373
18.4.1填充纯色 373
18.4.2填充渐变颜色 374
18.4.3填充位图 375
18.5墨水瓶工具和颜料桶工具 376
18.6本章小结 377
第19章 文本与对象的操作 378
19.1文本的类型 378
19.1.1传统文本 378
19.1.2 TLF文本 378
19.2创建文本 379
19.2.1实战——创建静态文本 379
19.2.2实战——创建动态文本 380
19.2.3实战——创建输入文本 381
19.3文本的编辑处理 382
19.3.1选择和移动文本 382
19.3.2为文本设置超链接 383
19.3.3实战——检查拼写 383
19.3.4查找和替换 384
19.3.5实战——分离文本 384
19.3.6实战——分散到图层 386
19.4对象的基本操作 388
19.4.1选择对象 388
19.4.2移动对象 390
19.4.3复制对象 391
19.4.4删除对象 392
19.5对象变形操作 392
19.5.1变形点 393
19.5.2自动变换对象 393
19.5.3缩放对象 394
19.5.4旋转和倾斜对象 394
19.5.5扭曲对象 395
19.5.6封套对象 396
19.6本章小结 396
第20章 元件与“库”面板 397
20.1认识“时间轴”面板 397
20.2关于帧 398
20.2.1帧 398
20.2.2关键帧 398
20.2.3空白关键帧 398
20.2.4关于帧频 399
20.3帧的编辑操作 399
20.3.1插入帧 399
20.3.2选择帧 400
20.3.3复制帧 401
20.3.4移动帧 401
20.3.5删除和清除帧 402
20.3.6翻转帧 402
20.3.7帧的转换 402
20.3.8帧标签 403
20.4元件基础 403
20.4.1什么是元件 403
20.4.2元件的类型 404
20.5创建元件 404
20.5.1创建图形元件 404
20.5.2创建影片剪辑元件 405
20.5.3创建按钮元件 405
20.5.4转换为元件 405
20.5.5实战——制作基础按钮动画 406
20.5.6实战——制作马儿奔跑动画 407
20.6使用“库”面板 409
20.6.1认识“库”面板 409
20.6.2管理库项目 410
20.6.3使用公共库 411
20.7使用动画预设 412
20.7.1预览动画预设 412
20.7.2实战——使用动画预设制作文字入场动画 412
20.8本章小结 415
第21章 制作Flash动画 416
21.1逐帧动画 416
21.1.1逐帧动画的特点 416
21.1.2实战——制作眩光文字动画 416
21.2形状补间动画 419
21.2.1形状补间动画的特点 419
21.2.2实战——制作闪耀的太阳动画 420
21.3补间动画 423
21.3.1补间动画的特点 423
21.3.2实战——制作雪人滑雪动画 424
21.4传统补间动画 427
21.4.1传统补间动画的特点 427
21.4.2实战——制作网站活动广告条 427
21.5引导动画 431
21.5.1引导动画的特点 431
21.5.2实战——制作蝴蝶飞舞动画 431
21.6遮罩动画 435
21.6.1遮罩动画的特点 435
21.6.2实战——制作网站开场动画 435
21.7本章小结 438
第22章 使用ActionScript 3.0 439
22.1了解ActionScript 439
22.1.1 ActionScript的发展 439
22.1.2 ActionScript 3.0的特点 440
22.2 ActionScript 3.0基础 440
22.2.1 ActionScript 3.0中的变量和数据类型 440
22.2.2 ActionScript 3.0语法 442
22.3常用ActionScript语句 443
22.3.1播放控制 444
22.3.2播放跳转 444
22.3.3条件语句 444
22.3.4循环语句 446
22.4代码的输入 447
22.4.1在时间轴上输入代码 447
22.4.2创建ActionScript文件 448
22.5对象处理 449
22.5.1属性 449
22.5.2方法 449
22.6实战——制作网站宣传栏动画 449
22.7本章小结 453
第23章 测试、导出与发布动画 454
23.1优化与测试Flash动画 454
23.1.1优化Flash动画 454
23.1.2实战——测试Flash动画 455
23.2导出Flash动画 456
23.2.1实战——导出Flash动画 456
23.2.2实战——导出图像 457
23.3发布Flash动画 458
23.3.1发布为Flash影片 458
23.3.2发布为HTML页面 459
23.3.3发布为GIF图像 461
23.3.4预览发布效果 462
23.3.5发布Flash动画 462
23.4实战——制作网站欢迎动画并发布 462
23.5本章小结 468
综合商业案例篇 470
第24章 设计制作电子商务网站 470
24.1电子商务网站的特点 470
24.1.1电子商务网站的分类 470
24.1.2电子商务网站的设计原则 471
24.2使用Photoshop设计网站首页面 471
24.2.1实战——设计网站首页面 471
24.2.2实战——切割页面素材 479
24.3实战——制作网站中的Flash动画 482
24.4实战——使用Dreamweaver制作网站页面 486
24.5本章小结 495
第25章 设计制作游戏网站 496
25.1游戏网站的特点 496
25.1.1游戏网站的分类 496
25.1.2游戏网站的设计原则 497
25.2使用Photoshop设计网站首页面 498
25.2.1实战——设计网站首页面 498
25.2.2实战——切割页面素材 508
25.3制作网站中的Flash动画 511
25.3.1实战——制作游戏按钮动画 511
25.3.2实战——制作导航菜单动画 518
25.4实战—使用Dreamweaver制作网站页面 525
25.5本章小结 535