完全掌握网页设计和网站制作实用手册

本书全面系统地介绍了DreamweaverCC、FlashCC、PhotoshopCC这3个软件的使用方法和技巧，通过大量实例，让读者一步一步掌握软件的使用方法，真正完成了从入门到精通的转变。在讲解基础知识的同时，以大量商业案例教授读者轻松掌握网页设计的方法。书中还介绍了大量的操作技巧与学习心得，让你迅速成为网页设计的高手。

前言
第1章 网页设计与网站建设基础 1
1.1 关于网页设计基础 1
1.1.1 什么是网页 1
1.1.2 Web标准的概念和特点 2
1.1.3 网页设计师应该具备的素养 3
1.2 常用网页设计软件 4
1.2.1 网页编辑排版软件：Dreamweaver CC 4
1.2.2 网页动画制作软件：Flash CC 4
1.2.3 网页图像设计软件：Photoshop CC 5
1.3 网站开发常用语言 6
1.3.1 网页标记语言：HTML 6
1.3.2 网页脚本语言：JavaScript 7
1.3.3 动态网页编程语言：ASP 9
1.4 网站的类型与特点 9
1.4.1 资讯类网站 10
1.4.2 电子商务类网站 10
1.4.3 娱乐类网站 10
1.4.4 机构类网站 12
1.4.5 时尚类网站 12
1.4.6 门户类网站 13
1.5 网站建设流程概述 13
1.5.1 了解客户的需求 13
1.5.2 制作项目规划文案 13
1.5.3 规划网站内容 14
1.5.4 设计网页图像 14
1.5.5 制作网页 15
1.5.6 开发动态网站模块 15
1.5.7 申请域名和服务器空间 16
1.5.8 网站的推广 17
第2章 网页色彩搭配 18
2.1 色彩的原理 18
2.2 色彩的分类 18
2.2.1 无彩色 19
2.2.2 有彩色 19
2.3 色彩的三要素 20
2.3.1 明度 20
2.3.2 色相 21
2.3.3 纯度 21
2.4 网页的配色技巧 22
2.4.1 背景与文字颜色搭配 22
2.4.2 使用一种色彩 23
2.4.3 使用对比色彩 23
2.4.4 使用相邻色彩 24
第3章 使用Dreamweaver CC创建基本文本网页 25
3.1 了解Dreamweaver CC的操作界面 25
3.2在Dreamweaver中搭建站点 28
3.2.1使用向导建立站点 28
3.2.2使用高级设置建立站点 29
3.3添加文本元素 32
3.3.1在网页中添加文本 32
3.3.2插入日期 33
3.3.3插入特殊字符 35
3.3.4插入水平线 36
3.4编辑文本格式 37
3.4.1设置文本字体 38
3.4.2设置文本大小 38
3.4.3设置文本颜色 39
3.5创建链接 39
3.5.1使用“属性”面板创建链接 40
3.5.2使用指向文件图标创建链接 40
3.5.3使用菜单命令创建链接 40
3.6实战演练——链接的设置 41
实例1——创建外部链接 41
实例2——创建E-mail链接 42
实例3——创建下载文件的链接 43
实例4——创建图像热点链接 45
3.7实战演练——创建基本文本网页 47
第4章 使用图像和多媒体美化网页 49
4.1 在网页中使用图像 49
4.1.1 插入图像 49
4.1.2 设置图像属性 51
4.1.3 裁剪图像 52
4.1.4 调整图像亮度和对比度 54
4.1.5 锐化图像 55
4.2 插入其他图像元素 56
4.2.1 插入背景图像 56
4.2.2 插入鼠标经过图像 57
4.3 添加背景音乐 59
4.3.1 使用代码提示添加背景音乐 59
4.3.2 使用插件添加音乐 62
4.4 插入其他媒体对象 63
4.4.1 插入Flash动画 63
4.4.2 插入Flash Video 65
4.5 实战演练 67
实例1——插入鼠标经过图像导航栏 67
实例2——创建图文并茂的网页 69
第5章 使用表格布局排版网页 72
5.1 插入表格 72
5.2 设置属性 74
5.2.1 设置表格属性 74
5.2.2 设置单元格属性 75
5.3选择表格元素 75
5.3.1 选取整个表格 75
5.3.2 选取行或列 76
5.3.3 选取单元格 77
5.4操作表格 78
5.4.1调整表格高度和宽度 78
5.4.2添加或删除行或列 80
5.4.3拆分单元格 81
5.4.4合并单元格 82
5.4.5剪切、复制、粘贴单元格 83
5.5实战演练 83
实例1——创建细线表格 83
实例2——制作圆角表格 86
第6章 使用CSS样式表美化网页 91
6.1 了解CSS样式表 91
6.2使用CSS 92
6.2.1CSS基本语法 92
6.2.2添加CSS的方法 93
6.3设置CSS样式表属性 95
6.3.1设置CSS类型属性 95
6.3.2设置CSS背景属性 95
6.3.3设置CSS区块属性 96
6.3.4设置CSS方框属性 97
6.3.5设置CSS边框属性 98
6.3.6设置CSS列表属性 98
6.3.7设置CSS定位属性 99
6.3.8设置扩展属性 99
6.3.9设置CSS过渡属性 100
6.4 使用CSS滤镜 100
6.4.1 滤镜概述 101
6.4.2 光晕 102
6.4.3 模糊 102
6.4.4 遮罩 103
6.4.5 透明色 103
6.4.6 阴影 104
6.4.7 波浪 105
6.4.8 X射线 105
6.5实战演练 106
实例1——应用CSS样式定义字体大小 106
实例2——应用CSS样式制作阴影文字 108
实例3——使用CSS样式设置下划线 110
第7章 使用CSS+DIV布局网页 113
7.1 初识DIV 113
7.2 CSS布局方法 115
7.2.1 利用DIV将页面分块 115
7.2.2 利用CSS定位各块的位置 116
7.3 常见的布局类型 118
7.3.1 单行单列固定宽度 118
7.3.2 一列自适应 119
7.3.3 两列固定宽度 120
7.3.4 两列宽度自适应 121
7.3.5 三列浮动中间宽度自适应 122
第8章 使用模板和库批量制作风格统一的网页 124
8.1 创建模板 124
8.1.1从空白文档创建模板 124
8.1.2从现有文档创建模板 125
8.2操作可编辑区域 127
8.2.1插入可编辑区域 127
8.2.2删除可编辑区域 128
8.2.3选中可编辑区域 128
8.3使用模板创建网页 129
8.4管理站点中的模板 131
8.4.1删除模板 131
8.4.2修改模板 132
8.5创建与应用库项目 133
8.5.1创建库项目 134
8.5.2应用库项目 136
8.5.3插入库项目 137
8.6实战演练 138
实例1——创建模板 138
实例2——利用模板创建网页 148
第9章 使用行为设计动感特效网页 152
9.1 了解动作和事件 152
9.1.1 动作 152
9.1.2 事件 153
9.2 添加与修改行为 154
9.2.1 行为的添加 154
9.2.2 行为的修改 154
9.3 使用Dreamweaver内置行为 155
9.3.1 “交换图像”行为 155
9.3.2 “弹出信息”行为 157
9.3.3 “打开浏览器窗口”行为 158
9.3.4 “设置状态栏文本”行为 160
9.3.5 “调用JavaScript”行为 162
9.3.6 “转到URL”行为 163
9.3.7 Blind行为 165
9.3.8 Bounce行为 167
9.3.9 “检查插件”行为 169
9.3.10 “检查表单”行为 169
第10章 动态网页设计基础 172
10.1 使用表单 172
10.2搭建动态应用程序开发环境 174
10.2.1安装IIS 174
10.2.2设置IIS 176
10.3创建数据库连接 177
第11章 Flash基础知识 178
11.1Flash概述 178
11.2Flash CC的工作界面 179
11.2.1菜单栏 179
11.2.2工具箱 180
11.2.3“时间轴”面板 180
11.2.4舞台 181
11.2.5“属性”面板 181
11.3Flash动画的发布 182
第12章 绘制图形和编辑对象 186
12.1绘制图形对象 186
12.1.1线条工具 186
12.1.2铅笔工具 187
12.1.3钢笔工具 188
12.1.4椭圆工具 189
12.1.5矩形工具 190
12.1.6多角星形工具 191
12.2填充图形对象 192
12.2.1墨水瓶工具 192
12.2.2颜料桶工具 193
12.2.3滴管工具 194
12.2.4刷子工具 195
12.3操作图形对象 197
12.3.1选择对象 197
12.3.2移动对象 198
12.3.3 复制对象 199
12.3.4 删除对象 200
12.4使用任意变形工具 200
12.4.1缩放对象 201
12.4.2旋转对象 202
12.5使用文本工具 203
12.5.1静态文本 203
12.5.2动态文本 204
12.5.3输入文本 205
12.6实战演练 206
实例1——绘制网页标志 206
实例2——绘制网络贺卡 208
实例3——制作空心文字 213
第13章 使用元件、实例和库 215
13.1元件的应用 215
13.1.1元件的类型 215
13.1.2创建图形元件 216
13.1.3将对象转换为图形元件 217
13.1.4将对象转换为影片剪辑元件 217
13.2实例的应用 218
13.2.1创建实例 219
13.2.2交换元件实例 221
13.2.3改变实例的颜色和透明度 222
13.2.4改变实例类型 223
13.2.5分离实例 224
13.3库的应用 225
13.4实战演练 227
实例1——文字效果 227
实例2——随着鼠标缩放按钮 230
第14章 使用时间轴与图层制作动画 233
14.1时间轴与帧 233
14.1.1时间轴 233
14.1.2帧 234
14.2图层 234
14.2.1创建图层 235
14.2.2编辑图层 236
14.2.3修改图层属性 237
14.3引导层 238
14.3.1创建引导层动画 238
14.3.2创建引导层动画实例 239
14.4遮罩层 242
14.5实战演练——利用遮罩层制作动画 244
第15章 创建基本Flash动画 247
15.1 创建逐帧动画 247
15.1.1 创建逐帧动画的方法 247
15.1.2 制作逐帧动画实例 248
15.2 创建补间动画 250
15.2.1 创建补间动画的方法 250
15.2.2 利用动画补间创建对象的缩放与淡出效果 250
15.3 创建形状补间动画 252
15.3.1 创建形状补间动画的方法和技巧 252
15.3.2 创建形状补间动画实例 253
15.4编辑与处理声音 255
15.4.1导入声音 255
15.4.2添加声音 255
15.4.3编辑声音 257
15.5制作视频动画 259
第16章 使用Photoshop CC制作网页图像 261
16.1 编辑图像文件 261
16.1.1 新建与保存网页图像文件 261
16.1.2 打开网页图像文件 263
16.2 使用页面布局工具 263
16.2.1 使用标尺 263
16.2.2 使用参考线 264
16.2.3 使用矩形工具 265
16.2.4 使用直线工具 266
16.2.5 使用单行（列）选框工具 266
16.3设置前景色和背景色 267
16.4 创建选择区域 268
16.4.1 选框工具 268
16.4.2 套索工具 268
16.4.3 魔棒工具 269
16.4.4 制作透明图像 269
16.5 基本绘图工具 271
16.5.1 画笔工具 271
16.5.2 铅笔工具 272
16.5.3 减淡和加深工具 273
16.6 实战演练——绘制网站标志 274
第17章 网页切片输出与动画制作 277
17.1 创建与编辑切片 277
17.1.1 切片方法 277
17.1.2 编辑切片选项 278
17.1.3 优化和输出切片 279
17.2 保存图像 280
17.3 创建GIF动画 281
17.3.1 认识“动画”面板 281
17.3.2 创建动画 282
17.3.3 存储动画 285
17.4 实战演练——企业网站首页 285
第18章 Photoshop网页图像设计 289
18.1 网站Logo的制作 289
18.2网站Banner的制作 292
18.3 网站按钮的制作 294
18.4导航条的制作 296
18.5文字特效的设计 298
18.5.1绚彩果冻字 298
18.5.2立体多彩字 300
第19章 HTML 5与CSS 3指南 303
19.1 HTML 5简介 303
19.1.1 HTML 5的特点 303
19.1.2 HTML 5的基本布局 304
19.2 HTML 5结构元素 307
19.2.1 header 308
19.2.2 nav 309
19.2.3 footer 309
19.2.4 article 310
19.3 预览激动人心的CSS 3 311
19.3.1 CSS 3的发展历史 311
19.3.2CSS 3的新增特性 311
19.3.3主流浏览器对CSS 3的支持 317
19.4 使用CSS 3实现圆角表格 317
第20章 设计企业宣传型网站 319
20.1 网站的前期策划 319
20.1.1 明确企业网站的建站目的 319
20.1.2 网站的总体策划 320
20.2 网站的版面布局及色彩 320
20.2.1 确定网站的色彩 320
20.2.2 草案及粗略布局 321
20.3 网站首页的设计 322
20.3.1 首页的设计 322
20.3.2 切割首页 326
20.4 本地站点的创建 327
20.5 二级模板页面的设计 329
20.5.1 创建库文件 329
20.5.2 创建模板 331
20.5.3 利用模板创建二级页面 335
第21章 网站的推广与SEO优化 338
21.1网站的推广 338
21.1.1 网站推广的目的 338
21.1.2 网站推广的方式 339
21.2网站的维护 342
21.2.1 网站的软硬件维护 342
21.2.2 网站的内容维护 343
21.2.3 网站备份 343
21.3搜索引擎优化SEO 344
21.3.1 什么是搜索引擎 344
21.3.2 影响SEO排名的因素 344
21.3.3 理解搜索引擎关键字 346