《Dreamweaver CC+Flash CC+Photoshop CC网页设计案例课堂》是清华大学出版社出版的图书。
基本介绍
- 书名：Dreamweaver CC+Flash CC+Photoshop CC网页设计案例课堂
- 作者：刘春茂
- ISBN：9787302491897
- 定价：69元
- 出版时间：2018.02.01
- 印次：2-1
- 印刷日期：2018.02.08
内容简介
《Dreamweaver CC+Flash CC+Photoshop CC网页设计案例课堂(第2版)》以零基础讲解为宗旨，用实例引导读者深入学习，採取“基础入门→网页内容设计→网页元素设计→网页动画设计→项目开发”的讲解模式，深入浅出地讲解网页设计的各项技术及实战技能。《Dreamweaver CC+Flash CC+Photoshop CC网页设计案例课堂(第2版)》第1篇“基础入门”主要内容包括网页设计与网站建设基础、网页配色与网站布局等；第2篇“网页内容设计”主要内容包括使用Dreamweaver CC创建站点、使用文本丰富网页内容、使用图像与多媒体网页元素、设计网页中的超连结、使用网页表单和行为等；第3篇“网页元素设计”主要内容包括调整与修饰图像、製作网页特效文字、製作网页按钮与导航条、製作网页特效边线与背景、製作网页Logo与网页Banner等；
作者简介
刘春茂，本科毕业于上海复旦大学，硕士毕业于清华大学。曾在美国IBM公司移动产品开发组从事Android平台套用的开发。
图书目录
第1篇 基 础 入 门
第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.7Flash型 38
2.3综合案例——定位网站页面的框架 39
2.4疑难解惑 40
第2篇网页内容设计
第3章磨刀不误砍柴工——使用
DreamweaverCC创建站点 43
3.1认识DreamweaverCC 44
3.1.1启动DreamweaverCC 44
3.1.2认识DreamweaverCC的工作区 45
3.1.3体验DreamweaverCC的新增功能 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.1GIF格式 88
5.1.2JPEG格式 88
5.1.3PNG格式 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——插入HTML5音频 104
5.4.5案例13——插入HTML5视频 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.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.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篇网页元素设计
第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.5Banner设计注意要点 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篇网页动画设计
第13章让网页活灵活现——製作简单网页动画元素 281
13.1Flash的基本功能 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.1ActionScript概述 320
15.1.1ActionScript基本术语 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.3Flash常用组件的使用 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.1Flash动画的最佳化 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.3Flash动画的发布 372
17.3.1案例8——导出动画 372
17.3.2案例9——预览发布动画 373
17.4疑难解惑 374
第5篇项目开发
第18章读懂样式表密码——使用CSS层叠样式表 377
18.1初识CSS样式表 378
18.1.1什幺是CSS 378
18.1.2CSS的3种类型 378
18.1.3CSS的语法格式 379
18.1.4案例1——使用Dreamweaver编写CSS 380
18.2CSS的使用方式 381
18.2.1案例2——行内样式 382
18.2.2案例3——内嵌样式 382
18.2.3案例4——连结样式 383
18.2.4案例5——导入样式 385
18.3CSS中的常用样式 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.2Div层的定位方法 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.1PHP基本知识 440
20.1.1PHP的概念 440
20.1.2PHP语言的优势 440
20.1.3PHP伺服器概述 440
20.2安装PHP前的準备工作 441
20.2.1软硬体环境 441
20.2.2案例1——获取PHP7.1安装资源包 442
20.3PHP+IIS伺服器的安装配置 443
20.3.1案例2——IIS简介及安装 443
20.3.2案例3——PHP的安装 444
20.3.3案例4——设定虚拟目录 447
20.4PHP+Apache伺服器的环境搭建 447
20.4.1Apache简介 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——在DreamweaverCC中定义网站 459
21.2MySQL资料库的安装和管理 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