入门篇 2
Chapter 01 初识网页制作 2
1.1 网页基础 3
1.1.1 网站和网页的关系 3
1.1.2 网页的构成要素 3
1.1.3 网页的分类 4
1.1.4 屏幕分辨率和网页编辑器 4
1.2 制作网站的基本流程 5
1.2.1 网站策划 5
1.2.2 制作网站的准备工作 6
1.2.3 制作及上传网站 7
1.2.4 网站的更新与维护 7
1.3 了解Dreamweaver CC 7
1.3.1 Dreamweaver CC简介 7
1.3.2 Dreamweaver CC新增功能 7
1.3.3 启动Dreamweaver CC 9
1.3.4 退出Dreamweaver CC 10
1.3.5 Dreamweaver CC视图模式 10
1.3.6 代码工具栏 12
1.4 Dreamweaver CC的工作界面 12
1.4.1 菜单栏 13
1.4.2 文档窗口 15
1.4.3 面板组 15
1.4.4 “属性”面板 16
1.4.5 Dreamweaver CC的环境设置 16
1.4.6 标尺、网格和辅助线的使用 18
1.5 制作网页的常用软件和语言 18
1.5.1 网页设计的常用软件 19
1.5.2 制作网页的核心语言 19
知识大爆炸——认识Dreamweaver的过去及安装要求 22
Chapter 02 快速掌握Dreamweaver CC 24
2.1 创建与管理站点 25
2.1.1 创建本地站点 25
实例操作：创建装饰网站点 25
2.1.2 “管理站点”对话框 26
2.1.3 管理站点 27
实例操作：导出装饰网站点 27
实例操作：导入食品网站点 27
实例操作：编辑食品网站点 28
实例操作：复制和删除美食天下站点 29
2.1.4 站点的结构规划 30
实例操作：创建文件夹及文件 30
2.2 创建与编辑网页 31
2.2.1 创建网页 31
实例操作：新建一个空白网页 31
实例操作：创建jQuery Mobile网页 33
2.2.2 打开与关闭网页 34
2.2.3 保存网页 35
2.3 在网页中添加文字内容 35
2.3.1 输入文字 35
实例操作：复制文字 36
2.3.2 添加空格、换行与分段 37
2.3.3 使用日期和水平线 37
2.3.4 插入列表 39
2.3.5 设置文本属性 39
实例操作：设置文本属性 40
2.4 添加图像丰富网页 41
2.4.1 常用的图像类型 42
2.4.2 在网页中插入图像 42
实例操作：插入图像 42
2.4.3 设置图像属性 43
2.4.4 插入鼠标经过图像 45
实例操作：设置鼠标经过时变换的图像 45
2.4.5 插入Fireworks HTML 46
2.5 为网页添加多媒体文件 47
2.5.1 使用Edge Animate作品 47
实例操作：插入Edge Animate动画 47
2.5.2 使用HTML5 Video文件 48
实例操作：设置HTML5 Video的属性 49
2.5.3 HTML5 Audio的应用 50
2.5.4 使用Flash SWF文件 51
实例操作：插入Flash并设置属性 51
2.5.5 插入并设置Flash Video 53
实例操作：插入并设置Flash Video属性 53
2.5.6 使用插件 54
2.6 超链接的应用 55
2.6.1 认识超链接和路径 56
2.6.2 创建常见的超链接 56
知识大爆炸——HTML的简单应用以及SEO优化网页图像的技巧 59
Chapter 03 使用CSS样式美化网页 62
3.1 认识和应用CSS样式 63
3.1.1 CSS概述 63
3.1.2 CSS样式表的基本语法 64
3.1.3 认识CSS设计器 64
3.1.4 创建样式表 65
实例操作：创建内部样式 65
实例操作：创建并链接外部样式表 67
3.2 使用丰富的CSS样式 68
3.2.1 CSS的布局属性 68
3.2.2 CSS的文本属性 69
3.2.3 CSS的边框属性 70
3.2.4 CSS的背景属性 71
3.2.5 其他CSS属性 72
3.3 CSS过渡效果的应用 73
3.3.1 新建CSS过渡效果 73
实例操作：新建CSS过渡效果 73
3.3.2 编辑CSS过渡效果 75
3.3.3 删除CSS过渡效果 75
知识大爆炸——CSS的特殊效果的应用 75
Chapter 04 页面布局 78
4.1 使用表格布局 79
4.1.1 制作表格 79
实例操作：制作表格 79
4.1.2 表格的基本操作 80
4.1.3 表格和单元格的属性 82
4.1.4 表格的嵌套使用 83
实例操作：创建Wedding.html网页 83
4.2 Div＋CSS美化网页 86
4.2.1 Div＋CSS概述 86
4.2.2 使用Div元素 86
实例操作：使用Accordion创建网页 87
4.2.3 使用Div＋CSS布局网页 91
实例操作：使用Div＋CSS创建网页 91
4.3 框架布局 94
4.3.1 框架的简介 94
4.3.2 使用HTML实现框架布局 95
4.3.3 设置框架集和框架的属性 95
4.3.4 设置框架的链接 96
4.3.5 Iframe框架（浮动框架） 96
实例操作：使用Iframe框架制作网页 97
知识大爆炸——导入数据并排序 98
Chapter 05 表单和行为的应用 100
5.1 表单应用 101
5.1.1 表单的概述 101
5.1.2 创建表单并设置属性 102
5.1.3 插入表单元素 102
5.1.4 灵活使用表单 107
实例操作：使用表单创建form网页 107
5.2 使用jQuery UI的表单部分 109
5.2.1 使用Datepicker组件 109
5.2.2 使用AutoComplete组件 110
5.2.3 使用Button组件 110
5.2.4 使用Buttonset组件 110
5.2.5 使用Checkbox Buttons组件 111
5.2.6 使用Radio Buttons组件 111
5.3 JavaScript行为的应用 111
5.3.1 行为概述 111
5.3.2 弹出窗口信息 112
实例操作：创建弹出窗口信息页面 112
5.3.3 打开浏览器窗口 113
5.3.4 调用JavaScript行为 113
实例操作：自动关闭网页 113
5.3.5 转到URL行为 114
5.3.6 显示文本行为 114
5.3.7 图像与多媒体的行为 115
实例操作：单击图像变换为另一张图像 115
5.4 利用行为控制表单 117
5.4.1 跳转菜单 118
5.4.2 检查表单 118
实例操作：检查表单中的文本域 118
知识大爆炸——使用行为添加jQueryt效果 119
Chapter 06 利用模板和库创建网页 122
6.1 使用模板 123
6.1.1 模板的概述 123
6.1.2 创建模板 123
实例操作：创建模板网页 123
6.1.3 定义可编辑区域 123
6.1.4 定义可选区域 124
6.1.5 定义重复区域 124
6.1.6 重复表格 124
6.2 应用模板 125
6.2.1 应用模板到网页 125
实例操作：将创建好的模板应用到网页 125
6.2.2 分离模板 127
6.3 应用库 127
6.3.1 介绍库 127
6.3.2 创建库项目 127
6.3.3 库项目的其他操作 128
6.3.4 设置库属性 128
知识大爆炸——嵌套模板、库和HTML代码 128
Chapter 07 移动设备网页和应用程序的创建 130
7.1 jQuery Mobile的应用 131
7.1.1 jQuery Mobile的概述 131
7.1.2 创建jQuery Mobile页面 132
实例操作：用HTML5创建jQuery Mobile 132
7.1.3 jQuery Mobile组件的使用 133
7.2 PhoneGap Build打包移动应用 135
7.2.1 PhoneGap Build概述 135
7.2.2 注册PhoneGap Build 136
7.2.3 打包移动应用程序 136
知识大爆炸——jQuery Mobile的主题应用 137
Chapter 08 动态网站及站点维护 138
8.1 搭建动态网站平台 139
8.1.1 动态网页的开发语言 139
8.1.2 创建数据库的软件 139
实例操作：创建Guest数据库 140
8.1.3 动态网站的开发流程 141
实例操作：在Windows 7中安装服务器 142
实例操作：设置虚拟网页站点 142
实例操作：配置本地站点服务器 144
实例操作：安装动态扩展 145
实例操作：设置ODBC数据源 146
8.2 制作数据库动态网页 147
8.2.1 绑定记录集 147
实例操作：绑定数据记录 147
8.2.2 登录用户行为 148
实例操作：创建登录页面 148
8.2.3 注销用户 149
8.2.4 插入记录表单 149
实例操作：创建注册页面 150
8.2.5 获取动态数据 151
实例操作：制作留言网页 151
8.2.6 转到详细页面 154
8.2.7 更新记录 154
8.3 网站维护与上传 155
8.3.1 测试本地站点 155
实例操作：检查断裂的链接 155
实例操作：为图片网页设计备注 156
8.3.2 上传站点的流程 157
实例操作：申请域名 158
8.3.3 文件上传 160
8.3.4 网站备案 161
知识大爆炸——域名解析 161
Chapter 09 Flash CC快速入门 162
9.1 认识Flash动画 163
9.1.1 Flash动画的原理 163
9.1.2 Flash动画在网页中的应用 163
9.1.3 Flash中的文件类型 165
9.1.4 Flash相关的图片格式 167
9.2 Flash动画的制作流程 167
9.2.1 前期策划 167
9.2.2 收集动画素材 167
9.2.3 制作动画 168
9.2.4 调试与优化动画 168
9.2.5 测试动画 168
9.2.6 发布动画 168
9.3 启动与退出Flash CC 168
9.3.1 启动Flash CC 168
9.3.2 退出Flash CC 170
9.4 Flash CC的工作界面 170
9.4.1 菜单栏 171
9.4.2 工作区切换器 171
9.4.3 工具箱 172
9.4.4 绘图工作区 173
9.4.5 常用面板 173
9.5 Flash文档的基本操作 175
9.5.1 新建Flash文档 175
实例操作：通过模板新建雪景动画 176
9.5.2 设置文档属性 177
9.5.3 保存与关闭Flash文档 178
9.5.4 打开Flash文档 179
9.6 舞台和场景的基本操作 179
9.6.1 添加场景 180
实例操作：在文档中添加场景 180
9.6.2 切换场景 180
9.6.3 查看场景 181
9.6.4 使用辅助工具 182
知识大爆炸——Flash动画与传统动画的比较 183
Chapter 10 图形的绘制与编辑 184
10.1 基本绘图工具 185
10.1.1 选择工具 185
10.1.2 线条工具 185
实例操作：绘制杯子图形 185
10.1.3 铅笔工具 187
10.1.4 矩形工具 188
实例操作：绘制路标 189
10.1.5 椭圆工具 190
实例操作：绘制七星瓢虫 190
10.1.6 多角星形工具 191
实例操作：绘制充满星星的夜空 191
10.1.7 刷子工具 193
10.2 钢笔工具 193
10.2.1 锚点 193
10.2.2 绘制状态 193
10.2.3 绘制图形 194
实例操作：绘制卡通风景画 194
10.2.4 添加和删除锚点 195
10.2.5 调整路径 195
10.3 填充图形颜色 196
10.3.1 认识“颜色”面板 196
10.3.2 认识“样本”面板 197
10.3.3 填充纯色 197
实例操作：填充卡通人物的颜色 197
10.3.4 填充线性渐变 198
实例操作：修改蓝天白云的颜色 199
10.3.5 填充径向渐变 200
实例操作：径向填充向日葵背景 200
10.3.6 使用位图填充 201
10.4 清除颜色 202
10.4.1 直接删除颜色 202
10.4.2 使用橡皮擦工具 202
知识大爆炸——图形绘制与填充的其他方法 203
Chapter 11 文本与对象的编辑 204
11.1 文本编辑 205
11.1.1 文本的类型 205
11.1.2 设置文本的字符样式 206
11.1.3 设置文本的段落样式 206
11.1.4 输入文本 207
实例操作：输入草莓点心介绍 207
实例操作：动态显示文本内容 208
实例操作：制作用户登录界面 209
11.1.5 为文本创建超链接 210
实例操作：创建文本超链接 210
11.1.6 设置滚动文本 211
11.1.7 分离文本 212
11.2 图形对象处理 212
11.2.1 移动对象 212
11.2.2 复制对象 213
11.2.3 转换图形对象为位图 213
11.2.4 图形变形 213
11.2.5 合并对象 215
11.2.6 层叠对象 215
11.2.7 对齐对象 216
11.3 添加声音与视频 216
11.3.1 导入并应用声音 216
实例操作：为Flash添加背景音乐 216
11.3.2 设置声音属性 217
11.3.3 设置关键帧上的声音 218
11.3.4 播放组件加载外部视频 219
实例操作：播放组件加载的外部视频 219
11.3.5 嵌入视频 220
实例操作：嵌入视频文件 220
11.3.6 设置视频属性 221
知识大爆炸——文本和对象的其他知识 222
Chapter 12 元件与库的使用 224
12.1 元件 225
12.1.1 元件的概念与种类 225
12.1.2 创建元件 226
实例操作：创建图形元件 226
实例操作：创建影片剪辑动画 227
实例操作：创建“开始游戏”按钮 228
12.1.3 元件的转换 230
12.1.4 元件的编辑 230
12.2 库 231
12.2.1 认识“库”面板 231
12.2.2 管理并使用库 231
实例操作：导入AI文件 231
实例操作：复制并修改元件 233
知识大爆炸——元件实例与共享库 235
Chapter 13 动画的制作 236
13.1 图层与时间轴 237
13.1.1 图层的概念及类型 237
13.1.2 图层的基本操作 237
13.1.3 时间轴与帧 239
13.2 创建基本动画 241
13.2.1 创建逐帧动画 242
实例操作：制作下雨动画 242
13.2.2 制作补间形状 243
实例操作：制作变形动画 243
13.2.3 创建并编辑传统补间动画 245
实例操作：制作飞行动画 245
13.2.4 创建并编辑补间动画 247
实例操作：制作蝴蝶飞舞动画 247
13.3 创建引导和遮罩动画 249
13.3.1 创建引导动画 249
实例操作：制作汽车行驶动画 249
实例操作：制作环保动画 251
13.3.2 创建遮罩动画 252
实例操作：制作放大动画 252
13.4 使用ActionScript制作动画 254
13.4.1 ActionScript 3.0 254
13.4.2 ActionScript中的专业术语 254
13.4.3 ActionScript 3.0基本语法 257
13.4.4 输入ActionScript语句 258
实例操作：创建并调用外部ActionScript文件 259
13.4.5 类、属性和方法 260
13.4.6 常用的ActionScript语句 261
实例操作：制作鼠标跟随效果 263
知识大爆炸——动画的其他知识 265
Chapter 14 测试、导出与发布动画 268
14.1 优化与测试动画 269
14.1.1 优化动画 269
14.1.2 测试动画 269
14.2 发布Flash动画 270
14.2.1 设置动画发布格式 271
实例操作：发布影片为GIF图像 273
14.2.2 发布动画 275
14.3 导出Flash动画 276
14.3.1 导出图像 276
实例操作：导出某帧的图像 276
14.3.2 导出影片 277
14.3.3 导出视频 277
实例操作：导出mov视频 277
知识大爆炸——调试与转换影片 278
Chapter 15 Photoshop CC快速入门 280
15.1 Photoshop CC的工作界面 281
15.2 图像处理的基础知识 282
15.2.1 像素与分辨率 282
15.2.2 图像的颜色模式 282
15.2.3 图像的位深度 284
15.2.4 色域与溢色 284
15.3 图像文件的基本操作 285
15.3.1 新建图像文件 285
15.3.2 打开图像文件 286
15.3.3 导入文件 287
15.3.4 置入与导出文件 287
实例操作：制作火球 287
15.3.5 保存图像文件 288
15.3.6 关闭图像文件 288
15.4 图像编辑的辅助操作 289
15.4.1 使用标尺 289
15.4.2 使用参考线 289
15.4.3 使用智能参考线 290
15.4.4 使用网格线 290
15.4.5 使用注释工具 290
实例操作：在图像中添加注释文本 290
15.5 调整图像 291
15.5.1 设置图像尺寸和分辨率 291
15.5.2 设置画布尺寸 291
15.5.3 翻转与旋转图像 292
15.5.4 裁剪与裁切图像 292
实例操作：调整并矫正图像 293
15.5.5 移动图像 294
15.5.6 自由变换 294
实例操作：制作三折页效果 294
15.5.7 操控变形 296
15.5.8 复制、剪切和粘贴图像 297
15.5.9 撤销和恢复图像操作 297
15.6 选区的创建与编辑 298
15.6.1 通过选框工具组创建 298
15.6.2 通过套索工具组创建 299
15.6.3 通过魔术棒工具组创建 300
15.6.4 使用蒙版 301
实例操作：制作波纹相框 301
15.6.5 编辑选区 302
知识大爆炸——文件保存格式及图层混合模式的应用 303
Chapter 16 图层和文本的应用 306
16.1 使用图层 307
16.1.1 认识图层面板 307
16.1.2 图层的基本操作 308
16.2 添加图层样式 311
16.2.1 投影、内阴影图层样式 311
实例操作：制作带有投影的文字 311
16.2.2 外发光、内发光图层样式 314
实例操作：制作发光的几何图 314
16.2.3 斜面和浮雕图层样式 315
实例操作：制作按钮 317
16.3 创建并设置文本 320
16.3.1 文本的类型 320
16.3.2 文字工具属性栏 320
16.3.3 输入并设置文本 321
实例操作：制作Logo图标 321
16.3.4 创建路径文字 322
实例操作：制作路径文字 322
16.3.5 创建变形文字 323
实例操作：制作变形文字 324
知识大爆炸——通道的基本操作 325
Chapter 17 图形绘制与颜色调整 326
17.1 颜色的填充与设置 327
17.1.1 设置前景色和背景色 327
17.1.2 填充前景色和背景色 327
实例操作：重新填充颜色 327
17.1.3 填充渐变色 328
17.2 绘制基本的图形 330
17.2.1 绘图模式 330
17.2.2 矩形工具 331
17.2.3 圆角矩形工具 331
实例操作：制作网页登录界面 331
17.2.4 椭圆工具 332
17.2.5 多边形工具 332
17.2.6 直线工具 333
17.2.7 自定形状工具 334
实例操作：制作音乐网站图像 334
17.3 自定义图形的绘制 336
17.3.1 使用钢笔工具 336
实例操作：绘制宣传海报 336
17.3.2 添加和删除锚点 339
17.3.3 选择和移动锚点 339
17.3.4 复制路径 340
17.3.5 变换路径 340
17.3.6 路径和选区的互换 340
17.3.7 填充路径 340
17.3.8 描边路径 341
17.4 调整图像的颜色 341
17.4.1 调整图像的亮度 341
实例操作：调整图片的色调 342
17.4.2 调整图像颜色 345
实例操作：调整咖啡网站的色彩 345
17.4.3 调整图像色调 347
实例操作：制作紫色调效果 347
知识大爆炸——高级绘图方式 349
Chapter 18 切片与输出图像 350
18.1 创建并编辑切片 351
18.1.1 创建切片 351
实例操作：为登录页面创建切片 351
18.1.2 编辑切片 352
实例操作：编辑登录页面切片选项 352
18.1.3 修改切片 353
18.2 优化与输出图像 354
18.2.1 优化图像 354
18.2.2 Web图像优化选项 355
18.2.3 Web图像输出 356
实例操作：输出网页图像 356
知识大爆炸——切片和网页图像格式 358
实战篇 362
Chapter 19 制作网页元素 362
19.1 制作网站Logo 363
19.2 制作开关按钮 365
19.3 制作网页导航条 369
19.4 制作网页视频播放动画 373
19.5 制作网页片头动画 375
19.6 扩展练习 379
19.6.1 制作网页广告条 379
19.6.2 制作风景网页动画 379
Chapter 20 制作摄影网站 380
20.1 设计网站主页 381
20.2 设计网站子页 386
20.3 对网页进行切片 389
20.4 制作banner动画 392
20.5 制作图片滚动动画 396
20.6 合成网页 399
20.7 扩展练习 411
20.7.1 制作“摄影信息”子网页 411
20.7.2 制作“摄影论坛”子网页 412
Chapter 21 制作个人网站 414
21.1 制作个人网站的首页 415
21.2 制作个人简介网页 419
21.3 制作留言簿网页 423
21.4 扩展练习 429
21.4.1 制作“我的生活”子网页 430
21.4.2 制作“我的一家”子网页 431
Chapter 22 制作“冷饮”网站 432
22.1 制作“冷饮”网站的首页 433
22.2 制作“携手自由时光”页面 441
22.3 制作“特色冷饮”页面 444
22.4 扩展练习 449
22.4.1 制作“冷饮”网站的“分店信息”网页 449
22.4.2 制作“冷饮”网站的“在线咨询”网页 450
精通篇 454
Chapter 23 网页制作的高级应用 454
23.1 JavaScript代码 455
23.1.1 JavaScript代码基础 455
23.1.2 JavaScript中的常用词汇 455
23.2 在HTML5画布中绘制形状 456
23.2.1 绘制矩形 456
实例操作：在画布中绘制矩形 456
23.2.2 绘制圆形 458
实例操作：在画布中绘制圆形 458
23.2.3 绘制直线 458
实例操作：在画布中绘制直线 459
23.2.4 线性和径向渐变 459
实例操作：在画布中绘制线性渐变 460
实例操作：在画布中绘制径向渐变 461
23.3 CSS3的新增功能 462
23.3.1 多色边框的应用 462
实例操作：定义立体边框效果 462
23.3.2 设计边框的背景样式 463
实例操作：用图片作为背景图像的边框 463
23.3.3 设计圆环的选项卡 463
实例操作：设计圆角选项卡 463
23.3.4 设计圆角 464
实例操作：用border-radius属性制作圆角 465
23.4 使用CSS进行网页布局 466
23.4.1 多列布局的应用 466
实例操作：用columns属性进行多列布局 466
23.4.2 设置列的边框样式 468
实例操作：为网页创建列边框样式 468
23.4.3 设置跨列显示 469
23.4.4 盒布局格式 469
实例操作：使用盒布局进行网页布局 470
实例操作：将水平排列修改为垂直排列 472
23.4.5 设置元素内容的对齐方式 472
知识大爆炸——渐变效果 473
Chapter 24 网页配色、字体和排版技巧 474
24.1 网页的色彩速配 475
24.1.1 色彩视觉的形成 475
24.1.2 色彩属性的分类 475
24.1.3 色彩的性质分类 476
24.1.4 色彩对比与调和 477
24.1.5 认识色相环 478
24.1.6 网页中的安全色 479
24.1.7 色彩规律 479
24.1.8 学会色彩搭配的方法 480
24.1.9 文字与背景颜色的搭配 480
24.2 字体在网页中的应用技巧 481
24.2.1 文字在网页中的体现 481
24.2.2 网页文字的基本格式设计 482
24.3 网页版式设计与构图 483
24.3.1 文字的整体编排 484
24.3.2 强调文字 485
24.3.3 网页版式的基本类型 485
24.3.4 网页构图 488
知识大爆炸——色彩的心理感受 489