Chapter 01 了解网页的基本知识 2
1.1 了解网页的基本概念 2
1.1.1 网页设计基础知识 2
1.1.2 网页的基本构成元素 2
1.1.3 网站的分类 4
1.1.4 HTML的基本语法 5
1.2 网页的色彩搭配 6
1.2.1 网页的配色基础 6
1.2.2 网页色彩搭配的方案 7
1.2.3 网页配色的注意事项 8
1.3 网页设计的常用软件 9
1.3.1 Dreamweaver CC 9
1.3.2 Photoshop CC 9
1.3.3 Flash CC 9
1.4 网站建设的一般流程 10
1.4.1 确定网站主题 10
1.4.2 收集相关素材 10
1.4.3 规划网页布局 10
1.4.4 确定网页的主色调 11
1.4.5 制作网页页面 11
1.4.6 测试和发布网站 11
1.4.7 网站的更新和维护 11
1.5 实战问答 13
NO.1 如何通过网页查看HTML源码 13
NO.2 如何宣传网站 14
NO.3 白色在网页中的好处 14
1.6 思考与练习 14
Chapter 02 Dreamweaver CC入门 18
2.1 Dreamweaver CC的新增功能 18
2.1.1 CSS设计器 18
2.1.2 首选项同步 18
2.1.3 jQuery UI Widget 18
2.1.4 简化了用户界面 19
2.1.5 CSS选择器的代码提示 19
2.2 Dreamweaver CC的工作界面 19
2.2.1 认识Dreamweaver CC菜单栏 20
2.2.2 “属性”面板 21
2.2.3 文档工具栏窗口 21
2.2.4 “插入”面板 21
2.2.5 浮动面板 22
2.3 创建站点及站点管理 22
2.3.1 使用向导创建本地站点 22
2.3.2 设置远程服务器 23
2.3.3 管理站点 24
2.4 网页文件及文本的基础操作 24
2.4.1 网页文件的操作 24
2.4.2 在网页中添加文本 27
2.4.3 设置文本属性 28
2.5 插入页面元素 31
2.5.1 插入图像 31
2.5.2 插入日期 32
2.5.3 插入水平线 32
2.5.4 插入特殊字符 33
2.5.5 插入表单 34
2.5.6 插入多媒体 35
2.6 创建网页链接 38
2.6.1 网页链接的概念 38
2.6.2 创建网页常用链接 39
2.7 实战问答 46
NO.1 如何输入多个空格 46
NO.2 如何设置背景图像的路径 46
2.8 思考与练习 47
Chapter 03 CSS样式美化网页与Div+CSS布局 50
3.1 认识CSS 50
3.1.1 CSS样式概述 50
3.1.2 “CSS设计器”面板 50
3.1.3 CSS的基本语法 51
3.1.4 创建CSS样式选择器 52
3.2 设置CSS样式属性 58
3.2.1 设置布局样式 58
3.2.2 设置文本样式 60
3.2.3 设置边框样式 60
3.2.4 设置背景样式 61
3.2.5 设置其他样式 62
3.3 管理CSS样式表 63
3.3.1 内部样式表 63
3.3.2 内嵌样式表 64
3.3.3 外联样式表 65
3.4 初识Div 65
3.4.1 Div概述 66
3.4.2 插入Div 66
3.4.3 块级元素和行内元素 67
3.4.4 Div+CSS的布局优势 68
3.5 CSS盒子模型 68
3.5.1 CSS盒子模型的概念 69
3.5.2 content（内容） 69
3.5.3 padding（填充） 70
3.5.4 border（边框） 70
3.5.5 margin（边界） 71
3.6 Div+CSS常见的布局模式 71
3.6.1 单行单列固定宽度 72
3.6.2 一列自适应 72
3.6.3 一列固定宽度居中 73
3.6.4 两列固定宽度 73
3.6.5 两列宽度自适应 74
3.6.6 两行右列宽度自适应 74
3.7 实战问答 75
NO.1 CSS样式的主要特点是什么 75
NO.2 Div标签到底有什么作用 75
3.8 思考与练习 76
Chapter 04 运用表格与jQuery UI制作网页 78
4.1 创建和选择表格 78
4.1.1 创建表格 78
4.1.2 选择整个表格 78
4.1.3 选取行或列 80
4.1.4 选取单元格 80
4.2 设置表格属性 81
4.2.1 设置表格的属性 81
4.2.2 设置单元格的属性 82
4.3 表格的基本操作 82
4.3.1 调整表格的大小 83
4.3.2 添加／删除行和列 84
4.3.3 复制、粘贴和删除单元格 86
4.3.4 合并与拆分单元格 88
4.4 表格的特殊处理 89
4.4.1 导入表格式数据 89
4.4.2 表格排序 90
4.5 使用jQuery UI构件布局对象 91
4.5.1 关于jQuery UI构件 91
4.5.2 jQuery UI可折叠式面板 91
4.5.3 jQuery UI选项卡式面板 92
4.6 实战问答 93
NO.1 如何通过命令一次性插入多行或多列 93
NO.2 表格布局和Div+CSS布局有何优缺点 94
NO.3 jQuery UI和jQuery有何区别 94
4.7 思考与练习 94
Chapter 05 表单元素、模板和库的运用 98
5.1 插入表单元素 98
5.1.1 什么是表单 98
5.1.2 插入表单域 98
5.1.3 插入文本域 99
5.1.4 插入密码域 100
5.1.5 插入按钮 101
5.1.6 插入复选框 101
5.2 使用模板 102
5.2.1 创建模板 102
5.2.2 插入可编辑区域 104
5.2.3 删除可编辑区域 105
5.3 模板的应用 105
5.3.1 基于模板创建页面 105
5.3.2 分离页面中所使用的模板 106
5.4 创建和应用库项目 107
5.4.1 创建库项目 107
5.4.2 插入库项目 109
5.4.3 更新库项目 110
5.5 实战问答 111
NO.1 有没有什么方法可以调整表单的大小 111
NO.2 怎么才不会出现库项目找不到路径的问题 111
5.6 思考与练习 112
Chapter 06 运用行为制作交互网页 114
6.1 行为的概念 114
6.1.1 认识“行为”面板 114
6.1.2 事件 114
6.1.3 熟悉动作类型 114
6.2 网页添加行为 115
6.2.1 设置图像的行为 115
6.2.2 “打开浏览器窗口”行为 117
6.2.3 调用JavaScript 118
6.2.4 设置浏览器环境 119
6.2.5 设置文本域文字 121
6.3 设置网页特殊效果 122
6.3.1 晃动效果 122
6.3.2 渐隐效果 123
6.3.3 滑动效果 123
6.4 实战问答 125
NO.1 行为、事件及动作之间有什么联系 125
NO.2 如何设置“打开浏览器窗口”行为的属性 125
6.5 思考与练习 125
Chapter 07 Photoshop CC入门 128
7.1 Photoshop CC的操作界面 128
7.1.1 菜单栏 128
7.1.2 工具选项栏 129
7.1.3 图像窗口 129
7.1.4 工具箱 131
7.1.5 状态栏 132
7.1.6 浮动面板 132
7.2 图像的分辨率和类型 132
7.2.1 分辨率 132
7.2.2 图像的类型 133
7.3 掌握页面布局辅助工具 134
7.3.1 使用标尺 134
7.3.2 使用参考线 135
7.3.3 使用网格 136
7.3.4 使用注释工具 136
7.4 实战问答 137
NO.1 怎样隐藏而不删除文档中的参考线 137
NO.2 位图与矢量图的主要区别是什么 138
7.5 思考与练习 138
Chapter 08 使用绘图工具绘制图像 142
8.1 调整图像 142
8.1.1 调整图像大小 142
8.1.2 调整画布大小 142
8.2 选择绘图区域 143
8.2.1 使用矩形选框工具 143
8.2.2 使用魔棒工具 144
8.2.3 套索工具 145
8.3 基本绘图工具 146
8.3.1 铅笔工具 146
8.3.2 画笔工具 147
8.3.3 图案图章工具 148
8.3.4 仿制图章工具 149
8.3.5 橡皮擦工具 150
8.4 矢量绘图工具 151
8.4.1 矩形工具 151
8.4.2 圆角矩形工具 152
8.4.3 多边形工具 154
8.4.4 自定义形状工具 156
8.5 实战问答 157
NO.1 铅笔工具和画笔工具有何区别 157
NO.2 如何绘制圆形 158
8.6 思考与练习 158
Chapter 09 图层和文本的使用 160
9.1 认识图层 160
9.1.1 了解“图层”面板 160
9.1.2 新建图层 160
9.1.3 删除图层 161
9.1.4 复制图层 161
9.1.5 调整图层 162
9.2 应用图层样式 163
9.2.1 斜面和浮雕图层样式 163
9.2.2 投影图层样式 164
9.2.3 外发光图层样式 165
9.3 创建文字 167
9.3.1 横排文字工具 167
9.3.2 直排文字工具 168
9.3.3 横排文字蒙版工具 169
9.4 编辑文字 170
9.4.1 认识“字符”面板 170
9.4.2 创建变形文字 171
9.4.3 创建路径文字 172
9.5 实战问答 173
NO.1 可不可以为文字图层添加描边效果 173
NO.2 横排文字工具和横排文字蒙版工具有何区别 174
NO.3 如何重置文字变形 174
9.6 思考与练习 174
Chapter 10 创建网页动画特效 176
10.1 图像的优化与输出 176
10.1.1 图像的格式 176
10.1.2 优化图像 176
10.1.3 输出图像 178
10.2 创建动态图像 178
10.2.1 认识“时间轴”面板 178
10.2.2 创建动态图像 179
10.2.3 保存动态图像 181
10.3 创建和编辑切片 182
10.3.1 切片的类型 182
10.3.2 创建切片 182
10.3.3 编辑切片 183
10.4 管理切片 184
10.4.1 选择、移动和调整切片 184
10.4.2 转换和锁定切片 185
10.4.3 组合和删除切片 186
10.4.4 将切片输入到网页 187
10.5 实战问答 190
NO.1 浏览器不显示输出的动画怎么办 190
NO.2 怎样删除基于图层创建的切片 190
10.6 思考与练习 191
Chapter 11 认识Flash CC 194
11.1 Flash CC的新增功能 194
11.2 认识Flash CC的工作界面 195
11.3 Flash CC的基本操作 196
11.3.1 启动Flash程序 196
11.3.2 新建空白Flash文件 197
11.3.3 根据模板新建Flash文件 198
11.3.4 设置Flash文档属性 200
11.3.5 使用绘图工具绘图 201
11.4 使用文本工具 203
11.4.1 使用静态文本 203
11.4.2 使用动态文本 206
11.4.3 使用输入文本 209
11.5 文本的编辑处理 211
11.5.1 分离文本 211
11.5.2 为文本添加超链接 212
11.6 实战问答 213
NO.1 如何使舞台自动适应对象大小 213
NO.2 如何在Flash中打开已有Flash文件 213
11.7 思考与练习 214
Chapter 12 使用时间轴、帧及图层 216
12.1 帧的类型和基本操作 216
12.1.1 帧类型 216
12.1.2 选择帧 217
12.1.3 插入帧 218
12.1.4 复制和翻转帧 219
12.1.5 清除和删除帧 220
12.1.6 移动帧 221
12.2 图层概述 222
12.2.1 图层的类型 222
12.2.2 创建图层和图层文件夹 223
12.2.3 编辑和修改图层 225
12.3 实战问答 229
NO.1 如何删除图层 229
NO.2 如何转换帧类型 230
12.4 思考与练习 230
Chapter 13 Flash CC中库和元件的使用 234
13.1 元件应用 234
13.1.1 元件类型 234
13.1.2 创建图形元件 234
13.1.3 创建影片剪辑元件 236
13.1.4 创建按钮元件 238
13.1.5 在不同模式下编辑元件 241
13.2 使用实例 243
13.2.1 创建元件实例 243
13.2.2 交换元件实例 245
13.2.3 改变实例类型 246
13.2.4 查看实例信息 247
13.3 库的管理 247
13.3.1 将库资源归类 248
13.3.2 删除、复制和排序资源项 249
13.3.3 调用外部库 251
13.4 实战问答 252
NO.1 如何将Flash中的实例直接转换为元件 252
NO.2 如何处理库冲突 252
13.5 思考与练习 253
Chapter 14 制作网页动画 256
14.1 创建简单Flash动画 256
14.1.1 创建逐帧动画 256
14.1.2 创建补间动画 258
14.1.3 创建形状补间动画 260
14.1.4 制作遮罩动画 262
14.1.5 制作引导动画 263
14.2 ActionScript应用开发 265
14.2.1 常用命令 265
14.2.2 常用语句 268
14.3 实战问答 269
NO.1 如何创建3D动画 269
NO.2 如何删除形状提示 270
14.4 思考与练习 270
Chapter 15 企业网站综合实例 272
15.1 使用Photoshop设计网站页面 272
15.1.1 案例制作思路 272
15.1.2 案例制作过程 273
15.1.3 案例制作总结 282
15.1.4 案例制作答疑 282
15.2 使用Flash制作网站动画 282
15.2.1 案例制作思路 283
15.2.2 案例制作过程 283
15.2.3 案例制作总结 286
15.2.4 案例制作答疑 286
15.3 使用Dreamweaver制作网站 286
15.3.1 案例制作思路 287
15.3.2 案例制作过程 287
15.3.3 案例制作总结 291
15.3.4 案例制作答疑 291
15.4 实战问答 291
NO.1 参考线有什么作用 291
NO.2 为什么要删除素材中的内容 291
NO.3 如何做文字的变形动画 291
NO.4 如何将文字或图像镂空 292
NO.5 怎么设置指定文本居中显示 292
NO.6 如何连续输入多个空格 292
NO.7 如何设置页面边距 292
习题答案 293