第1章 网页设计基础 1
1.1 网站设计概述 2
1.1.1 网站整体策划 2
1.1.2 网页设计任务 2
1.1.3 网页设计实现 4
1.2 网页设计与开发技术 6
1.2.1 前台技术 6
1.2.2 后台技术 7
1.3 网页构成与布局 8
1.3.1 网页版块构成 8
1.3.2 网页布局 9
1.4 网页配色 10
1.4.1 色彩的基础概念 10
1.4.2 色彩的模式 14
1.4.3 自定义网页颜色 15
1.4.4 色彩推移 16
1.5 网页的艺术表现与风格设计 17
1.5.1 网页形式的艺术表现 17
1.5.2 网页构成的艺术表现 19
1.5.3 网页纹理的艺术表现 20
1.5.4 网页设计风格类型 22
第2章 网页图像设计基础 24
2.1 Photoshop CC 2015简介 25
2.1.1 Photoshop基本功能 25
2.1.2 Photoshop CC 2015新增功能 26
2.1.3 Photoshop窗口界面 28
2.2 Photoshop基本操作 32
2.2.1 文件操作 32
2.2.2 图像操作 32
2.3 选取区域与绘制 34
2.3.1 使用选框工具 34
2.3.2 使用套索工具 36
2.3.3 使用魔棒工具 37
2.3.4 【色彩范围】命令 37
2.3.5 选区基本操作 39
2.4 练习：设计网站Logo 41
2.5 练习：制作个人博客网页界面 44
2.6 新手训练营 48
第3章 网页图像处理 51
3.1 应用图层 52
3.1.1 图层的基本操作 52
3.1.2 图层分组 54
3.1.3 图层的混合模式 55
3.1.4 图层样式 58
3.2 绘制与修复图像 59
3.2.1 画笔工具 59
3.2.2 图章工具 61
3.2.3 填充工具 62
3.3 使用路径效果 63
3.3.1 钢笔工具 63
3.3.2 自由钢笔工具 64
3.3.3 几何图路径 64
3.3.4 形状路径 66
3.4 创建图像文本 67
3.4.1 创建文本 67
3.4.2 创建段落文本 68
3.4.3 修改文字外观 68
3.4.4 文字绕路径 69
3.5 练习：设计化妆品广告网幅 70
3.6 练习：制作火焰特效文字 73
3.7 新手训练营 77
第4章 网页界面设计 80
4.1 应用蒙版 81
4.1.1 快速蒙版 81
4.1.2 剪贴蒙版 81
4.1.3 图层蒙版 82
4.1.4 矢量蒙版 83
4.2 应用滤镜 85
4.2.1 校正性滤镜 85
4.2.2 破坏和效果性滤镜 87
4.2.3 Adobe Camera Raw滤镜 87
4.3 应用3D效果 89
4.3.1 创建3D对象 89
4.3.2 编辑3D对象 90
4.3.3 设置3D对象属性 91
4.4 优化设置 93
4.4.1 制作切片 93
4.4.2 优化图像 94
4.5 练习：制作喷溅边框 95
4.6 练习：制作网页首页 98
4.7 新手训练营 102
第5章 网页动画设计 105
5.1 Flash CC简介 106
5.1.1 Flash CC的工作界面 106
5.1.2 Flash CC的新增功能 107
5.1.3 网页动画形式 108
5.2 管理库资源 109
5.2.1 导入动画素材 109
5.2.2 创建元件 109
5.3 绘制矢量图形 111
5.3.1 使用线条工具 111
5.3.2 使用铅笔工具 111
5.3.3 使用椭圆工具 112
5.3.4 设置颜色工具 113
5.3.5 使用矩形工具 114
5.4 对象的基本操作 115
5.4.1 选择固定区域 115
5.4.2 选择不规则区域 116
5.4.3 任意变形形状 116
5.5 设置动画文本 117
5.5.1 创建文本 117
5.5.2 编辑文本 117
5.6 练习：制作古诗鉴赏界面 118
5.7 练习：制作邮票 120
5.8 新手训练营 123
第6章 交互动画设计 125
6.1 Flash滤镜和色彩 126
6.1.1 滤镜 126
6.1.2 色彩效果 128
6.2 传统动画设计 129
6.2.1 补间形状动画 129
6.2.2 传统补间动画 130
6.2.3 运动引导动画 131
6.2.4 遮罩动画 132
6.2.5 逐帧动画 133
6.3 补间动画设计 133
6.3.1 补间动作动画 133
6.3.2 动画编辑器 134
6.4 练习：制作圣诞贺卡 135
6.5 练习：制作网页时尚广告 138
6.6 新手训练营 142
第7章 设置网页文本 144
7.1 Dreamweaver CC简介 145
7.1.1 Dreamweaver CC新增功能 145
7.1.2 Dreamweaver CC工作界面 147
7.2 设置网页文档 148
7.2.1 创建站点 148
7.2.2 创建网页文档 150
7.2.3 设置网页属性 151
7.3 设置网页文本 154
7.3.1 插入网页文本 154
7.3.2 设置文本属性 155
7.3.3 插入特殊文本 156
7.4 设置文档列表 157
7.4.1 项目列表与编号 157
7.4.2 嵌套项目列表 158
7.4.3 设置列表属性 159
7.5 设置文本格式 159
7.5.1 设置HTML样式 159
7.5.2 设置段落样式 160
7.6 练习：制作诗词欣赏页 162
7.7 练习：制作班级管理制度 164
7.8 新手训练营 167
第8章 设置网页图像元素 170
8.1 添加图像 171
8.1.1 网页图像格式 171
8.1.2 插入图像 171
8.1.3 设置图像属性 172
8.2 编辑图像 173
8.2.1 更改图像 173
8.2.2 调整图像 174
8.2.3 使用图像热点 175
8.3 插入图像对象 176
8.3.1 插入背景图像 176
8.3.2 插入Photoshop智能对象 176
8.4 练习：制作招商信息网页 178
8.5 练习：制作新闻图片网页 181
8.6 新手训练营 186
第9章 设置网页链接 189
9.1 创建文本与图像链接 190
9.1.1 创建文本链接 190
9.1.2 创建图像链接 191
9.2 编辑链接 191
9.2.1 检查链接状态 191
9.2.2 测试链接 192
9.2.3 更改所有链接 192
9.2.4 设置新链接的相对路径 193
9.3 创建其他链接 193
9.3.1 创建电子邮件链接 193
9.3.2 创建脚本链接 194
9.3.3 创建空链接 194
9.3.4 创建文件下载链接 195
9.3.5 创建锚记链接 195
9.4 练习：制作页面导航条 196
9.5 练习：制作网站引导页 198
9.6 新手训练营 200
第10章 设计多媒体网页 203
10.1 插入Flash 204
10.1.1 插入Flash动画 204
10.1.2 插入Flash视频 205
10.2 插入HTML5媒体 207
10.2.1 插入HTML5音频 207
10.2.2 插入HTML5视频 208
10.2.3 HTML5媒体属性 209
10.2.4 HTML5媒体方法 212
10.2.5 HTML5媒体事件 213
10.3 插入其他媒体对象 214
10.3.1 插入Edge Animate 214
10.3.2 插入媒体插件 215
10.4 练习：制作音乐播放网页 216
10.5 练习：制作导航条版块 219
10.6 新手训练营 222
第11章 传统方式布局 224
11.1 创建表格 225
11.1.1 插入表格 225
11.1.2 创建嵌套表格 225
11.1.3 添加表格内容 226
11.2 编辑表格 227
11.2.1 选择表格 227
11.2.2 调整表格 227
11.2.3 操作单元格 229
11.3 设置表格 230
11.3.1 设置表格属性 230
11.3.2 设置单元格属性 231
11.4 处理表格数据 231
11.4.1 排序数据 231
11.4.2 导入／导出表格数据 232
11.5 应用IFrame框架 233
11.5.1 IFrame框架概述 233
11.5.2 插入IFrame框架 234
11.5.3 链接IFrame框架页面 235
11.6 练习：制作个人简历 235
11.7 练习：制作购物车页 240
11.8 新手训练营 242
第12章 设计表单元素 244
12.1 添加表单 245
12.1.1 表单概述 245
12.1.2 插入表单 245
12.2 添加文本和网页元素 247
12.2.1 添加文本元素 247
12.2.2 添加网页元素 249
12.3 添加日期和时间元素 252
12.3.1 添加月和周对象 252
12.3.2 添加日期时间对象 253
12.4 添加选择与按钮元素 254
12.4.1 添加选择元素 254
12.4.2 添加按钮元素 257
12.5 练习：制作用户注册页面 259
12.6 练习：制作问卷调查表 263
12.7 新手训练营 266
第13章 XHTML标记语言 268
13.1 XHTML基本语法 269
13.1.1 XHTML概述 269
13.1.2 XHTML文档结构 269
13.1.3 XHTML文档类型声明 270
13.2 XHTML语法规范和属性 270
13.2.1 XHTML语法规范 271
13.2.2 XHTML标准属性 272
13.3 XHTML常用元素 273
13.3.1 块状标签 273
13.3.2 内联标签 275
13.3.3 按钮标签 276
13.3.4 内联框架标签 277
13.4 练习：制作友情链接页面 278
13.5 练习：制作全景图像欣赏页面 282
13.6 新手训练营 284
第14章 设计网页元素样式 287
14.1 CSS样式概述 288
14.1.1 了解CSS样式 288
14.1.2 CSS样式分类 289
14.1.3 CSS书写规范 290
14.2 使用【CSS设计器】面板 291
14.2.1 源 291
14.2.2 @媒体 293
14.2.3 选择器 294
14.2.4 属性 294
14.3 CSS选择器和方法 295
14.3.1 CSS选择器 295
14.3.2 CSS选择方法 297
14.4 设置CSS样式 298
14.4.1 设置布局样式 298
14.4.2 设置文本样式 299
14.4.3 设置边框样式 301
14.4.4 设置背景样式 301
14.5 使用CSS过渡效果 302
14.5.1 创建CSS过渡效果 302
14.5.2 编辑CSS过渡效果 303
14.6 练习：制作多彩时尚页 303
14.7 练习：制作图片新闻页 306
14.8 新手训练营 309
第15章 布局网页 311
15.1 应用Div标签 312
15.1.1 了解Div标签 312
15.1.2 插入Div标签 312
15.1.3 编辑Div标签 313
15.2 CSS盒模型 314
15.2.1 盒模型概述 314
15.2.2 设置盒模型属性 315
15.2.3 CSS 3.0新增盒模型属性 317
15.3 CSS布局方式 318
15.3.1 流动布局 318
15.3.2 浮动布局 319
15.3.3 绝对定位布局 320
15.4 练习：制作企业网页 322
15.5 练习：制作家居网页 324
15.6 新手训练营 327
第16章 网页行为特效 329
16.1 网页行为概述 330
16.1.1 什么是行为 330
16.1.2 行为面板概述 330
16.2 设置文本信息行为 331
16.2.1 设置容器文本 331
16.2.2 设置文本域文字 331
16.2.3 设置状态栏文本 332
16.2.4 设置框架文本 332
16.3 设置网页信息行为 333
16.3.1 设置窗口信息行为 333
16.3.2 设置图像信息行为 334
16.3.3 设置跳转信息行为 335
16.3.4 设置其他网页信息行为 336
16.4 设置jQuery效果 338
16.4.1 设置Blind效果 338
16.4.2 设置Highlight效果 339
16.4.3 其他jQuery效果 339
16.5 练习：制作网页导航 340
16.6 练习：制作企业首页 343
16.7 新手训练营 347