第1章 网页设计基础知识 1
1.1 网站与网站开发 2
1.1.1 网站的概念 2
1.1.2 网站的构成 2
1.1.3 HTTP与FTP 2
1.1.4 IP地址与域名 3
1.1.5 网站开发语言 3
1.2 网页与网页设计 4
1.2.1 了解网页 4
1.2.2 网页构成元素 4
1.2.3 了解网页设计 5
1.3 网站规划设计 5
1.3.1 了解客户的需求 5
1.3.2 制作项目规划文案 5
1.3.3 规划网站主题及风格 6
1.3.4 规划网站内容 7
1.3.5 设计网站栏目及地图 8
1.3.6 制作网站页面 8
1.3.7 发布与推广网站 8
1.4 认识网页页面元素 9
1.4.1 网页页面元素种类 10
1.4.2 网页图像元素的格式 10
1.4.3 网页多媒体元素的分类 10
1.4.4 网页动画元素 12
1.5 网页版式与配色 12
1.5.1 页面版式的结构 13
1.5.2 认识网页安全色 13
1.5.3 基本配色的方法 13
1.6 设计网页图像元素 14
1.6.1 Logo设计 14
1.6.2 设计横幅 14
1.6.3 设计按钮 14
1.6.4 设计导航条 16
第2章 Dreamweaver CS6基本操作 17
2.1 Dreamweaver CS6的工作界面 18
2.1.1 菜单栏 18
2.1.2 文件工具栏 19
2.1.3 文件窗口 20
2.1.4 状态区 20
2.1.5 “属性”面板 20
2.1.6 面板组 21
2.1.7 “常用”插入面板 22
2.1.8 “布局”插入面板 22
2.1.9 “窗体”插入面板 22
2.1.1 0 “数据”插入面板 23
2.1.1 1 “Spry”插入面板 23
2.1.1 2 “jQuery Mobile”插入面板 23
2.1.1 3 “InContext Editing”插入面板 24
2.1.1 4 “文本”插入面板 24
2.1.1 5 “收藏夹”插入面板 24
2.2 创建站点 24
2.2.1 认识站点 25
2.2.2 站点及目录的作用 25
2.2.3 合理建立目录 25
2.2.4 创建本地站点 26
2.3 管理站点内容 27
2.3.1 添加文件或删除文件 27
2.3.2 实战：删除文件或文件夹 28
2.3.3 重命名文件或文件夹 28
2.4 网页文件的基本操作 28
2.4.1 创建空白网页 28
2.4.2 打开网页文件 29
2.5 设置网页文本 30
2.5.1 为网页输入文本 30
2.5.2 实战：设置文本属性 30
2.5.3 设置段落格式 31
2.5.4 设置列表格式 31
2.5.5 实战：设置特殊字符 32
2.5.6 实战：制作图文混排网站页面 33
2.6 为网页添加图像 34
2.6.1 插入图像 34
2.6.2 实战：鼠标经过图像 34
2.6.3 实战：添加背景图片 36
2.7 设置超级链接 36
2.7.1 文本和图像链接 37
2.7.2 实战：创建E-mail链接 37
2.7.3 锚记链接 37
2.7.4 空连接 38
2.7.5 下载链接 39
2.7.6 实战：创建具有连接的网页 39
2.8 插入Flash 40
2.9 操作答疑 41
2.9.1 专家答疑 41
2.9.2 操作习题 41
第3章 页面布局 43
3.1 利用表格布局页面 44
3.1.1 插入表格 44
3.1.2 设置表格属性 45
3.1.3 实战：插入嵌套表格 45
3.2 表格的基本操作 46
3.2.1 改变表格和单元格的大小 47
3.2.2 实战：创建表格排序 47
3.3 使用AP Div 49
3.3.1 创建AP Div 49
3.3.2 设置AP Div的属性 49
3.4 使用Spry布局对象 50
3.4.1 使用Spry菜单栏导航菜单 50
3.4.2 实战：创建Spry选项卡式面板 51
3.4.3 以Spry折叠式显示选项卡 52
3.4.4 使用Spry可折叠面板管理内容 53
3.5 创建框架 54
3.5.1 创建预定义框架集 54
3.5.2 实战：在框架中添加内容 55
3.5.3 创建嵌套框架集 59
3.6 保存框架和框架文件 60
3.6.1 保存框架 60
3.6.2 保存框架文件 60
3.6.3 保存框架集文件 61
3.6.4 保存所有的框架集文件 61
3.7 设置框架和框架集属性 61
3.7.1 设置框架属性 61
3.7.2 设置框架集属性 62
3.7.3 改变框架的背景颜色 62
3.7.4 实战：使用框架制作网页 63
3.7.5 实战：制作产品展示界面 68
3.8 操作题 71
3.8.1 专家答疑 71
3.8 2操作习题 71
第4章 使用CSS美化网页 73
4.1 CSS的概念 74
4.1.1 CSS的特点 74
4.1.2 CSS的基本语法 74
4.1.3 CSS样式表的选择器类型 75
4.2 创建CSS样式 76
4.2.1 创键新的CSS样式 77
4.2.2 设置CSS属性 78
4.2.3 创建嵌入式CSS样式 78
4.2.4 实战：链接外部样式表 79
4.2.5 实战：使用CSS布局模板 80
4.3 CSS样式的编辑 81
4.3.1 修改CSS样式 81
4.3.2 删除CSS样式 81
4.3.3 复制CSS样式 82
4.3.4 实战：用CSS样式美化页面内容 82
4.4 使用CSS过滤器 88
4.4.1 实例：Alpha滤镜 88
4.4.2 Blur滤镜 89
4.4.3 实战：FlipH滤镜 90
4.4.4 Glow滤镜 91
4.4.5 实战：Gray滤镜 92
4.4.6 Inve滤镜 93
4.4.7 实战：Wave滤镜 94
4.4.8 实战：Shadow滤镜 95
4.4.9 实战：Xray滤镜 96
4.5 操作答疑 97
4.5.1 专家答疑 97
4.5.2 操作习题 97
第5章 使用模版与库 99
5.1 使用模板 100
5.1.1 使用模板的优点 100
5 1.2 创建空白模板 100
5.1.3 创建和删除可编辑区域 100
5.1.4 实战：创建可选区域和重复区域 102
5.1.5 实战：从模板中分离 102
5.1.6 更新模板及基于模板的网页 103
5.2 使用库项目 104
5.2.1 认识库项目 104
5.2.2 创建库项目 104
5.2.3 实战：插入库项目 105
5.2.4 实战：编辑库项目 105
5.2.5 实战：制作模板和基于模板的网页 107
5.3 操作答疑 109
5.3.1 专家答疑 109
5.3.2 操作习题 109
第6章 使用表单 111
6.1 表单概述 112
6.2 创建表单域 112
6.3 插入文本域 113
6.3.1 单行文本域 113
6.3.2 实战：多行文本域 113
6.3.3 实战：插入密码域 114
6.4 单选按钮和复选框 115
6.4.1 复选框 115
6.4.2 实战：插入单选按钮 116
6.4.3 实战：插入单选按钮组 116
6.5 列表／菜单 117
6.6 跳转菜单 118
6.7 使用按钮激活表单 119
6.7.1 实战：插入按钮 119
6.7.2 实战：插入图像域 120
6.7.3 实战：会员注册表单 120
6.8 操作答疑 125
6.8.1 专家答疑 126
6.8.2 操作习题 126
第7章 为网页添加行为与第三方插件的使用 127
7.1 行为的含义 128
7.1.1 行为 128
7.1.2 使用“行为”面板 129
7.1.3 添加行为 129
7.2 内置行为 130
7.2.1 交换图像 130
7.2.2 实例：弹出信息 131
7.2.3 恢复交换图像 132
7.2.4 打开浏览器窗口 132
7.2.5 实战：拖动AP元素 134
7.2.6 改变属性 135
7.2.7 效果 136
7.2.8 实战：显示／渐隐 137
7.2.9 显示－隐藏元素 138
7.2.1 0检查插件 140
7.2.1 1调用JavaScript 141
7.2.1 2实战：转到URL 142
7.2.1 3设置文本 143
7.2.1 4实战：预先载入图像 145
7.2.1 5实战：制作环保网站 146
7.3 操作答疑 149
7.3.1 专家答疑 149
7.3.2 操作习题 149
第8章 网站上传与维护 151
8.1 网站上传前的准备工作 152
8.1.1 注册域名 152
8.1.2 申请空间 152
8.1.3 配置网站系统 152
8.2 站点的测试 153
8.2.1 报告 153
8.2.2 检查站点范围的链接 154
8.2.3 改变站点范围的链接 154
8.2.4 查找和替换 155
8.2.5 清理文档 155
8.3 网站宣传 156
8.3.1 利用大众传媒宣传 156
8.3.2 利用网络传媒 156
8.3.3 利用电子邮件 157
8.3.4 使用留言板、博客和论坛 157
8.3.5 注册搜索引擎 157
8.3.6 和其他网站交换链接 157
8.4 操作答疑 157
8.4.1 专家答疑 157
8.4.2 操作习题 158
第9章 初识Flash CS6 159
9.1 Flash CS6工作界面 160
9.1.1 菜单栏 160
9.1.2 工具箱 160
9.1.3 时间轴面板 160
9.1.4 属性面板 161
9.1.5 舞台和工作区 161
9.1.6 辅助工具 162
9.2 常用面板 163
9.2.1 颜色面板 163
9.2.2 样本面板 163
9.2.3 “历史记录”面板 164
9.3 场景 165
9.3.1 编辑场景 165
9.3.2 改变场景背景 165
9.3.3 场景跳转 165
9.4 时间轴 166
9.4 1帧和帧频 166
9.4.2 实战：编辑帧 167
9.4.3 使用绘图纸 168
9.5 输出和发布 168
9.5.1 测试Flash影片 168
9.5.2 实战：输出Flash作品 169
9.5.3 输出设置 169
9.5.4 发布预览 171
9.6 操作答疑 172
9.6.1 专家答疑 172
9.6.2 操作习题 172
第10章 图形的绘制与编辑 173
10.1 绘制直线 174
10.1.1 运用线条工具绘制直线 174
10.1.2 运用钢笔工具绘制直线 174
10.1.3 运用铅笔工具绘制直线 175
10.1.4 运用刷子工具绘制直线 175
10.1.5 实战：使用线条工具绘制圣诞树 176
10.2 绘制曲线 178
10.2.1 运用线条工具绘制曲线 178
10.2.2 运用钢笔工具绘制曲线 179
10.2.3 运用铅笔工具绘制曲线 179
10.2.4 实战：使用钢笔工具绘制石头 180
10.3 绘制矩形和圆角矩形 181
10.3.1 运用矩形工具绘制矩形 181
10.3.2 运用矩形工具绘制圆角矩形 182
10.3.3 运用基本矩形工具绘制圆角矩形 182
10.4 绘制椭圆和正圆 183
10.4.1 运用椭圆工具绘制椭圆 183
10.4.2 颜料桶工具 184
10.4.3 墨水瓶工具 185
10.4.4 橡皮擦工具 186
10.4.5 文本工具 186
10.5 绘制多边形和星形 187
10.5.1 运用多边形工具绘制多边形 187
10.5.2 实战：运用多边形工具绘制星形 188
10.5.3 实战：绘制音箱 189
10.6 文字的分离 191
10.6.1 分离文本 191
10.6.2 分散到图层 192
10.7 应用文本滤镜 192
10.7.1 投影滤镜 192
10.7.2 模糊滤镜 193
10.7.3 使用发光滤镜 193
10.7.4 斜角滤镜 194
10.7.5 使用渐变发光滤镜 194
10.7.6 渐变斜角滤镜 195
10.7.7 调整颜色 195
10.7.8 实战：制作燃烧的火焰 196
10.7.9 花刷子 197
10.7.1 0闪电刷子 198
10.7.1 1粒子系统 198
10.7.1 2烟动画 199
10.7.1 3树刷子 200
10.7.1 4实战：绘制卡通人物头部 200
10.8 操作答疑 201
10.8.1 专家答疑 202
10.8.2 操作习题 202
第11章 元件、实例和素材文件的使用 203
11.1 元件 204
11.1.1 实战：创建元件 205
11.1.2 实战：编辑元件 205
11.1.3 元件类型的相互转换 206
11.2 实例 207
11.2.1 实例的编辑 207
11.2.2 编辑实例的属性 207
11.3 导入素材 209
11.3.1 导入的基本方法 209
11.3.2 实战：导入PSD文件 209
11.3.3 实战：导入视频 210
11.3 4设置导入的位图属性 210
11.4 在动画中使用声音 211
11.4.1 导入声音 211
11.4.2 实战：压缩声音 212
11.4.3 实战：编辑声音 212
11.5 操作答疑 213
11.5.1 专家答疑 214
11.5.2 操作习题 214
第12章 制作Flash动画 215
12.1 逐帧动画 216
12.2 传统补间动画 216
12.3 补间形状动画 217
12.4 创建遮罩层 218
12.4.1 创建遮罩层 218
12.4.2 创建遮罩层与普通图层的关联 218
12.5 编辑遮罩层 219
12.5.1 显示遮罩层 219
12.5.2 隐藏遮罩层 219
12.5.3 实战：锁定遮罩层 220
12.5.4 实战：解锁遮罩层 220
12.5.5 取消遮罩层 220
12.5.6 实战：取消遮罩层与被遮罩层关联 221
12.6 制作遮罩动画 221
12.6.1 运动遮罩动画 221
12.6.2 实战：利用遮罩动画制作简约片头 222
12.7 运用引导层 226
12.7.1 创建普通引导层 226
12.7.2 创建运动引导层 226
12.7.3 转换普通引导层为运动引导层 227
12.7.4 取消与运动引导层的链接 228
12.7.5 实战：制作落叶动画 228
12.8 操作答疑 230
12.8.1 专家答疑 230
12.8.2 操作习题 230
第13章 认识PhotoShop CS6 231
13.1 初识Photoshop CS6 232
13.2 Photoshop CS6的工作界面 232
13.2.1 菜单栏 232
13 2 2 工具箱 233
13.2.3 选项栏 233
13.2.4 面板 234
13.2.5 图像窗口 234
13.2.6 状态栏 234
13.3 Photoshop CS6的基本操作 235
13.3.1 新建空白文档 235
13.3.2 打开文档 236
13.3.3 保存文档 236
13.3.4 关闭文档 236
13.4 认识色彩模式 237
13.4.1 RGB颜色模式 237
13.4.2 CMYK颜色模式 237
13.4.3 Lab颜色模式 238
13.4.4 灰度模式 238
13.4.5 位图模式 239
13.4.6 索引颜色模式 239
13.4.7 双色调模式 240
13.5 使用形状工具 240
13.5.1 绘制规则形状 240
13.5.2 绘制不规则形状 243
13.6 对图像进行修饰处理 244
13.6.1 变换图形 244
13.6.2 变形效果的应用 245
13.6.3 实战：制作花卉图案 246
13.6.4 实战：图章工具 247
13.6.5 实战：锐化工具 248
13.6.6 实战：为人物衣服替换颜色 249
13.7 操作答疑 249
13.7.1 专家答疑 249
13.7.2 操作习题 249
第14章 图层的应用 251
14.1 认识图层 252
14.1.1 图层概述 252
14.1.2 图层面板 252
14.2 创建图层 253
14.2.1 新建图层 254
14.2.2 图层的分类 254
14.2.3 实战：将背景图层转换为普通图层 254
14.2.4 实战：重命名图层 255
14.3 图层组的应用 255
14.3.1 创建与重命名图层组 255
14.3.2 将图层移入或移出图层组 255
14.3.3 删除图层组 256
14.4 图层的基本操作 256
14.4.1 选择图层 256
14.4.2 实战：复制图层 257
14.4 3隐藏与显示图层 257
14.4.4 图层不透明度与图层顺序 258
14.4.5 实战：链接图层 258
14.4.6 图层的合并 259
14.4.7 实战：制作火焰文字 259
14.4.8 实战：制作个性按钮 261
14.5 操作答疑 266
14.5.1 专家答疑 266
14.5.2 操作习题 266
第15章 工具的应用 267
15.1 裁剪图像 268
15.1.1 裁剪工具 268
15.1.2 实战：裁剪图像大小 268
15.1.3 用透视裁剪工具 269
15.1.4 用“裁剪”命令 269
15.1.5 用“裁切”命令 270
15.1.6 切片工具与切片选择工具 270
15.2 图像修饰工具 271
15.2.1 模糊工具与锐化工具 271
15.2.2 加深工具和减淡工具 272
15.2.3 海绵工具 272
15.2.4 涂抹工具 273
15.2.5 实战：模糊背景图像 273
15.2.6 实战：制作巧克力玫瑰 274
15.3 图像修复工具 275
15.3.1 污点修复画笔工具 275
15.3.2 修复画笔工具 276
15.3.3 修补工具 276
15.3.4 内容感知移动工具 277
15.3.5 红眼工具 278
15.3.6 仿制图章工具 279
15.3.7 图案图章工具 279
15.3.8 实战：去除照片中的红眼 280
15.3.9 实战：修复空缺区域 281
15.3.1 0实战：修复脏乱图像 281
15.4 应用“液化”滤镜扭曲图像 281
15.4.1 “液化”对话框 282
15.4.2 使用变形工具 282
15.4.3 设置工具选项 283
15.4.4 设置重建选项 283
15.4.5 设置蒙版选项 283
15.4.6 设置视图选项 284
15.4.7 实战：修出瘦脸 284
15.5 用“消失点”滤镜编辑照片 285
15.5.1 “消失点”对话框 285
15.5.2 实战：巧妙打造田园花布沙发 287
15.6 用Photomerge创建全景图 288
15.6.1 Photomerge”对话框 288
15.6.2 实战：将多张照片拼接成全景图 289
15.6.3 自动对齐图层 290
15.6.4 自动混合图层 290
15.7 镜头缺陷校正滤镜 290
15.7.1 “镜头校正”滤镜对话框 291
15.7.2 用滤镜校正失真照片 292
15.8 操作答疑 293
15.8.1 专家答疑 293
15.8.2 操作习题 293
第16章 使用文字、路径和切片 295
16.1 文字的输入与设置 296
16.1.1 输入文字 296
16.1.2 载入文本路径 297
16.1.3 设置文字属性 298
16.1.4 实战：制作个性简历 299
16.1.5 实战：制作可爱文字 300
16.2 编辑文本 303
16.2.1 设置文字变形 303
16.2.2 栅格化文字 304
16.3 认识路径 304
16.3.1 路径形态 304
16.3.2 路径的组成 304
16.3.3 “路径”面板 304
16.4 创建路径 305
16.4.1 使用“钢笔工具”创建路径 305
16.4.2 使用“自由钢笔工具” 305
16.4.3 将选区转换为路径 306
16.4.4 实战：制作可爱小脚丫图像 306
16.4.5 实战：绘制京剧脸谱 311
16.5 编辑路径 319
16.5.1 路径选择工具 319
16.5.2 直接选择工具 319
16.5.3 添加／删除锚点工具 319
16.5.4 转换点工具 319
16.6 使用路径面板 319
16.6.1 填充路径 319
16.6.2 描边路径 320
16.6.3 实战：路径和选区的转换 320
16.6.4 工作路径 321
16.6.5 使用“创建新路径”和“删除当前路径”按钮 321
16.6.6 复制路径 321
16.6.7 实战：绘制笑脸 322
16.7 网页切片输出 324
16.7.1 创建切片 324
16.7.2 编辑切片 325
16.7.3 输出切片 325
16.8 操作答疑 325
16.8.1 专家答疑 325
16.8.2 操作习题 326
第17章 综合实战案例 327
17.1 制作儿童摄影网站 328
17.1.1 使用Photoshop制作网页元素 328
17.1.2 使用Dreamweaver制作网页 333
17.2 制作红酒网站 344
17.2.1 制作导航动画 344
17.2.2 制作红酒网站 351
17.3 制作旅游网站 360
17.3.1 使用Photoshop设计网页布局 361
17.3.2 使用Flash制作网站宣传动画 366
17.3.3 使用Dreamweaver制作旅游网页 375
附录A 操作习题答案 381