第1章 使用Dreamweaver新建网页 1
1.1了解Dreamweaver 2
1.1.1Dreamweaver发展历史 2
1.1.2熟悉Dreamweaver界面 3
1.2定义站点 7
1.2.1实战演练：定义静态站点 7
1.2.2实战演练：测试本地站点 8
1.2.3实战演练：定义动态站点 9
1.3实战演练：新建网页 9
1.4设置页面属性 11
1.4.1设置外观 11
1.4.2设置链接 15
1.4.3设置标题 16
1.4.4设置标题/编码 16
1.4.5设置跟踪图像 17
1.5定义网页元信息 18
1.5.1实战演练：设置网页字符编码 19
1.5.2实战演练：设置网页关键词 19
1.5.3实战演练：设置网页说明 20
1.6案例实战：使用编码设计网页 20
1.7在线练习 21
第2章 设计网页文本 22
2.1在网页中输入文本 23
2.2定义文本属性 24
2.3定义文本格式 25
2.3.1实战演练：设置段落文本 25
2.3.2实战演练：设置标题文本 27
2.3.3实战演练：设置预定义文本 28
2.4案例实战：定义类文本 30
2.5定义字体样式 33
2.5.1实战演练：设置字体类型 33
2.5.2实战演练：设置字体颜色 34
2.5.3实战演练：设置艺术字体 36
2.5.4实战演练：设置字体大小 38
2.6定义段落样式 39
2.6.1实战演练：强制换行 40
2.6.2实战演练：对齐文本 41
2.6.3实战演练：缩进文本 43
2.7定义列表文本 45
2.7.1实战演练：设计项目列表 45
2.7.2实战演练：设计编号列表 46
2.7.3实战演练：设计定义列表 48
2.7.4实战演练：设计嵌套列表结构 49
2.8综合案例 49
2.8.1设计榜单栏 49
2.8.2美化正文版式 51
2.9在线练习 53
第3章 使用网页多媒体 54
3.1认识网页图像 55
3.2在网页中插入图像 55
3.2.1实战演练：插入图像 55
3.2.2实战演练：插入图像占位符 57
3.2.3实战演练：插入翻转图像 58
3.3设置图像属性 58
3.4编辑网页图像 59
3.4.1实战演练：调整图像大小 59
3.4.2实战演练：裁剪图像 60
3.4.3实战演练：优化图像 62
3.5案例实战：设计新闻内页 63
3.6案例实战：在网页中插入Flash动画 66
3.7案例实战：在网页中插入FLV视频 71
3.8在网页中插入插件 72
3.8.1实战演练：设计背景音乐 73
3.8.2实战演练：插入音频 74
3.8.3实战演练：插入视频 75
3.9案例实战：插入HTML5音频 76
3.10案例实战：插入HTML5视频 79
3.11在线练习 82
第4章 设计超链接 83
4.1定义链接 84
4.1.1实战演练：使用属性面板 84
4.1.2实战演练：使用代码定义链接 85
4.2应用链接 86
4.2.1实战演练：定义锚点链接 86
4.2.2实战演练：定义电子邮箱链接 87
4.2.3实战演练：定义空链接 89
4.3案例实战：定义图像热点 89
4.4设计超链接样式 91
4.4.1定义基本样式 91
4.4.2定义下画线样式 93
4.4.3定义立体样式 96
4.4.4定义动态背景样式 98
4.5定义列表样式 98
4.5.1实战演练：定义列表样式 98
4.5.2实战演练：自定义项目符号 101
4.5.3实战演练：自定义项目列表符号 104
4.6案例实战 104
4.6.1设计灯箱广告 105
4.6.2设计水平菜单 108
4.6.3设计垂直菜单 111
4.6.4设计选项卡 113
4.6.5设计多级菜单 113
4.7在线练习 113
第5章 设计表格 114
5.1在网页中插入表格 115
5.2设置表格属性 117
5.2.1设置表格框属性 117
5.2.2设置单元格属性 119
5.3操作表格 121
5.3.1实战演练：选择表格 121
5.3.2实战演练：选择行与列 122
5.3.3实战演练：选择单元格 123
5.3.4实战演练：增加行和列 124
5.3.5实战演练：删除行和列 125
5.3.6实战演练：剪切和粘贴单元格 126
5.3.7实战演练：合并和拆分单元格 127
5.4定义表格样式 129
5.4.1案例实战：定义细线表格 129
5.4.2案例实战：定义粗边表格 130
5.4.3案例实战：定义虚线表格 131
5.4.4案例实战：定义双线表格 132
5.4.5案例实战：定义宫形表格 132
5.4.6案例实战：定义单线表格 133
5.5案例实战：设计复杂表格 134
5.5.1重构表格 134
5.5.2美化样式 136
5.6案例实战：设计表格页面 138
5.7在线练习 142
第6章 设计表单 143
6.1插入表单 144
6.1.1实战演练：定义表单框 144
6.1.2实战演练：定义文本框 145
6.1.3实战演练：定义文本区域 147
6.1.4实战演练：定义按钮 149
6.1.5实战演练：定义单选按钮 150
6.1.6实战演练：定义复选框 152
6.1.7实战演练：定义选择框 155
6.1.8实战演练：定义其他表单对象 157
6.2插入HTML5表单 157
6.2.1案例：设计电子邮件 158
6.2.2案例：设计数字框 160
6.3设置HTML5表单属性 163
6.3.1案例：绑定表单域 163
6.3.2案例：匹配数据列表 167
6.4案例实战：设计用户登录表单页 169
6.5在线练习 174
第7章 设计图像和背景样式 175
7.1设计图片样式 176
7.1.1定义图片边框 176
7.1.2定义图片透明度 178
7.1.3定义图片对齐方式 180
7.1.4定义图片大小 181
7.2设计背景样式 181
7.2.1定义背景颜色 182
7.2.2定义背景图像 182
7.2.3定义显示方式 183
7.2.4定义显示位置 184
7.2.5定义固定显示 185
7.2.6定义背景图像大小 187
7.2.7定义多重背景图像 189
7.3案例实战 191
7.3.1设计新闻列表栏目 192
7.3.2设计半透明效果栏目 195
7.3.3设计新歌榜 198
7.3.4定义阴影效果 200
7.3.5定义圆角效果 202
7.3.6设计图文混排 203
7.3.7设计渐变栏目效果 206
7.3.8设计圆角版面 208
7.4在线练习 210
第8章 设计DIV＋CSS页面 211
8.1网页布局基础 212
8.1.1使用〈div〉和〈span〉 212
8.1.2使用id和class 213
8.1.3设置文档类型 214
8.1.4认识显示模式 215
8.1.5 CSS盒模型 217
8.1.6 CSS布局基础 217
8.2两列结构布局 217
8.2.1重点演练：设计固定宽度 218
8.2.2重点演练：设计宽度自适应 221
8.2.3重点演练：设计自定义宽度 223
8.3多列结构布局 226
8.3.1重点演练：设计两列定宽中间自适应 227
8.3.2重点演练：设计右侧定宽左侧及中间自适应 228
8.3.3重点演练：设计三列宽度自适应 229
8.4案例实战 231
8.4.1设计资讯正文页 231
8.4.2设计企业内宣页 234
8.4.3设计儿童题材的博客页 236
8.4.4设计流动博客首页 240
8.4.5设计定位宣传页 240
8.4.6设计伪列公司首页 240
8.5在线练习 240
第9章 设计HTML5文档 241
9.1 HTML5文档基础 242
9.1.1文档和标记 242
9.1.2宽松的约定 243
9.1.3编写HTML5文档 244
9.2案例实战 245
9.2.1定义标题栏 245
9.2.2定义文章块 250
9.2.3定义内容块 257
9.2.4定义导航栏 263
9.2.5定义侧边栏 268
9.2.6定义脚注栏 269
9.3在线练习 270
9.4线上拓展 270
9.4.1使用行为设计网页特效 270
9.4.2使用jQuery UI和jQuery Mobile组件 270
第10章 设计CSS3样式 271
10.1 CSS3特效 272
10.1.1定义文本阴影 272
10.1.2使用rgba（）函数 273
10.1.3使用hsla（）函数 275
10.1.4设计线性渐变样式 277
10.1.5设计径向渐变样式 281
10.1.6定义圆角边框 285
10.1.7定义盒子阴影 288
10.2 CSS3动画 291
10.2.1认识CSS3 transition 291
10.2.2案例：设计变形的盒子 295
10.2.3案例：设计折叠框 299
10.3在线练习 305
10.4线上拓展 305
第11章 使用Photoshop新建网页图像 306
11.1了解Photoshop主界面 307
11.2新建网页图像 308
11.2.1新建图像 308
11.2.2保存图像 309
11.2.3打开图像 310
11.2.4置入图像 312
11.3修改网页图像 312
11.3.1修改图像尺寸和分辨率 312
11.3.2修改画布大小 313
11.3.3裁切图像 314
11.3.4清除图像空边 315
11.4编辑网页图像 315
11.4.1移动图像 315
11.4.2复制和粘贴图像 317
11.4.3删除与恢复图像 318
11.4.4还原与重做 318
11.4.5使用【历史记录】面板 319
11.5修饰网页图像 319
11.6选取范围 320
11.7操作选区 320
第12章 处理网页图像 321
12.1创建图层 322
12.1.1新建普通图层 322
12.1.2新建背景图层 323
12.1.3新建调整图层 323
12.1.4新建文本图层 324
12.1.5新建填充图层 325
12.1.6新建形状图层 326
12.2使用图层组 327
12.2.1创建图层组 327
12.2.2将图层添加到图层组中 327
12.2.3复制图层组 327
12.2.4删除图层组 328
12.3操作图层 328
12.3.1移动图层 328
12.3.2复制图层 329
12.3.3锁定图层 330
12.3.4删除图层 330
12.3.5旋转和翻转图层 331
12.3.6调整图层层叠顺序 331
12.4操作多图层 332
12.4.1选择多图层 332
12.4.2链接多图层 333
12.4.3对齐图层 333
12.4.4分布图层 334
12.4.5向下合并图层 334
12.4.6合并图层和图层组 335
12.4.7合并可见图层和图层组 335
12.4.8拼合图层 335
12.4.9图层混合 335
12.5案例实战：使用图层蒙版 336
12.6案例实战：使用剪贴组图层 338
12.7添加图层特效 339
12.7.1案例实战：制作阴影效果 339
12.7.2案例实战：制作发光效果 340
12.7.3案例实战：制作斜面和浮雕效果 340
12.7.4案例实战：应用样式 342
12.8案例实战 343
12.8.1制作图案文字 343
12.8.2制作倒影文字 344
12.8.3制作立体按钮 346
12.8.4制作五环图案 347
12.9使用通道 349
12.10使用滤镜 349
第13章 设计网页元素 350
13.1设计网页效果图 351
13.2设计网页标题 351
13.3设计网页按钮 353
13.4设计网页背景图 355
13.5设计网站Logo 357
13.5.1案例实战：制作Google标志 357
13.5.2案例实战：制作迅雷标志 359
13.6设计网页Banner 362
13.7网页绘图和调色基础 366
第14章 把效果图转换为网页 367
14.1使用Photoshop切图 368
14.1.1实战演练：切图的基本方法 368
14.1.2设置切片选项 372
14.1.3实战演练：输出网页 373
14.1.4输出效果图应注意事项 376
14.2案例实战 377
14.2.1输出正文版面 377
14.2.2输出自适应版面 383
14.2.3输出首页 391
14.2.4输出内页 395
14.2.5设计固定背景 395
14.2.6设计渐变背景 396
14.2.7设计圆角背景 396
14.2.8设计单栏背景 396
14.2.9设计双栏背景 396
第15章 使用Flash新建动画 397
15.1熟悉Flash CC主界面 398
15.1.1编辑区 398
15.1.2菜单栏 398
15.1.3工具箱 399
15.1.4时间轴 399
15.1.5浮动面板 399
15.1.6属性面板 399
15.2文档操作 399
15.2.1打开文档 399
15.2.2新建文档 399
15.2.3保存文档 400
15.2.4关闭文档 400
15.3实战演练：使用Flash 400
15.4熟练工作场景 402
15.4.1认识工具箱 402
15.4.2设置舞台 402
15.4.3使用场景 403
15.5案例实战：设计第一个动画 404
15.5.1设置舞台 404
15.5.2制作动画 406
15.5.3 测试动画 408
15.5.4保存、发布动画 409
第16章 处理动画素材 410
16.1Flash素材来源 411
16.1.1绘制对象 411
16.1.2导入对象 412
16.2编辑位图 414
16.2.1设置位图属性 414
16.2.2选择图像 415
16.2.3案例实战：设计名片 417
16.2.4案例实战：把位图转换为矢量图 420
16.3编辑图形 421
16.3.1任意变形 421
16.3.2快速变形 424
16.3.3组合和分散对象 425
16.3.4对齐对象 426
16.3.5变形面板和信息面板 429
16.3.6案例实战：设计倒影特效 430
16.3.7案例实战：设计折叠纸扇 431
16.4修饰图形 433
16.4.1优化路径 433
16.4.2将线条转换为填充 434
16.4.3扩展填充 434
16.4.4柔化填充边缘 435
16.5案例实战：导入音频 435
16.6案例实战：导入视频 438
16.7使用辅助工具 438
第17章 设计动画元素 439
17.1绘图准备 440
17.1.1选择工具 440
17.1.2部分选取工具 442
17.1.3 Flash绘图模式 443
17.2绘制路径 444
17.2.1绘制线条 444
17.2.2使用铅笔 446
17.2.3使用钢笔 447
17.3绘制图形 448
17.3.1绘制椭圆 448
17.3.2绘制矩形 448
17.3.3绘制多角星形 449
17.3.4使用刷子 450
17.3.5使用橡皮擦 452
17.3.6案例实战：绘制Logo标识 453
17.4动画上色 456
17.4.1使用墨水瓶 456
17.4.2使用颜料桶 456
17.4.3使用滴管 457
17.4.4使用渐变变形 457
17.4.5使用颜色面板 460
17.4.6案例实战：设计导航按钮 461
17.5使用文本 463
17.5.1文本类型 463
17.5.2输入文本 463
17.5.3修改文本 464
17.5.4分离文本 465
17.5.5编辑矢量文本 465
17.5.6案例实战：设计Logo 466
17.6案例实战 467
17.6.1绘制头像 467
17.6.2给卡通涂色 468
17.6.3给人物上色 468
17.6.4设计空心文字 468
17.6.5设计披雪文字 468
17.6.6设计立体文字 468
第18章 使用Flash元件 469
18.1使用元件 470
18.1.1元件类型 470
18.1.2创建图形元件 470
18.1.3创建按钮元件 472
18.1.4创建影片剪辑元件 475
18.1.5编辑元件 477
18.1.6案例实战：设计水晶按钮 478
18.1.7案例实战：设计交互式按钮 482
18.2使用实例 485
18.2.1创建实例 485
18.2.2修改实例 485
18.2.3设置实例显示属性 487
18.3使用库 488
18.3.1操作元件库 488
18.3.2调用其他动画库 490
18.4使用组件 491
第19章 创建Flash动画 492
19.1使用帧 493
19.1.1认识帧 493
19.1.2创建帧 493
19.1.3选择帧 494
19.1.4编辑帧 495
19.1.5使用洋葱皮 497
19.2使用图层 498
19.2.1操作图层 498
19.2.2引导层 501
19.2.3案例实战：设计遮罩特效 503
19.3设计逐帧动画 504
19.3.1自动生成逐帧动画 504
19.3.2制作逐帧动画 505
19.4设计补间动画 506
19.4.1制作传统补间动画 506
19.4.2制作形状补间动画 509
19.4.3添加形状提示 510
19.4.4制作运动补间动画 512
19.5设计引导线动画 514
19.6设计遮罩动画 517
19.6.1定义遮罩层动画 517
19.6.2定义被遮罩层动画 519
19.7案例实战 521
19.7.1设计弹跳的小球 521
19.7.2设计探照灯效果 521
19.7.3设计3D运动效果 522
第20章 设计交互式动画 523
20.1使用动作面板 524
20.2添加动作 525
20.2.1给关键帧添加动作 525
20.2.2给按钮元件添加动作 525
20.2.3给影片剪辑元件添加动作 526
20.3案例实战 526
20.3.1控制动画播放 526
20.3.2动画回播和跳转 528
20.3.3控制背景音乐 529
20.3.4添加超链接 531
20.3.5加载外部动画 532
20.3.6设置影片显示样式 534
20.3.7设计Flash小站 537
20.3.8全屏显示动画 541
20.3.9设计控制条 541
20.4综合案例：设计Flash网站 541
第21章 手机应用类型网站布局与设计 542
21.1产品策划 543
21.2画板和设计 543
21.3切图和输出 546
21.4网站重构 548
21.5网站布局 551