第1篇基础入门 3
第1章 开启网页设计之路——网页设计与网站建设基础 3
1.1 认识网页和网站 4
1.1.1 什么是网页 4
1.1.2 什么是网站 5
1.1.3 网站的种类和特点 5
1.2 网页的相关概念 7
1.2.1 因特网与万维网 7
1.2.2 浏览器与HTML 7
1.2.3 URL、域名与IP地址 8
1.2.4 上传和下载 8
1.3 网页的HTML构成 9
1.3.1 文档标记 9
1.3.2 头部标记 10
1.3.3 主体标记 10
1.4 HTML的常用标记 11
1.4.1 标题标记 11
1.4.2 段落标记 11
1.4.3 换行标记 12
1.4.4 链接标记 13
1.4.5 列表标记 14
1.4.6 图像标记 17
1.4.7 表格标记 19
1.4.8 表单标记 21
1.5 综合案例——制作日程表 22
1.6 疑难解惑 25
第2章 整体把握网站结构——网页配色与网站布局 27
2.1 善用色彩设计网页 28
2.1.1 认识色彩 28
2.1.2 确定网站的主题色 29
2.1.3 网页中色彩的搭配 31
2.1.4 网页元素的色彩搭配 32
2.1.5 网页色彩搭配的技巧 34
2.2 常见网站的布局结构 36
2.2.1 “国”字型 36
2.2.2 标题正文型 37
2.2.3 左右框架型 37
2.2.4 上下框架型 37
2.2.5 综合框架型 38
2.2.6 封面型 38
2.2.7 Flash型 38
2.3 综合案例——定位网站页面的框架 39
2.4 疑难解惑 40
第2篇网页内容设计 43
第3章 磨刀不误砍柴工——使用Dreamweaver CC创建站点 43
3.1 认识Dreamweaver CC 44
3.1.1 启动Dreamweaver CC 44
3.1.2 认识Dreamweaver CC的工作区 45
3.1.3 体验Dreamweaver CC的新增功能 47
3.2 创建站点 50
3.2.1 案例1——创建本地站点 50
3.2.2 案例2——创建远程站点 51
3.3 管理站点 52
3.3.1 案例3——打开站点 52
3.3.2 案例4——编辑站点 52
3.3.3 案例5——删除站点 53
3.3.4 案例6——复制站点 54
3.3.5 案例7——导出与导入站点 54
3.4 操作站点文件及文件夹 55
3.4.1 案例8——创建文件夹 56
3.4.2 案例9——创建文件 56
3.4.3 案例10——文件或文件夹的移动和复制 57
3.4.4 案例11——删除文件或文件夹 57
3.5 综合案例——创建本地站点 58
3.6 疑难解惑 59
第4章 制作我的第一个网页——使用文本丰富网页内容 61
4.1 网页文档的基本操作 62
4.1.1 案例1——创建网页 62
4.1.2 案例2——页面属性 62
4.1.3 案例3——保存网页 64
4.1.4 案例4——打开网页 65
4.1.5 案例5——预览网页 66
4.2 添加网页内容 67
4.2.1 案例6——插入文字 67
4.2.2 案例7——设置字体 68
4.2.3 案例8——设置字号 68
4.2.4 案例9——设置字体颜色 69
4.2.5 案例10——设置字体样式 70
4.2.6 案例11——编辑段落 72
4.2.7 案例12——创建项目列表 77
4.3 使用特殊文本添加网页内容 79
4.3.1 案例13——插入换行符 79
4.3.2 案例14——插入水平线 79
4.3.3 案例15——插入日期 80
4.3.4 案例16——插入特殊字符 81
4.4 综合案例——制作图文并茂的网页 82
4.5 疑难解惑 84
第5章 有图有真相——使用图像与多媒体网页元素 87
5.1 常用图像格式 88
5.1.1 GIF格式 88
5.1.2 JPEG格式 88
5.1.3 PNG格式 89
5.2 用图像美化网页 89
5.2.1 案例1——插入图像 89
5.2.2 案例2——设置图像的属性 91
5.2.3 案例3——设置图像对齐方式 93
5.2.4 案例4——剪裁需要的图像 94
5.2.5 案例5——调整图像的亮度与对比度 95
5.2.6 案例6——设置图像的锐化效果 96
5.3 插入其他图像元素 97
5.3.1 案例7——插入鼠标经过图像 97
5.3.2 案例8——插入图像占位符 99
5.4 在网页中插入多媒体 100
5.4.1 案例9——插入背景音乐 100
5.4.2 案例10——插入Flash动画 101
5.4.3 案例11——插入FLV视频 102
5.4.4 案例12——插入HTML 5音频 104
5.4.5 案例13——插入HTML 5视频 105
5.5 综合案例1——制作精彩的多媒体网页 107
5.6 综合案例2——在代码视图中插入背景音乐 109
5.7 疑难解惑 110
第6章 不在网页中迷路——设计网页中的超链接 113
6.1 超级链接 114
6.1.1 链接的概念 114
6.1.2 常规链接 114
6.1.3 链接的类型 115
6.2 链接路径 116
6.2.1 什么是URL 116
6.2.2 绝对路径 116
6.2.3 文档相对路径 117
6.2.4 根相对路径 117
6.3 创建超级链接的方法 117
6.3.1 案例1——使用菜单命令创建链接 117
6.3.2 案例2——使用【属性】面板创建链接 118
6.3.3 案例3——使用【指向文件】按钮创建链接 118
6.4 创建不同种类的网页超链接 119
6.4.1 案例4——添加文本链接 119
6.4.2 案例5——添加图像链接 120
6.4.3 案例6——创建外部链接 121
6.4.4 案例7——创建锚记链接 121
6.4.5 案例8——创建图像热点链接 123
6.4.6 案例9——创建电子邮件链接 124
6.4.7 案例10——创建下载文件的链接 125
6.4.8 案例11——创建空链接 126
6.4.9 案例12——创建脚本链接 126
6.5 综合案例——为企业网站添加友情链接 128
6.6 疑难解惑 128
第7章 让网页互动起来——使用网页表单和行为 129
7.1 认识表单 130
7.1.1 什么是表单 130
7.1.2 认识表单对象 130
7.1.3 案例1——插入表单 133
7.1.4 案例2——设置表单属性 134
7.2 常用表单对象的应用 135
7.2.1 案例3——插入文本域 135
7.2.2 案例4——插入密码域 136
7.2.3 案例5——插入复选框 137
7.2.4 案例6——插入单选按钮 138
7.2.5 案例7——插入下拉菜单 138
7.2.6 案例8——插入滚动列表 139
7.2.7 案例9——插入按钮 140
7.2.8 案例10——插入图像按钮 140
7.2.9 案例11——插入文件上传域 141
7.3 认识行为 142
7.3.1 行为的概念 142
7.3.2 案例12——打开【行为】面板 143
7.4 常用内置行为的应用 143
7.4.1 案例13——交换图像 143
7.4.2 案例14——弹出信息 145
7.4.3 案例15——打开浏览器窗口 146
7.4.4 案例16——检查表单行为 148
7.4.5 案例17——设置状态栏文本 149
7.5 综合案例——使用表单制作留言本 151
7.6 疑难解惑 154
第3篇网页元素设计 157
第8章 网页图像说变就变——调整与修饰图像 157
8.1 图像色调的调整 158
8.1.1 案例1——调整图像的亮度与对比度 158
8.1.2 案例2——使用【色阶】命令调整图像 158
8.1.3 案例3——使用【曲线】命令调整图像 162
8.1.4 案例4——调整图像的曝光度 165
8.2 图像色彩的调整 166
8.2.1 案例5——使用【色相饱和度】命令 166
8.2.2 案例6——使用【自然饱和度】命令 168
8.2.3 案例7——使用【色彩平衡】命令 168
8.2.4 案例8——使用【黑白】命令 169
8.2.5 案例9——使用【照片滤镜】命令 170
8.2.6 案例10——使用【通道混合器】命令 171
8.2.7 案例11——使用【匹配颜色】命令 172
8.2.8 案例12——使用【替换颜色】命令 174
8.2.9 案例13——使用【可选颜色】命令 175
8.2.10 案例14——使用【阴影高光】命令 177
8.3 修复图像中的污点与瑕疵 178
8.3.1 案例15——修复图像中的污点 178
8.3.2 案例16——修复图像中的瑕疵 179
8.3.3 案例17——修复图像选中的区域 179
8.3.4 案例18——内容感知移动工具 180
8.3.5 案例19——消除照片中的红眼 181
8.4 通过图像或图案修饰图像 182
8.4.1 案例20——通过复制图像修饰图像 182
8.4.2 案例21——通过图案修饰图像 183
8.5 通过橡皮擦修饰图像 183
8.5.1 案例22——擦除图像中指定的区域 184
8.5.2 案例23——擦除图像中的指定颜色 184
8.5.3 案例24——擦除图像中相近的颜色 185
8.6 修饰图像中的细节 186
8.6.1 案例25——修饰图像中生硬的边缘 186
8.6.2 案例26——提高图像的清晰度 187
8.6.3 案例27——通过涂抹修饰图像 187
8.7 通过调色修饰图像 188
8.7.1 案例28——减淡工具和加深工具 188
8.7.2 案例29——改变图像色彩的饱和度 189
8.8 综合案例——制作放射线背景图 189
8.9 疑难解惑 190
第9章 有情有义的文字——制作网页特效文字 191
9.1 文字的类型 192
9.2 输入文字 192
9.2.1 案例1——通过文字工具输入文字 192
9.2.2 案例2——通过文字蒙版工具输入文字状选区 194
9.2.3 案例3——转换点文字和段落文字 195
9.2.4 案例4——转换文字排列方向 195
9.3 设置文字格式 196
9.3.1 案例5——通过选项栏设置格式 196
9.3.2 案例6——通过【字符】面板设置文字格式 197
9.3.3 案例7——通过【段落】面板设置段落格式 198
9.3.4 案例8——设置字符样式和段落样式 200
9.3.5 案例9——查找和替换文本 200
9.4 文字转换 201
9.4.1 案例10——将文字转换为工作路径 201
9.4.2 案例11——将文字转换为形状 202
9.4.3 案例12——将文字转换为图像 202
9.5 制作常见特效文字 203
9.5.1 案例13——制作路径文字 203
9.5.2 案例14——制作变形文字 204
9.5.3 案例15——制作燃烧文字特效 206
9.6 综合案例——制作空心轮廓字 208
9.7 疑难解惑 210
第10章 网页中的路标——制作网页按钮与导航条 211
10.1 按钮与导航条的设计原则 212
10.1.1 网页按钮的设计注意事项 212
10.1.2 网页导航条的设计注意事项 212
10.2 制作按钮 213
10.2.1 案例1——制作普通按钮 213
10.2.2 案例2——制作迷你按钮 214
10.2.3 案例3——制作水晶按钮 217
10.2.4 案例4——制作木纹按钮 221
10.3 制作导航条 224
10.3.1 案例5——制作横向导航条 224
10.3.2 案例6——制作垂直导航条 226
10.4 综合案例——制作水晶风格网站导航条 228
10.5 疑难解惑 234
第11章 网页中迷人的蓝海——制作网页特效边线与背景 235
11.1 制作装饰边线 236
11.1.1 案例1——制作装饰虚线 236
11.1.2 案例2——制作内嵌线条 238
11.1.3 案例3——制作斜纹线条 239
11.2 制作网页背景图片 241
11.2.1 案例4——制作渐变背景图片 241
11.2.2 案例5——制作透明背景图像 244
11.3 综合案例——制作梦幻星光网页背景 245
11.4 疑难解惑 249
第12章 网页中的标志与旗帜——制作网页Logo与网页Banner 251
12.1 网页Logo与Banner概述 252
12.1.1 网页Logo设计标准 252
12.1.2 网页Logo的标准尺寸 253
12.1.3 网页Logo的一般形式 254
12.1.4 网页Banner的标准尺寸 255
12.1.5 Banner设计注意要点 255
12.2 制作文字Logo 255
12.2.1 案例1——制作背景 255
12.2.2 案例2——制作文字内容 256
12.2.3 案例3——绘制自定义形状 257
12.2.4 案例4——美化文字Logo 258
12.3 制作图案Logo 260
12.3.1 案例5——制作背景 260
12.3.2 案例6——制作图案效果 262
12.4 制作英文Banner 264
12.4.1 案例7——制作Banner背景 264
12.4.2 案例8——制作Banner底纹 265
12.4.3 案例9——制作文字特效 267
12.5 制作中文Banner 267
12.5.1 案例10——输入特效文字 267
12.5.2 案例11——将输入的文字设置为3D效果 268
12.5.3 案例12——制作Banner背景 270
12.6 综合案例1——制作图文结合Logo 271
12.7 综合案例2——制作图文结合Banner 275
12.8 疑难解惑 277
第4篇网页动画设计 281
第13章 让网页活灵活现——制作简单网页动画元素 281
13.1 Flash的基本功能 282
13.1.1 矢量绘图 282
13.1.2 动画设计 282
13.1.3 强大的编程功能 282
13.2 时间轴、帧和图层 283
13.2.1 什么是图层 283
13.2.2 时间轴与帧 284
13.3 制作简单动画 285
13.3.1 案例1——制作帧帧动画 285
13.3.2 案例2——制作补间动画 288
13.3.3 案例3——制作遮罩动画 292
13.3.4 案例4——使用动画预设 294
13.4 综合案例——制作数字倒计时动画 295
13.5 疑难解惑 297
第14章 快速组织动画素材——使用元件和库 299
14.1 创建Flash元件 300
14.1.1 元件概述与分类 300
14.1.2 案例1——创建图形元件 300
14.1.3 案例2——创建按钮元件 301
14.1.4 案例3——创建影片剪辑元件 304
14.1.5 案例4——调用其他文档中的元件 306
14.2 使用实例 306
14.2.1 案例5——为实例另外指定一个元件 307
14.2.2 案例6——改变实例属性 307
14.3 使用【库】面板 310
14.3.1 案例7——认识【库】面板 310
14.3.2 案例8——库的管理与使用 311
14.4 综合案例——制作绚丽网页按钮 313
14.5 疑难解惑 317
第15章 网页元素的动态交互——创建交互式动画 319
15.1 ActionScript概述 320
15.1.1 ActionScript基本术语 320
15.1.2 【动作】面板 321
15.2 使用ActionScript制作动画特效 322
15.2.1 案例1——制作按钮切换图片效果 322
15.2.2 案例2——制作按钮切换背景颜色效果 327
15.2.3 案例3——制作星光闪烁效果 332
15.3 Flash常用组件的使用 336
15.3.1 案例4——组件的添加与删除 337
15.3.2 案例5——Button（按钮）组件 338
15.3.3 案例6——CheckBox（复选框）组件 339
15.3.4 案例7——ComboBox（下拉列表）组件 340
15.3.5 案例8——List平铺滚动组件 342
15.3.6 案例9——RadioButton（单选按钮）组件 344
15.3.7 案例10——ProgressBar（加载进度）组件 346
15.3.8 案例11——ScrollPane（滚动条窗口）组件 347
15.4 综合案例——制作飘雪效果 349
15.5 疑难解惑 352
第16章 让网页动起来——制作动态网站的Logo与Banner 353
16.1 制作滚动文字Logo 354
16.1.1 设置文档属性 354
16.1.2 制作文字元件 354
16.1.3 制作滚动效果 355
16.2 制作产品Banner 357
16.2.1 制作文字动画 357
16.2.2 制作文字遮罩动画 359
16.2.3 制作图片动画 360
16.3 疑难解惑 362
第17章 动态网页元素的输出——Flash动画的测试与发布 363
17.1 Flash动画的优化 364
17.1.1 案例1——动画的优化 364
17.1.2 案例2——动画的测试 365
17.2 输出前的格式设置 366
17.2.1 案例3——Flash输出的设置 366
17.2.2 案例4——HTML输出的设置 367
17.2.3 案例5——GIF输出的设置 369
17.2.4 案例6——JPEG输出的设置 370
17.2.5 案例7——PNG输出的设置 371
17.3 Flash动画的发布 372
17.3.1 案例8——导出动画 372
17.3.2 案例9——预览发布动画 373
17.4 疑难解惑 374
第5篇项目开发 377
第18章 读懂样式表密码——使用CSS层叠样式表 377
18.1 初识CSS样式表 378
18.1.1 什么是CSS 378
18.1.2 CSS的3种类型 378
18.1.3 CSS的语法格式 379
18.1.4 案例1——使用Dreamweaver编写CSS 380
18.2 CSS的使用方式 381
18.2.1 案例2——行内样式 382
18.2.2 案例3——内嵌样式 382
18.2.3 案例4——链接样式 383
18.2.4 案例5——导入样式 385
18.3 CSS中的常用样式 386
18.3.1 案例6——使用字体样式 386
18.3.2 案例7——使用文本样式 390
18.3.3 案例8——使用背景样式 394
18.3.4 案例9——设计边框样式 401
18.3.5 案例10——设置列表样式 405
18.4 综合案例——制作简单公司主页 409
18.5 疑难解惑 412
第19章 架构师的大比拼——利用Div+CSS布局网页 413
19.1 认识并创建层 414
19.1.1 什么是层 414
19.1.2 案例1——使用Dreamweaver创建层 414
19.2 Div层的定位方法 415
19.2.1 盒子模型的概念 415
19.2.2 案例2——定义网页border区域 415
19.2.3 案例3——定义网页padding区域 417
19.2.4 案例4——定义网页margin区域 418
19.3 使用CSS排版 421
19.3.1 案例5——将页面用div分块 421
19.3.2 案例6——设置各块位置 422
19.3.3 案例7——用CSS定位 422
19.4 常见网页布局模式 425
19.4.1 案例8——网页单列布局模式 425
19.4.2 案例9——网页1-2-1型布局模式 429
19.4.3 案例10——网页1-3-1型布局模式 432
19.5 综合案例——创建左右布局页面 435
19.6 疑难解惑 438
第20章 制作动态网页基础——构建动态网站的运行环境 439
20.1 PHP基本知识 440
20.1.1 PHP的概念 440
20.1.2 PHP语言的优势 440
20.1.3 PHP服务器概述 440
20.2 安装PHP前的准备工作 441
20.2.1 软硬件环境 441
20.2.2 案例1——获取PHP 7.1 安装资源包 442
20.3 PHP+IIS服务器的安装配置 443
20.3.1 案例2——IIS简介及安装 443
20.3.2 案例3——PHP的安装 444
20.3.3 案例4——设置虚拟目录 447
20.4 PHP+Apache服务器的环境搭建 447
20.4.1 Apache简介 447
20.4.2 案例5——关闭原有的网站服务器 448
20.4.3 案例6——安装Apache 449
20.4.4 案例7——将PHP与Apache建立关联 450
20.5 在Windows下使用WampServer组合包 451
20.6 综合案例——测试第一个PHP程序 454
20.7 疑难解惑 455
第21章 构建动态网站后台数据——使用MySQL数据库 457
21.1 定义一个互动网站 458
21.1.1 定义互动网站的重要性 458
21.1.2 网页取得数据库的原理 458
21.1.3 案例1——在Dreamweaver CC中定义网站 459
21.2 MySQL数据库的安装和管理 462
21.2.1 案例2——MySQL数据库的安装 462
21.2.2 案例3——MySQL数据库的配置 466
21.2.3 案例4——phpMyAdmin的安装 470
21.2.4 案例5——MySQL数据库的建立 471
21.3 在网页中使用MySQL数据库 477
21.3.1 案例6——添加【数据库】面板 477
21.3.2 案例7——建立MySQL数据库连接 479
21.3.3 案例8——绑定记录集 481
21.4 数据库的备份与还原 484
21.4.1 案例9——数据库的备份 484
21.4.2 案例10——数据库的还原 485
21.5 综合案例——给我的MySQL数据库加密 486
21.6 疑难解惑 487
第22章 综合应用案例——开发网站用户管理系统 489
22.1 系统的功能分析 490
22.1.1 规划网页结构和功能 490
22.1.2 站点文件规划 491
22.1.3 网页美工设计 491
22.2 数据库设计与连接 491
22.2.1 数据库设计 492
22.2.2 创建数据库连接 494
22.3 用户登录模块的设计 496
22.3.1 登录页面 496
22.3.2 登录成功和登录失败页面的制作 504
22.3.3 用户登录系统功能的测试 506
22.4 用户注册模块的设计 507
22.4.1 用户注册页面 507
22.4.2 注册成功和注册失败页面 512
22.4.3 用户注册功能的测试 513
22.5 用户注册资料修改模块的设计 514
22.5.1 修改资料页面 514
22.5.2 更新成功页面 516
22.5.3 修改资料功能的测试 517
22.6 密码查询模块的设计 518
22.6.1 密码查询页面 518
22.6.2 完善密码查询功能页面 522
22.6.3 密码查询模块的测试 524