第1章 网页设计与网站建设基础 2
1.1 网页设计基础知识 2
1.1.1 网页、网站和首页 2
1.1.2 网页基本元素的功能 4
1.1.3 网页色彩搭配 6
1.2 网站建设流程 7
1.2.1 网站结构规划 7
1.2.2 网站页面的制作 8
1.2.3 网站的测试 8
1.2.4 网站的上传与发布 9
第2章 Dreamweaver CC轻松入门 11
2.1 Dreamweaver CC工作界面 11
2.1.1 菜单栏 11
2.1.2 文档工具栏 11
2.1.3 文档窗口 12
2.1.4 “属性”面板 13
2.1.5 面板组 13
2.1.6 “插入”面板 13
2.2 站点的创建与管理 14
2.2.1 创建站点 14
2.2.2 设置站点 15
2.2.3 管理站点 15
2.3 网页文档的基本操作 18
2.3.1 创建空白文档 18
2.3.2 保存和关闭网页文档 19
2.3.3 打开网页文档 20
2.3.4 预览网页 20
2.4 设置页面属性 21
2.4.1 设置外观属性 21
2.4.2 设置链接属性 23
第3章 添加网页基本对象 25
3.1 在网页中添加文本 25
3.1.1 添加普通文本 25
3.1.2 插入其他文本元素 27
3.2 在网页中插入图像 29
3.2.1 插入图像 29
3.2.2 设置图像属性 30
3.2.3 编辑图像 31
3.2.4 插入鼠标经过图像 34
3.2.5 插入Flash动画 35
3.2.6 插入声音 36
第4章 创建网页链接 40
4.1 认识超链接 40
4.1.1 绝对路径 40
4.1.2 相对路径 40
4.2 管理网页超链接 40
4.2.1 自动更新链接 40
4.2.2 在站点范围内更改链接 41
4.2.3 检查站点中的链接错误 42
4.3 在网页中创建超链接 42
4.3.1 创建图像链接 43
4.3.2 创建图像热点链接 44
4.3.3 创建电子邮件链接 45
4.3.4 创建空链接 45
4.3.5 创建下载文件链接 46
4.3.6 创建脚本链接 47
第5章 使用表格布局网页 49
5.1 插入表格 49
5.1.1 插入普通表格 49
5.1.2 创建嵌套表格 50
5.2 选择表格 51
5.2.1 选择整个表格 51
5.2.2 选择行或列 52
5.2.3 选择单元格 52
5.3 表格和单元格属性的设置 53
5.3.1 设置表格属性 53
5.3.2 设置单元格属性 57
5.4 表格和单元格的编辑 58
5.4.1 复制与粘贴单元格 58
5.4.2 添加与删除行和列 59
5.4.3 合并与拆分单元格 60
5.5 导入及整理表格内容 62
5.5.1 导入表格式数据 62
5.5.2 排序表格 63
第6章 使用模板和库制作网页 63
6.1 创建模板 66
6.1.1 新建模板 66
6.1.2 从现有文档创建模板 67
6.2 创建可编辑区域 67
6.2.1 插入可编辑区域 67
6.2.2 删除可编辑区域 68
6.2.3 应用模板创建网页 68
6.3 创建与应用库项目 71
6.3.1 创建库项目 71
6.3.2 应用库项目 73
6.3.3 修改库项目 74
第7章 使用表单 77
7.1 表单的创建 77
7.1.1 了解表单 77
7.1.2 创建表单 77
7.1.3 设置表单属性 78
7.2 表单对象的添加 79
7.2.1 添加文本域 79
7.2.2 添加单选按钮 81
7.2.3 添加密码域 82
7.2.4 添加选择域 83
7.2.5 添加Tel域 84
7.2.6 添加电子邮件域 85
7.2.7 添加日期域和图像按钮域 86
7.2.8 添加复选框 86
7.2.9 添加文本区域 87
7.2.10 添加文件域 88
7.2.11 添加“重置“和“提交”按钮 88
第8章 使用行为创建网页 91
8.1 什么是行为 91
8.1.1 关于行为 91
8.1.2 Dreamweaver中可添加的动作 91
8.1.3 事件 92
8.2 利用行为调节浏览器窗口 94
8.2.1 使用“打开浏览器窗口”行为 94
8.2.2 调用JavaScript脚本创建自动关闭网页 95
8.2.3 创建转到URL网页 96
8.3 利用行为制作图像特效 97
8.3.1 交换图像与恢复交换图像 97
8.3.2 预先载入图像 99
8.4 利用行为显示文本 100
8.4.1 设置弹出信息 100
8.4.2 设置状态栏文本 101
8.5 利用行为控制表单 102
8.5.1 创建跳转菜单 102
8.5.2 检查表单 103
8.6 利用行为应用效果 105
8.6.1 应用Blind(百叶窗)效果 105
8.6.2 应用Bounce(晃动)效果 106
第9章 使用CSS样式布局网页 109
9.1 CSS基本知识 109
9.2.1 CSS的基本概念 109
9.1.2 CSS的基本语法 109
9.2 设置CSS样式 110
9.2.1 设置“类型”属性 110
9.2.2 设置“背景”属性 111
9.2.3 设置“区块”属性 111
9.2.4 设置“方框”属性 112
9.2.5 设置“边框”属性 113
9.2.6 设置“列表”属性 114
9.2.7 设置“定位”属性 114
9.2.8 设置“扩展”属性 115
9.2.9 设置“过渡”属性 115
9.3 CSS定位 116
9.3.1 盒子模型概念 116
9.3.2 float定位 117
9.3.3 position定位 120
9.4 常见的布局类型 121
9.4.1 单行单列固定宽度 121
9.4.2 一列自适应 122
9.4.3 两列固定宽度 123
9.4.4 两列宽度自适应 124
9.4.5 三列浮动中间宽度自适应 125
第10章 Flash CC快速入门 128
10.1 Flash CC简介 128
10.1.1 Flash概述 128
10.1.2 位图和矢量图的区别 128
10.1.3 Flash动画的优点 129
10.2 Flash CC工作界面 130
10.2.1 工作界面 130
10.2.2 菜单栏 131
10.2.3 工具箱 133
10.2.4 时间轴 134
10.2.5 面板 134
10.2.6 场景和舞台 135
10.3 Flash CC基本操作 136
10.3.1 文档管理 136
10.3.2 工作区操作 138
10.4 Flash CC基本工具的使用 140
10.4.1 绘图工具 140
10.4.2 选取工具 147
10.4.3 颜色设置工具 150
10.4.4 文本工具 153
第11章 使用元件、实例与库 157
11.1 创建、编辑与使用元件 157
11.1.1 元件的创建 157
11.1.2 元件的编辑 161
11.1.3 使用元件 163
11.2 实例的创建与编辑 164
11.2.1 创建实例 164
11.2.2 编辑实例 164
11.3 “库”的使用 166
第12章 创建基本的Flash动画 166
12.1 时间轴与帧 170
12.1.1 认识“时间轴”面板 170
12.1.2 认识帧 171
12.1.3 编辑帧 172
12.1.4 设置帧频 174
12.2 认识图层 175
12.2.1 新建图层 175
12.2.2 编辑图层 176
12.3 基本动画的制作 178
12.3.1 Flash动画制作流程 178
12.3.2 制作逐帧动画 179
12.3.3 制作传统补间动画 181
12.3.4 制作补间形状动画 185
12.3.5 制作补间动画 188
12.3.6 制作引导动画 192
12.3.7 制作遮罩动画 195
第13章 Photoshop CC快速入门 195
13.1 Photoshop CC工作界面 200
13.2 Photoshop CC基本操作 202
13.2.1 文件管理 203
13.2.2 调整网页图像的大小 204
13.3 Photoshop CC基本工具的使用 207
13.3.1 创建选区工具 208
13.3.2 选区的编辑 214
13.3.3 基本绘图工具 219
13.3.4 路径工具 225
13.3.5 文字工具 233
13.4 认识常用面板 236
13.4.1 “图层”面板 236
13.4.2 图层样式的应用 239
13.4.3 图层蒙版的应用 244
13.4.4 认识“蒙版”属性面板 245
第14章 使用Photoshop处理网页图像画 245
14.1 图像的修复 247
14.1.1 修复工具组 247
14.1.2 图章工具组 250
14.2 图像的修饰 252
14.2.1 模糊、锐化、涂抹工具 252
14.2.2 减淡、加深、海绵工具 254
14.3 调整图像色彩 256
14.3.1 使用“亮度/对比度”命令调整图像 256
14.3.2 使用“色阶”命令调整图像 257
14.3.3 使用“曲线”命令调整图像 259
14.3.4 使用“色相/饱和度”命令调整图像 261
14.3.5 使用“色彩平衡”命令调整图像 263
14.3.6 使用“通道混和器”命令调整图像颜色 264
14.3.7 使用“反相”命令调整图像 266
14.3.8 使用“色调分离”命令调整图像色调 266
14.3.9 使用“阈值”命令调整图像 267
14.3.10 使用“渐变映射”命令调整图像 267
14.3.11 使用“可选颜色”命令调整图像 268
14.3.12 使用“阴影/高光”命令调整图像 269
14.3.13 使用“HDR色调”命令调整图像 269
14.3.14 使用“变化”命令调整图像 270
14.3.15 使用“去色”命令去除图像颜色 271
14.3.16 使用“匹配颜色”命令调整图像 272
14.3.17 使用“替换颜色”命令调整图像 273
第15章 滤镜应用与切割、优化输出图像画 273
15.1 认识滤镜 275
15.2 常用的滤镜效果 276
15.2.1 滤镜库中的滤镜 276
15.2.2 Camera Raw滤镜 277
15.2.3 “液化”滤镜 279
15.2.4 “模糊”滤镜组 280
15.2.5 “扭曲”滤镜组 282
15.2.6 “杂色”滤镜组 284
15.2.7 “像素化”滤镜组 285
15.2.8 “渲染”滤镜组 285
15.2.9 “锐化”滤镜组 286
15.2.10 “风格化”滤镜组 287
15.3 网页图像的切割 289
15.3.1 创建切片 290
15.3.2 编辑切片 290
15.3.3 输出切片 291
15.4 网页图像的优化与输出 291
15.4.1 图像的优化 291
15.4.2 保存图像 292
15.4.3 输出透明GIF图 292
第16章 企业网站设计综合实例 292
16.1 企业网站设计规划 296
16.1.1 企业网站分类 296
16.1.2 功能规划 298
16.1.3 创意分析 300
16.1.4 色彩搭配 301
16.2 制作企业网站Banner 302
16.3 制作企业网站首页 306
16.3.1 TOP部分效果制作 306
16.3.2 主体左侧部分效果制作 310
16.3.3 主体右侧部分效果制作 312
16.3.4 主体底部效果制作 318
16.3.5 将网页效果进行切片 320
16.3.6 首页顶部部分制作 321
16.3.7 首页左侧部分制作 325
16.3.8 首页主体部分制作 327
16.3.9 首页底部部分制作 334