第1篇 网页制作篇 2
第1章 网页设计快速入门——网页与网站基础知识 2
1.1 认识网页与网站 3
1.1.1 网页和网站的关系 3
1.1.2 网页的相关概念 4
1.2 网页的HTML构成 6
1.2.1 文档标记 7
1.2.2 头部标记 7
1.2.3 主体标记 7
1.3 HTML常用标记 8
1.3.1 链接标记＜LINK＞ 8
1.3.2 段落标记＜P＞ 8
1.3.3 通用块标记＜DIV＞ 10
1.3.4 行内标记＜SPAN＞ 11
1.3.5 元数据标记＜META＞ 12
1.3.6 图像标记＜IMG＞ 13
1.3.7 框架容器标记＜FRAMESET＞ 14
1.3.8 子框架标记＜FRAME＞ 14
1.3.9 表格标记＜TABLE＞ 15
1.3.10 浮动帧标记＜IFRAME＞ 16
1.3.11 容器标记＜MARQUEE＞ 17
1.4 常用网页制作工具 18
1.4.1 网页编辑软件 18
1.4.2 图像制作软件 19
1.4.3 动画制作软件 19
1.5 网站开发流程 20
1.5.1 确定网站风格和布局 20
1.5.2 搜集、整理素材 22
1.5.3 规划站点、制作网页 23
1.5.4 网站的测试与发布 23
高手支招 如何查看网页的HTML代码 23
使用记事本编辑HTML文件后如何在浏览器中预览 23
保存好看的网页 24
第2章 Dreamweaver CC的基本操作 25
2.1 Dreamweaver CC的工作环境 26
2.2 创建站点 27
2.2.1 创建本地站点 27
2.2.2 创建远程站点 28
2.3 管理站点 29
2.3.1 打开站点 29
2.3.2 编辑站点 29
2.3.3 复制站点 30
2.3.4 删除站点 30
2.4 文档的基本操作 31
2.4.1 创建空白文档 31
2.4.2 设置页面属性 31
2.4.3 插入文本 34
2.5 设置文本属性 36
2.5.1 设置字体 36
2.5.2 设置字号 37
2.5.3 设置字体颜色 38
2.5.4 设置字体样式 38
2.5.5 编辑段落 39
2.5.6 检查拼写 41
2.5.7 创建项目列表 42
2.6 用图像美化网页 43
2.6.1 选择合适的图像格式 43
2.6.2 插入图像 44
2.6.3 设置图像属性 45
2.6.4 插入鼠标经过图像 46
2.7 创建链接 47
2.7.1 了解链接 47
2.7.2 创建链接 49
2.7.3 创建图像热点链接 51
2.7.4 创建电子邮件链接 51
2.7.5 创建下载文件的链接 52
2.7.6 创建空链接 53
2.7.7 创建脚本链接 53
2.8 综合实战——制作图文并茂的网页 54
高手支招 设置外部的图片编辑器 55
第3章 创建网页样式——CSS 57
3.1 网页设计中的CSS 58
3.1.1 CSS的作用 58
3.1.2 CSS的基本使用方法 59
3.2 定义CSS样式的属性 60
3.2.1 定义文本样式 62
3.2.2 定义背景样式 63
3.2.3 定义区块样式 64
3.2.4 定义方框样式 64
3.2.5 定义边框样式 65
3.2.6 定义列表样式 65
3.2.7 定义定位样式 66
3.2.8 定义扩展样式 67
3.2.9 定义过渡样式 68
3.2.10 创建嵌入式CSS样式 69
3.2.11 链接外部样式表 70
3.3 编辑CSS样式 72
3.3.1 修改CSS样式 72
3.3.2 删除CSS样式 72
3.3.3 复制CSS样式 73
3.4 过滤器 73
3.4.1 Alpha属性 74
3.4.2 Blur属性 75
3.4.3 Chroma属性 76
3.4.4 DropShadow属性 77
3.4.5 FlipH和FlipV属性 78
3.4.6 Glow属性 79
3.4.7 Gray属性 79
3.4.8 Invert属性 80
3.4.9 Mask属性 81
3.4.10 Shadow属性 81
3.4.11 Wave属性 82
3.4.12 Xray属性 83
3.5 综合实战1——创建第一个使用CSS的网页 84
3.6 综合实践2——定义网页样式和边框 85
高手支招 CSS字体简写原则 86
第4章 灵活的网页布局——CSS＋DIV 87
4.1 关于DIV 88
4.1.1 创建DIV 88
4.1.2 为什么要用CSS＋DIV布局 89
4.1.3 DIV的嵌套与固定格式 90
4.2 CSS定位与DIV布局 90
4.2.1 盒子模型 90
4.2.2 元素的定位 91
4.3 CSS＋DIV布局的常用方法 95
4.3.1 使用DIV对页面整体规划 95
4.3.2 设计各块的位置 96
4.3.3 使用CSS定位 96
4.4 综合实战1——固定宽度且居中的版式 98
4.5 综合实战2——左中右版式 104
高手支招 移除超链接的虚线 106
将固定宽度的页面居中 106
第5章 使用网页元素美化网页——添加对象 107
5.1 插入水平线 108
5.2 插入日期 109
5.3 插入特殊字符 109
5.4 插入Flash对象 110
5.4.1 插入Flash动画 110
5.4.2 插入FLV文件 111
5.5 插入Shockwave动画插件 113
5.6 插入声音 114
5.7 插入Java小程序 114
5.8 插入ActiveX控件 115
5.9 使用HTML 5 Audio和Video API 115
5.10 设置多媒体属性 116
5.11 综合实战——插入透明Flash背景 117
高手支招 如何查看FLV文件 118
如何正常显示插入的Active 118
第6章 让网页动起来——用表单创建交互网页 119
6.1 创建表单域 120
6.2 插入文本域 120
6.2.1 单行文本域 120
6.2.2 多行文本域 121
6.2.3 密码域 121
6.2.4 调查表的制作 121
6.3 复选框和单选按钮 123
6.3.1 复选框 123
6.3.2 单选按钮 124
6.3.3 单选按钮组 124
6.4 列表和菜单 125
6.4.1 下拉菜单 125
6.4.2 滚动列表 126
6.5 使用按钮激活表单 126
6.5.1 插入按钮 126
6.5.2 图像按钮 127
6.6 使用隐藏域和文件域 128
6.6.1 隐藏域 128
6.6.2 文件域 128
6.7 综合实战——制作留言板 129
高手支招 如何保证表单在浏览器中正常显示 132
第7章 从此告别单调——用行为丰富页面 133
7.1 应用行为 134
7.1.1 编辑行为 134
7.1.2 添加行为 135
7.2 标准事件 135
7.3 标准动作 137
7.3.1 交换图像 138
7.3.2 弹出信息 139
7.3.3 打开浏览器窗口 139
7.3.4 调用JavaScript 140
7.3.5 检查插件 141
7.3.6 转到URL 142
7.3.7 预先载入图像 142
7.3.8 设置文本 143
7.3.9 显示-隐藏元素 145
7.3.10 改变属性 145
7.3.11 恢复交换图像 146
7.3.12 检查表单 147
7.4 综合实战1——创建跳转菜单 147
7.5 综合实战2——拖动AP元素 149
高手支招 下载并使用更多的行为 150
在使用模板创建的网页中添加行为 150
第8章 动态网站开发筹备 151
8.1 ASP基础 152
8.1.1 初识ASP 152
8.1.2 创建ASP页面 152
8.2 配置IIS服务器 152
8.2.1 IIS简介 153
8.2.2 安装IIS组件 154
8.2.3 设置IIS服务器 154
8.3 连接数据库 156
8.3.1 创建数据库 156
8.3.2 定义站点 157
8.3.3 创建ODBC数据源 159
8.3.4 连接数据库 160
8.4 综合实战——留言板网站运行测试 160
高手支招 如何卸载IIS 161
设置【Internet选项】 162
第2篇 图片处理篇 164
第9章 Photoshop CC的基础操作 164
9.1 认识Photoshop CC工作界面 165
9.1.1 菜单栏 165
9.1.2 工具箱 166
9.1.3 选项栏 167
9.1.4 面板 167
9.1.5 状态栏 168
9.2 文件的基本操作 168
9.2.1 新建文件 168
9.2.2 打开文件 169
9.2.3 保存文件 170
9.2.4 关闭文件 173
9.3 图像的基本操作 174
9.3.1 查看图像 174
9.3.2 裁剪图像 179
9.3.3 修改图像大小 181
9.4 选区的基本操作 182
9.4.1 创建矩形和圆形选区 182
9.4.2 使用【选择】命令选择选区 186
9.4.3 使用【修改】命令调整选区 187
9.4.4 修改选区 190
9.4.5 管理选区 191
9.5 调整图像的色彩 192
9.5.1 设定前景色和背景色 192
9.5.2 使用拾色器设置颜色 193
9.5.3 使用【颜色】面板设置颜色 194
9.5.4 使用【色板】设置颜色 195
9.5.5 使用【吸管工具】设置颜色 196
9.5.6 使用【渐变工具】填充 196
9.6 图像色彩的高级调整 198
9.6.1 调整图像的色阶 198
9.6.2 调整图像的亮度/对比度 200
9.6.3 调整图像的色彩平衡 201
9.6.4 调整图像的曲线 202
9.6.5 调整图像的色相/饱和度 203
9.6.6 将彩色照片变成黑白照片 204
9.6.7 匹配图像颜色 204
9.6.8 为图像替换颜色 205
9.6.9 使用【可选颜色】命令调整图像 206
9.6.10 调整图像的阴影/高光 207
9.6.11 调整图像的曝光度 208
9.6.12 使用【通道混和器】命令调整图像的颜色 209
9.6.13 为图像添加渐变映射效果 210
9.6.14 调整图像的偏色 211
9.6.15 实现图片的底片效果 211
9.6.16 使用【色调均化】命令调整图像 212
9.6.17 制作黑白分明的图像效果 212
9.6.18 实现图片的特殊效果 213
9.6.19 实现图像不同色调区的调整 213
9.6.20 使用【自然饱和度】命令调整图像的色彩 214
9.6.21 使用【黑白】命令调整图像的色彩 214
9.6.22 自动调整图像 215
9.7 综合实战——为图片转换背景 215
高手支招 裁剪工具使用技巧 216
抠取照片中的人物 217
第10章 绘制与修饰图形图像 219
10.1 绘画工具 220
10.1.1 用【画笔】工具柔化皮肤 220
10.1.2 用【历史记录画笔】工具恢复色彩 222
10.1.3 用【历史记录艺术画笔工具】制作粉笔画 223
10.2 图像的修复 224
10.2.1 变换图形 224
10.2.2 使用【仿制图章工具】复制图像 225
10.2.3 使用【图案图章工具】制作特效背景 226
10.2.4 用【修复画笔工具】去除皱纹 226
10.2.5 用【污点修复画笔工具】去除雀斑 227
10.3 用【消失点】滤镜复制图像 229
10.4 图像的润饰 229
10.4.1 消除照片上的红眼 229
10.4.2 用模糊工具制作景深效果 230
10.4.3 实现图像的清晰化效果 231
10.4.4 用【涂抹工具】制作风刮效果 231
10.4.5 加深/减淡图像区域 232
10.4.6 用【海绵工具】制作艺术效果 232
10.5 擦除图像 233
10.5.1 制作图案叠加的效果 233
10.5.2 擦除背景颜色 234
10.5.3 使用魔术橡皮擦工具擦除背景 235
10.6 矢量工具创建的内容 236
10.6.1 形状图层 236
10.6.2 工作路径 237
10.6.3 填充区域 237
10.7 了解路径与锚点 238
10.7.1 填充路径 239
10.7.2 描边路径 239
10.7.3 路径和选区的转换 240
10.7.4 工作路径 240
10.7.5 【创建新路径】、【删除当前路径】按钮的使用 241
10.7.6 剪贴路径 241
10.8 锚点 242
10.9 使用形状工具 243
10.9.1 绘制规则形状 243
10.9.2 绘制不规则形状 246
10.9.3 自定义形状 247
10.10 钢笔工具 247
10.11 综合实战——删除照片中的无用文字 249
高手支招 如何巧妙“移植”对象 250
选择不规则图像 251
第11章 创建文字及效果 253
11.1 创建文字和文字选区 254
11.1.1 输入文字 254
11.1.2 设置文字属性 255
11.1.3 设置段落属性 255
11.2 转换文字形状 256
11.3 通过面板设置文字格式 256
11.4 栅格化文字 257
11.5 创建变形文字 258
11.6 创建路径文字 259
11.7 综合实战——翡翠文字 260
高手支招 为Photoshop添加字体 262
用【钢笔工具】和【文字工具】创建区域文字效果 262
第12章 图像的高级处理——图层、通道和蒙版 263
12.1 【图层】面板 264
12.2 图层的基本操作 265
12.2.1 选择图层 265
12.2.2 调整图层叠加次序 265
12.2.3 合并与拼合图层 266
12.2.4 图层编组 267
12.2.5 图层的对齐与分布 268
12.3 用图层组管理图层 269
12.3.1 管理图层 269
12.3.2 图层组的嵌套 270
12.3.3 图层组内图层位置的调整 270
12.4 图层样式 271
12.4.1 使用图层样式 271
12.4.2 制作投影效果 272
12.4.3 制作内阴影效果 273
12.4.4 制作文字外发光效果 273
12.4.5 制作内发光效果 274
12.4.6 创建立体图标 275
12.4.7 为文字添加光泽度 276
12.4.8 为图层内容套印颜色 277
12.4.9 实现图层内容套印渐变效果 278
12.4.10 为图层内容套印图案混合效果 278
12.4.11 为文字添加描边效果 279
12.5 图层的混合技术 280
12.5.1 盖印图层 280
12.5.2 图层的不透明度 281
12.5.3 填充图层 281
12.5.4 调整图层 282
12.5.5 自动对齐图层和自动混合图层 283
12.6 【通道】面板 285
12.7 通道的基本操作 286
12.7.1 分离通道 286
12.7.2 合并通道 287
12.7.3 应用图像 287
12.7.4 计算 288
12.8 矢量蒙版 289
12.9 蒙版的应用 290
12.9.1 创建蒙版 290
12.9.2 删除蒙版与停用蒙版 291
12.9.3 快速蒙版 291
12.9.4 剪切蒙版 292
12.9.5 图层蒙版 294
12.10 综合实战——制作啤酒广告 295
高手支招 复制智能滤镜 297
如何在通道中改变图像的色彩 297
第3篇 动画增效篇 300
第13章 Flash CC的基本操作 300
13.1 Flash CC的工作界面 301
13.1.1 开始页 301
13.1.2 工作界面 302
13.2 Flash文件的基本操作 302
13.2.1 新建Flash文件 302
13.2.2 打开Flash文件 303
13.2.3 保存和关闭Flash文件 304
13.3 常用绘图工具的应用 305
13.3.1 铅笔工具 305
13.3.2 钢笔工具 307
13.3.3 椭圆和基本椭圆工具 309
13.3.4 矩形和基本矩形工具 310
13.3.5 颜色工具 311
13.3.6 墨水瓶工具 313
13.3.7 颜料桶工具 314
13.3.8 滴管工具 316
13.3.9 渐变变形工具 317
13.4 对象的基本操作 318
13.4.1 选取对象 318
13.4.2 移动对象 319
13.4.3 复制对象 321
13.4.4 删除对象 322
13.4.5 对象的编组 323
13.4.6 变形对象 324
13.5 使用文字对象 327
13.5.1 使用文本工具输入文字 327
13.5.2 文字输入状态 328
13.5.3 对文字整体变形 329
13.5.4 对文字局部变形 330
13.6 综合实战1——绘制卡通动物 332
13.7 综合实战2——制作互动媒体按钮 334
高手支招 绘制五角星的方法 336
钢笔工具的灵活应用 336
如何在Flash中设置透明的渐变 337
第14章 管理我的动画素材——元件和库的运用 339
14.1 认识图层和时间轴 340
14.1.1 认识图层 340
14.1.2 图层的基本操作 341
14.1.3 认识“时间轴”面板 343
14.1.4 “时间轴”面板的基本操作 343
14.2 认识与创建元件 345
14.2.1 元件类型 345
14.2.2 创建图形元件 346
14.2.3 创建影片剪辑 347
14.2.4 创建按钮 348
14.3.5 启用按钮 350
14.3 使用“库”面板 351
14.3.1 认识“库”面板 351
14.3.2 库的管理和使用 352
14.4 综合实战——制作绚丽按钮 354
高手支招 正确区分图形、按钮和影片剪辑3种元件的方法 358
如何区分元件和实例 359
第15章 让静止的图片动起来——制作动画 361
15.1 制作逐帧动画 362
15.2 制作形状补间动画 363
15.2.1 制作简单变形 363
15.2.2 控制变形 364
15.3 制作补间动画 365
15.3.1 制作简单补间 365
15.3.2 制作多种渐变运动 366
15.4 制作传统补间动画 368
15.4.1 简单的传统补间动画 368
15.4.2 制作飘落的花 369
15.5 制作引导动画 371
15.5.1 引导动画的制作步骤 371
15.5.2 制作飞翔的海鸟 373
15.6 制作遮罩动画 375
15.6.1 创建遮罩图层 375
15.6.2 百叶窗效果 376
15.7 综合实战1——制作网站片头 380
15.8 综合实战2——制作逐渐显示的古诗 385
高手支招 如何在制作补间形状动画时获得最佳效果 387
如何制作一个点慢慢延伸出来的效果 388
第16章 欣赏制作的动画——测试和优化Flash作品 389
16.1 优化Flash影片 390
16.2 输出动画 391
16.2.1 SWF动画 391
16.2.2 GIF动画 393
16.3 影片的发布设置 395
16.3.1 【发布设置】对话框 395
16.3.2 发布Flash影片设置 396
16.4 综合实战——生成可执行文件 396
高手支招 如何导出单个和批量的文件 398
如何处理“帧”来优化影片 398
第4篇 综合实战篇 400
第17章 个人网站开发 400
17.1 网站开发的前期准备工作 401
17.1.1 确定网站的主题 401
17.1.2 确定网站的栏目并布局草图 401
17.2 创建本地站点 402
17.3 制作网站 402
17.3.1 制作网站的导航部分 402
17.3.2 制作网站的主体部分 406
17.3.3 制作网站版权信息部分 411
17.3.4 添加网页特效 414
高手支招 如何让人喜欢自己的网站 418
提高网站的创新性 418
第18章 商业网站开发 419
18.1 网站开发的前期准备工作 420
18.1.1 网站的策划 420
18.1.2 定位网站主题 420
18.1.3 确定网站的栏目和结构 420
18.1.4 准备网站素材 420
18.2 创建本地站点 421
18.3 库网页的制作 421
18.3.1 创建顶部库文件 421
18.3.2 创建底部库文件 428
18.4 创建模板 429
18.5 利用模板制作网页 435
高手支招 商业网站规划常见的问题 438
商业网站内容缺乏症的治疗 438
第19章 用Photoshop设计网页 439
19.1 汽车网页设计 440
19.2 房地产网页设计 448
第20章 制作Flash广告 453
20.1 Flash广告设计基础 454
20.2 基本制作步骤 454
20.3 设计前的指导 455
20.4 动画制作步骤详解 456
高手支招 如何才能有条理地制作动画 470
如何才能有条理地制作比较复杂的广告 470
如何才能遮住多余的影片 470
第21章 使用Flash制作企业门户网站 471
21.1 Photoshop CC设计网页元素 472
21.1.1 制作背景 472
21.1.2 制作LOGO 473
21.1.3 制作菜单 475
21.2 使用Flash制作宣传动画 476
21.3 使用Dreamweaver制作页面 479
21.3.1 需求分析 479
21.3.2 结构与布局 479
21.3.3 网站制作步骤 479
第5篇 高手秘技篇 488
第22章 打造赏心悦目的网站 488
22.1 色彩的基础知识 489
22.2 网页的安全颜色 490
22.3 如何处理色彩 491
22.4 网页色彩搭配原理 493
22.5 网页中色彩的搭配 493
22.6 网页元素的色彩搭配 494
22.7 网页色彩的搭配技巧 495
22.8 网页颜色的使用风格 497
22.9 精彩配色赏析 498
22.10 网站设计的风格定位 498
22.11 网站的版面编排 499
22.12 网站上的线条和形状 500
第23章 网站的优化与推广 501
23.1 网站宣传途径 502
23.2 SEO的作用 504
23.3 让更多的人从外部访问网站 504
23.4 使用关键词提高搜索引擎排名 506
23.5 保持站点的干净整洁 508
23.6 使用紧凑的网页主题 508
23.7 保证网站空间的稳定性 508
第24章 使用滤镜、笔刷和纹理 509
24.1 Eye Candy滤镜 510
24.2 KPT滤镜 511
24.3 使用笔刷绘制复杂的图案 511
24.4 使用纹理实现拼贴效果 512