第1部分 网页设计基础与HTML篇 2
第1章 网页设计基础知识 2
1.1 网页基础知识入门 2
1.1.1 认识互联网 2
1.1.2 域名与空间 3
1.1.3 网页与网站 3
1.1.4 静态网页与动态网页 4
1.1.5 网站的类型 4
1.2 网页的基本构成元素 9
1.2.1 网站Logo 9
1.2.2 网站Banner 9
1.2.3 导航栏 10
1.2.4 文本 10
1.2.5 图像 10
1.2.6 Flash动画 11
1.3 网页设计的原则 12
1.4 常用网页设计软件 13
1.4.1 Dreamweaver CC概述 13
1.4.2 Photoshop CC概述 13
1.4.3 Flash CC概述 14
第2章 HTML基础 15
2.1 HTML的基本概念 15
2.1.1 HTML简介 15
2.1.2 HTML文件的基本结构 16
2.1.3 认识HTML标记 16
2.2 HTML文件的编写方法 16
2.2.1 使用记事本手工编写HTML 16
2.2.2 使用Dreamweave编写HTML文件 18
2.3 HTML头部标记head 19
2.4 网页的主体标记body 19
2.4.1 网页背景色bgcolor 19
2.4.2 网页背景图片background 20
2.4.3 文字颜色text 21
2.4.4 链接文字属性link 22
第2部分 Dreamweaver CC网页制作篇 26
第3章 Dreamweaver CC创建基本文本网页 26
3.1 Dreamweaver CC工作环境 26
3.1.1 菜单栏 27
3.1.2 文档窗口 27
3.1.3 属性面板 28
3.1.4 面板组 28
3.1.5 插入栏 29
3.2 创建站点 29
3.2.1 使用向导建立站点 29
3.2.2 使用高级设置建立站点 32
3.3 添加文本元素 36
3.3.1 在网页中添加文本 36
3.3.2 插入日期 38
3.3.3 插入特殊字符 40
3.3.4 插入水平线 41
3.4 编辑文本格式 44
3.4.1 设置文本字体 44
3.4.2 设置文本大小 45
3.4.3 设置文本颜色 46
3.5 设置头信息 47
3.5.1 设置META 47
3.5.2 插入关键字 47
3.5.3 插入说明 48
3.5.4 插入脚本 48
3.6 实战演练——创建基本文本网页 49
第4章 创建超级链接 53
4.1 超级链接的基本概念 53
4.2 创建超级链接的方法 53
4.2.1 使用属性面板创建链接 53
4.2.2 使用指向文件图标创建链接 54
4.2.3 使用菜单命令创建链接 54
4.3 实战演练 55
4.3.1 实例1——创建外部链接 55
4.3.2 实例2——创建E-mail链接 56
4.3.3 实例3——创建下载文件的链接 58
4.3.4 实例4——创建图像热点链接 60
4.3.5 实例5——创建脚本链接 63
4.3.6 实例6——创建空链接 65
第5章 使用图像和多媒体创建丰富多彩的网页 67
5.1 网页中图像的使用常识 67
5.2 在网页中插入图像 68
5.2.1 插入普通图像 68
5.2.2 设置图像的属性 71
5.2.3 裁剪图像 73
5.3 插入其他网页图像 75
5.3.1 背景图像 75
5.3.2 创建鼠标经过图像 77
5.4 添加Flash影片 81
5.5 使用代码提示添加背景音乐 84
5.6 实战演练 87
实例1——创建翻转图像导航 87
实例2——创建图文混排网页 90
第6章 使用表格布局排版网页 94
6.1 插入表格 94
6.1.1 表格的基本概念 94
6.1.2 插入表格 95
6.2 设置表格的各项属性 96
6.2.1 设置表格的属性 96
6.2.2 设置单元格属性 97
6.3 选择表格 98
6.3.1 选择整个表格 98
6.3.2 选取行或列 100
6.3.3 选取单元格 101
6.4 表格的基本操作 102
6.4.1 调整表格高度和宽度 102
6.4.2 添加或删除行或列 103
6.4.3 拆分单元格 105
6.4.4 合并单元格 106
6.4.5 剪切、复制、粘贴单元格 107
6.5 排序及整理表格内容 108
6.5.1 导入表格式数据 108
6.5.2 排序表格 110
6.6 实战演练 112
6.6.1 实例1——创建细线表格 112
6.6.2 实例2——创建圆角表格 116
第7章 使用模板和库批量制作风格统一的网页 122
7.1 创建模板 122
7.1.1 新建模板 122
7.1.2 从现有文档创建模板 124
7.2 创建可编辑区域 125
7.2.1 插入可编辑区域 125
7.2.2 删除可编辑区域 126
7.2.3 更改可编辑区域 127
7.3 使用模板创建新网页 127
7.4 管理站点中的模板 132
7.4.1 从模板中脱离 132
7.4.2 修改模板 133
7.5 创建与应用库项目 135
7.5.1 创建库项目 135
7.5.2 应用库项目 137
7.5.3 修改库项目 139
7.6 实战演练 141
7.6.1 实例1——创建模板 141
7.6.2 实例2——利用模板创建网页 150
第8章 使用行为创建特效网页 155
8.1 行为的概述 155
8.1.1 认识事件 156
8.1.2 动作类型 156
8.2 制作指定大小的弹出窗口 157
8.3 调用JavaScript 160
8.3.1 利用JavaScript实现打印功能 160
8.3.2 利用JavaScript实现关闭网页 162
8.4 设置浏览器环境 164
8.4.1 检查表单 164
8.4.2 检查插件 166
8.5 对图像设置动作 167
8.5.1 预先载入图像 167
8.5.2 交换图像 169
8.6 设置状态栏文本 172
8.7 转到URL 174
第9章 创建动态数据库网页 177
9.1 搭建服务器平台 177
9.2 设计数据库 182
9.3 建立数据库连接 184
9.3.1 了解DSN 184
9.3.2 定义系统DSN 184
9.4 SQL语言简介 185
9.4.1 SQL语言概述 186
9.4.2 SQL的优点 187
9.5 常用的SQL语句 187
9.5.1 表的建立：CREATE TABLE 187
9.5.2 插入数据：INSERT INTO 188
9.5.3 修改数据：UDATE 189
9.5.4 删除数据：DELETE 190
9.5.5 SQL查询语句：SELECT 190
第3部分 CSS美化布局网页篇 194
第10章 使用CSS美化网页 194
10.1 了解CSS样式表 194
10.2 CSS的使用 195
10.2.1 CSS基本语法 195
10.2.2 添加CSS的方法 195
10.3 设置CSS属性 197
10.3.1 设置CSS类型属性 197
10.3.2 设置CSS背景属性 198
10.3.3 设置CSS区块属性 198
10.3.4 设置CSS方框属性 199
10.3.5 设置CSS边框属性 200
10.3.6 设置CSS列表属性 200
10.3.7 设置CSS定位属性 201
10.3.8 设置CSS扩展属性 202
10.3.9 设置过渡样式 202
10.4 实战演练 203
10.4.1 实例1——应用CSS样式定义字体大小 203
10.4.2 实例2——应用CSS样式制作阴影文字 205
第11章 CSS属性基础 209
11.1 字体属性 209
11.1.1 字体font-family 209
11.1.2 字号font-size 210
11.1.3 字体风格font-style 212
11.1.4 字体加粗font-weight 213
11.1.5 字体变形font-variant 214
11.2 段落属性 215
11.2.1 单词间隔 word-spacing 215
11.2.2 字符间隔letter-spacing 216
11.2.3 文字修饰text-decoration 217
11.2.4 垂直对齐方式vertical-align 218
11.2.5 文本转换text-transform 220
11.2.6 水平对齐方式text-align 221
11.2.7 文本缩进text-indent 222
11.2.8 文本行高line-height 223
11.3 图片样式设置 224
11.3.1 定义图片边框 225
11.3.2 文字环绕图片 227
11.4 背景样式设置 228
11.4.1 设置页面背景颜色 228
11.4.2 定义背景图片 229
11.5 滤镜概述 230
11.5.1 动感模糊 230
11.5.2 对颜色进行透明处理 232
11.5.3 设置阴影 233
第12章 CSS＋Div布局网页 235
12.1 初识Div 235
12.1.1 Div概述 235
12.1.2 Div与span的区别 236
12.1.3 Div与CSS布局优势 237
12.2 CSS定位 238
12.2.1 盒子模型的概念 238
12.2.2 float定位 238
12.2.3 position定位 240
12.3 CSS布局理念 241
12.3.1 将页面用Div分块 241
12.3.2 设计各块的位置 242
12.3.3 用CSS定位 242
12.4 常见的布局类型 244
12.4.1 一列固定宽度 244
12.4.2 一列自适应 245
12.4.3 两列固定宽度 246
12.4.4 两列宽度自适应 247
12.4.5 两列右列宽度自适应 248
12.4.6 三列浮动中间宽度自适应 249
第4部分 JavaScript网页特效篇 252
第13章 JavaScript脚本基础 252
13.1 JavaScript简介 252
13.1.1 JavaScript的历史 252
13.1.2 JavaScript特点 253
13.2 JavaScript的放置位置 253
13.2.1 ＜script/＞使用方法 253
13.2.2 位于网页之外的单独脚本文件 254
13.2.3 直接位于事件处理部分的代码中 254
13.3 JavaScript基本语法 254
13.3.1 常量和变量 255
13.3.2 表达式和运算符 256
13.3.3 基本语句 257
13.3.4 函数 261
第14章 JavaScript中的事件 262
14.1 onClick事件 262
14.2 onchange事件 264
14.3 onSelect事件 265
14.4 onFocus事件 266
14.5 onLoad事件 267
14.6 onBlur事件 268
14.7 onMouseOver事件 269
14.8 onMouseOut事件 271
14.9 onDblClick事件 272
14.10 其他常用事件 273
第15章 JavaScript函数和对象 275
15.1 什么是函数 275
15.2 函数的定义 276
15.2.1 函数的普通定义方式 276
15.2.2 函数的变量定义方式 277
15.2.3 函数的指针调用方式 278
15.3 JavaScript对象的声明和引用 279
15.3.1 声明和实例化 279
15.3.2 对象的引用 281
15.4 浏览器对象 282
15.4.1 navigator对象 282
15.4.2 windows对象 283
15.4.3 location对象 284
15.4.4 history对象 285
15.4.5 document对象 286
15.5 内置对象 287
15.5.1 date对象 287
15.5.2 数学对象math 290
15.5.3 字符串对象string 291
15.5.4 数组对象array 292
第5部分 Flash动画设计篇 296
第16章 绘制图形和编辑对象 296
16.1 Flash概述 296
16.2 Flash CC工作界面 296
16.2.1 菜单栏 297
16.2.2 工具箱 297
16.2.3 时间轴面板 298
16.2.4 舞台 299
16.2.5 属性面板 299
16.2.6 面板组 300
16.3 绘制图形对象 300
16.3.1 线条工具 300
16.3.2 铅笔工具 302
16.3.3 钢笔工具 303
16.3.4 椭圆工具 304
16.3.5 矩形工具 305
16.3.6 多角星形工具 306
16.4 填充图形对象 308
16.4.1 墨水瓶工具 308
16.4.2 颜料桶工具 309
16.4.3 滴管工具 310
16.4.4 刷子工具 311
16.4.5 渐变变形工具 313
16.5 对象的基本操作 314
16.5.1 使用选择工具选择对象 314
16.5.2 使用套索工具选择对象 314
16.5.3 移动、复制和删除对象 315
16.6 实战演练—绘制网页标志 318
第17章 使用文本工具创建文字 322
17.1 使用文本工具 322
17.1.1 静态文本 322
17.1.2 动态文本 323
17.1.3 输入文本 324
17.2 设置文本样式 325
17.2.1 消除文本锯齿 325
17.2.2 设置文字属性 326
17.2.3 创建文字链接 327
17.2.4 分离与打散文字 328
17.3 对文本使用滤镜效果 330
17.3.1 给文本添加滤镜 330
17.3.2 设置滤镜效果 331
17.4 实战演练——制作立体文字 335
第18章 使用时间轴与图层 337
18.1 时间轴与帧 337
18.1.1 时间轴 337
18.1.2 帧 338
18.2 图层概述 339
18.2.1 图层的类型 339
18.2.2 创建图层和图层文件夹 339
18.2.3 修改图层属性 340
18.2.4 编辑图层 341
18.3 使用引导层 342
18.3.1 引导层动画创建方法和技巧 342
18.3.2 创建引导层动画实例 342
18.4 使用遮罩层 346
18.4.1 遮罩层动画创建方法和技巧 346
18.4.2 利用遮罩层创建滚动图片效果 346
18.5 实战演练——利用遮罩层制作动画 351
第19章 创建基本Flash动画 355
19.1 动画的基本类型 355
19.2 利用逐帧动画制作圣诞贺卡 355
19.3 创建动画补间动画 359
19.3.1 动画补间动画的创建方法和技巧 359
19.3.2 利用动画补间创建对象的缩放与淡出效果 359
19.3.3 利用动画补间创建对象的旋转与颜色变化效果 362
19.4 创建形状补间动画 365
19.5 制作带音效的按钮 369
第20章 使用ActionScript制作交互动画 373
20.1 ActionScript简介 373
20.2 ActionScript基础 373
20.2.1 ActionScript中的相关术语 374
20.2.2 ActionScript 3.0基本语法 374
20.3 常用ActionScript语句 376
20.3.1 for循环 376
20.3.2 while和do while 循环 377
20.3.3 if语句 377
20.3.4 特殊条件判断 378
20.4 ActionScript的编辑环境 378
20.5 实战演练 379
实例1——stop和play语句 379
实例2——制作下雪效果 383
第21章 HTML5动画 388
21.1 HTML 5简介 388
21.1.1 HTML5基础 388
21.1.2 向后兼容 389
21.1.3 更加简化 389
21.1.4 HTML 5语法中的三个要点 389
21.2 新增的主体结构元素 390
21.2.1 实例应用——article元素 390
21.2.2 实例应用——section元素 392
21.2.3 实例应用——nav元素 393
21.2.4 aside元素 396
21.3 canvas元素 397
21.3.1 绘制矩形 397
21.3.2 绘画对角线 398
21.4 实战演练——利用HTML5制作3D爱心动画 399
第6部分 Photoshop CC图像处理篇 402
第22章 Photoshop基础操作 402
22.1 Photoshop CC工作界面 402
22.1.1 菜单栏 403
22.1.2 工具箱及工具选项栏 403
22.1.3 文档窗口及状态栏 404
22.1.4 面板组 404
22.2 快速调整图像 404
22.2.1 调整图像大小 405
22.2.2 使用色阶命令美化图像 406
22.2.3 使用曲线命令美化图像 407
22.2.4 调整图像亮度与对比度 408
22.2.5 使用色彩平衡 409
22.2.6 调整图像色相与饱和度 410
22.3 实战演练 411
实例1——制作电影图片效果 411
实例2——调整曝光不足的照片 415
第23章 使用绘图工具绘制图像 417
23.1 创建选择区域 417
23.1.1 选框工具 417
23.1.2 套索工具 419
23.1.3 魔棒工具 421
23.2 基本绘图工具 421
23.2.1 画笔工具 422
23.2.2 铅笔工具 423
23.2.3 仿制图章工具 424
23.2.4 图案图章工具 425
23.2.5 橡皮擦工具 426
23.2.6 油漆桶工具和渐变工具 426
23.3 形状工具 428
23.3.1 矩形工具 428
23.3.2 圆角矩形工具 429
23.3.3 椭圆工具 430
23.3.4 多边形工具 431
23.4 实战演练—绘制网页标志 432
第24章 图层与文本的使用 436
24.1 新建和删除图层 436
24.1.1 新建图层 436
24.1.2 删除图层 437
24.1.3 新建图层组 437
24.2 图层的特殊混合 438
24.3 应用图层样式 440
24.4 使用文本工具 441
24.4.1 输入文字 441
24.4.2 设置文字属性 442
24.4.3 创建路径文字 444
24.5 实战演练 445
实例1——制作立体文字效果 445
实例2——制作图案文字效果 447
第25章 设计制作网页中的图像 450
25.1 网站Logo的制作 450
25.1.1 Logo设计标准 450
25.1.2 网站Logo的规格 450
25.1.3 实战演练1——设计网站Logo 451
25.2 网络广告的制作 453
25.2.1 网页广告设计要素 453
25.2.2 网络广告设计技巧 453
25.2.3 实战演练2——制作宣传广告 454
25.3 网页切片输出 459
25.3.1 创建切片 459
25.3.2 编辑切片 459
25.3.3 优化和输出切片 460
实战演练3——设计网站主页 461
第7部分 网站综合案例篇 472
第26章 企业网站制作综合实例 472
26.1 网站规划 472
26.1.1 网站需求分析 472
26.1.2 确定网站的版式设计 473
26.1.3 确定网站主要色彩搭配 473
26.2 设计网站封面型首页 474
26.2.1 设计网站首页 474
26.2.2 切割网站首页 478
26.3 使用CSS＋div布局网站主页 480
26.3.1 分析架构 480
26.3.2 页面通用规则 481
26.3.3 制作网站header导航部分 482
26.3.4 制作网站special部分 486
26.3.5 制作会员登录部分 488
26.3.6 制作装修案例部分 491