第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.1 CSS基本语法 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.1 Flash概述 178
11.2 Flash CC的工作界面 179
11.2.1 菜单栏 179
11.2.2 工具箱 180
11.2.3 “时间轴”面板 180
11.2.4 舞台 181
11.2.5 “属性”面板 181
11.3 Flash动画的发布 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.2 CSS 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