《Dreamweaver+Flash+Photoshop网页设计从入门到精通》(清华社“视频大讲堂”大系)通过基础知识+中小实例+实战案例的方式讲述,配有大量视频,适合快速上手。它虽是用CS5写成,但几乎所有内容也适合CS6。它还是一本由浅入深的网页设计和网站开发类百科全书式教程,全书共分为5大部分23章,详细介绍了Dreamweaver CS5、Photoshop CS5和Flash CS5的综合使用方法、操作技巧和实战案例。内容包括使用Dreamweaver CS5创建网页对象,使用DIV+CSS布局网页,应用表单和行为,网页制作精彩实例,使用Flash设计元件,设计时间轴动画,使用Photoshop设计网页元素,网页效果图切片与输出,以及设计首页效果图等知识。本书作者具有多年网站设计与教学经验,对所有的实例都亲自实践与测试,力求呈现给读者的每一个实例都是真实而完整的。
更多相关内容请关注:Photoshop视频教程专区
第1章 网页设计与网站开发准备 1
1.1 网站类型概述 2
1.1.1 网站分类 2
1.1.2 网站类型定位 4
1.1.3 个人网站目标分析 6
1.2 网站盈利模式 8
1.2.1 广告费 8
1.2.2 技术费 9
1.2.3 标准费 9
1.2.4 服务费 9
1.2.5 平台费 9
1.2.6 会员费 10
1.2.7 增值费 10
1.2.8 游戏费 10
1.2.9 电商盈利费 11
1.3 网页设计常用工具 11
1.3.1 Dreamweaver 11
1.3.2 Photoshop 11
1.3.3 Flash 11
1.4 网站开发筹备 12
1.4.1 了解网站工作方式 12
1.4.2 了解动态网站类型 13
1.4.3 申请域名和购买空间 14
1.5 网站规划 18
1.5.1 设计规划 18
1.5.2 素材筹备 18
1.5.3 风格设计 18
1.5.4 结构设计 19
1.5.5 撰写网站规划书 19
第2章 Dreamweaver快速入门 25
视频讲解:1小时36分钟
2.1 熟悉Dreamweaver CS5操作界面 27
2.1.1 打开编辑窗口 28
2.1.2 标题栏 29
2.1.3 菜单栏 29
2.1.4 工具栏 29
2.1.5 状态栏 31
2.1.6 属性面板 31
2.1.7 浮动面板 31
2.2 Dreamweaver界面操作演练 32
2.2.1 使用标尺 32
2.2.2 使用网格 33
2.2.3 使用辅助线 34
2.2.4 使用历史记录 35
2.3 定义和管理站点 36
2.3.1 定义本地静态站点 36
2.3.2 设置站点配置选项 37
2.3.3 管理站点 41
2.4 编辑站点内容 42
2.4.1 熟悉文件面板 42
2.4.2 操作站点文件和文件夹 44
2.5 创建网页 48
2.5.1 新建网页 49
2.5.2 设置页面基本属性 50
2.5.3 设置网页元信息 52
2.5.4 实战演练:设置网页元信息 53
第3章 文本之美 56
视频讲解:54分钟
3.1 输入文本 57
3.2 设置文本属性 58
3.2.1 实战演练:定义文本格式类型 58
3.2.2 实战演练:定义字体属性 63
3.2.3 实战演练:定义段落版式 69
3.3 设置列表样式 72
3.3.1 实战演练:创建项目列表 73
3.3.2 实战演练:创建编号列表 74
3.3.3 实战演练:创建嵌套列表 75
3.3.4 实战演练:创建定义列表 78
第4章 用图像和多媒体丰富页面 80
视频讲解:53分钟
4.1 在网页中插入图像 81
4.1.1 实战演练:在网页中插入图像 81
4.1.2 实战演练:插入图像占位符 83
4.1.3 实战演练:插入鼠标经过图像 84
4.2 设置图像属性 87
4.3 编辑网页图像 88
4.4 实战演练:图文混排 90
4.5 插入Flash动画 93
4.6 插入FLV视频 97
4.7 插入音频 102
4.8 插入视频 104
第5章 设计超链接和导航菜单 106
视频讲解:42分钟
5.1 超链接概述 107
5.1.1 绝对路径 107
5.1.2 相对路径 108
5.1.3 根路径 108
5.2 定义超链接的方法 108
5.2.1 使用属性面板 108
5.2.2 使用指向文件图标 109
5.2.3 使用【超级链接】对话框 110
5.2.4 使用快捷菜单 111
5.2.5 鼠标拖动 111
5.2.6 使用源代码 111
5.3 使用超链接 112
5.3.1 实战演练:创建锚点链接 112
5.3.2 实战演练:创建E-Mail链接 114
5.3.3 实战演练:创建脚本链接 116
5.3.4 实战演练:创建空链接 117
5.3.5 实战演练:创建下载链接 117
5.3.6 实战演练:创建双链接或多重链接 119
5.4 创建图像地图 120
第6章 使用表格布局网页 123
视频讲解:1小时18分钟
6.1 插入表格 124
6.2 操作练习:选择表格 126
6.2.1 选择完整的表格 127
6.2.2 选择行和列 128
6.2.3 选择单元格 129
6.3 表格属性 130
6.3.1 操作练习:设置表格框属性 130
6.3.2 操作练习:设置表格对象属性 131
6.3.3 操作练习:设置表格特殊属性 134
6.4 实战演练:操作表格 136
6.4.1 调整大小 136
6.4.2 清除、均化大小 138
6.4.3 增加行、列 139
6.4.4 删除行、列、单元格内容 140
6.4.5 剪切、复制和粘贴单元格 141
6.4.6 合并和拆分单元格 143
6.5 实战演练:操作表格数据 144
6.5.1 导入数据 145
6.5.2 导出数据 147
6.5.3 数据排序 148
6.6 实战演练:使用表格设计网页 150
第7章 使用框架布局网页 157
视频讲解:55分钟
7.1 认识框架 158
7.2 创建框架 158
7.2.1 预定义框架集 159
7.2.2 自定义框架集 160
7.2.3 自定义嵌套框架 161
7.2.4 用HTML定义框架集 162
7.3 操作练习:选择框架 163
7.3.1 选择框架集 163
7.3.2 选择框架 164
7.4 框架属性 164
7.4.1 操作练习:设置框架集属性 164
7.4.2 操作练习:设置框架属性 165
7.5 实战演练:操作框架 166
7.5.1 导入网页 166
7.5.2 设置链接 170
7.5.3 设置无框架提示 171
7.5.4 保存框架 173
7.6 实战演练:设计浮动框架 173
7.6.1 插入浮动框架 173
7.6.2 设置悬浮框架页面 176
第8章 使用CSS美化网页 179
视频讲解:2小时
8.1 CSS基础 180
8.1.1 CSS特点 180
8.1.2 CSS基本语法 180
8.1.3 CSS基本用法 183
8.1.4 CSS属性 184
8.1.5 CSS单位 186
8.1.6 CSS样式优先级 188
8.1.7 CSS类型 189
8.2 用Dreamweaver定义CSS样式 190
8.2.1 操作练习:定义CSS样式 190
8.2.2 实战演练:定义文本样式 193
8.2.3 实战演练:定义背景样式 196
8.2.4 实战演练:定义区块样式 197
8.2.5 实战演练:定义方框样式 200
8.2.6 实战演练:定义边框样式 201
8.2.7 实战演练:定义列表样式 203
8.2.8 实战演练:定义定位样式 206
8.2.9 实战演练:定义扩展样式 208
第9章 使用DIV+CSS布局网页 211
视频讲解:54分钟
9.1 认识AP Div 212
9.2 操作练习:定义AP Div 212
9.2.1 定义独立的AP Div 212
9.2.2 定义嵌套的AP Div 214
9.3 设置AP Div属性 217
9.3.1 选择AP Div对象 217
9.3.2 设置单个AP Div属性 218
9.3.3 设置多个AP Div属性 219
9.4 操作练习:使用AP Div面板 219
9.5 实战演练:操作AP Div 221
9.5.1 在AP Div中插入模块内容 221
9.5.2 编辑AP Div栏目 223
9.5.3 布局AP Div栏目 223
9.5.4 定位AP Div 224
9.5.5 表格布局与AP Div布局快速切换 226
第10章 使用JavaScript行为创建特效网页 232
视频讲解:1小时23分钟
10.1 认识JavaScript行为 233
10.2 添加与编辑JavaScript行为 233
10.2.1 增加行为 234
10.2.2 操作行为 234
10.2.3 浏览器事件介绍 236
10.3 使用预定义行为 238
10.3.1 实战演练:交换图像和恢复交换图像 238
10.3.2 实战演练:弹出信息 241
10.3.3 实战演练:打开新浏览器窗口 242
10.3.4 实战演练:拖动AP元素 245
10.3.5 实战演练:改变属性 248
10.3.6 实战演练:显示-隐藏元素 250
10.3.7 实战演练:检查插件 251
10.3.8 实战演练:设置文本 252
10.3.9 实战演练:调用JavaScript 254
10.3.10 实战演练:跳转菜单 256
10.3.11 隐藏弹出式菜单 258
10.3.12 预先载入图像 259
10.4 上机练习:使用Spry效果 259
10.4.1 添加显示/渐隐效果 259
10.4.2 添加遮帘效果 260
10.4.3 添加增大/收缩效果 261
10.4.4 添加高亮颜色效果 262
10.4.5 添加晃动效果 263
10.4.6 添加挤压效果 264
10.4.7 添加滑动效果 265
第11章 在网页中加入Spry应用 267
视频讲解:1小时11分钟
11.1 认识Spry框架 268
11.1.1 Ajax概述 268
11.1.2 Ajax原理分解 269
11.2 使用Spry显示动态数据 270
11.2.1 定义Spry XML数据集 270
11.2.2 定义Spry区域 276
11.2.3 定义Spry重复项 277
11.2.4 定义Spry重复列表 279
11.3 使用Spry构件 281
11.3.1 认识Spry构件 281
11.3.2 实战演练:定义Spry菜单栏 282
11.3.3 实战演练:定义Spry选项卡式面板 286
11.3.4 实战演练:定义Spry折叠式 289
11.3.5 实战演练:使用Spry验证文本域 292
第12章 建立动态数据库网页 296
视频讲解:1小时41分钟
12.1 动态网站开发基础 297
12.1.1 动态网页制作方法 297
12.1.2 定义服务器 298
12.2 搭建虚拟服务器环境 300
12.2.1 ASP服务器概述 300
12.2.2 安装IIS 301
12.2.3 定义站点 302
12.2.4 设置站点属性 303
12.2.5 定义虚拟目录 306
12.2.6 实战演练:建立动态网站 307
12.3 建立数据库连接 310
12.3.1 认识ODBC、ADO、DSN 310
12.3.2 上机练习:启动ODBC连接服务 310
12.3.3 实战演练:定义DSN连接 312
12.3.4 实战演练:定义字符串连接 314
12.4 定义记录集 316
12.4.1 实战演练:定义简单记录集 316
12.4.2 实战演练:定义高级记录集 318
12.4.3 操作记录集 319
12.5 实战演练:在网页中显示动态数据 321
12.5.1 插入动态文本 322
12.5.2 插入动态图像 323
12.5.3 设计动态下拉列表 324
12.5.4 设计动态文本框 325
12.5.5 设计动态复选框 326
12.5.6 设计动态单选按钮 327
12.5.7 设计动态HTML属性 328
12.5.8 设计重复区域 330
12.5.9 设计记录集分页 332
12.5.10 设计显示区域 334
12.5.11 设计转到详细页面 335
12.5.12 操作记录 337
12.5.13 设计用户管理 342
第13章 Photoshop网页界面设计基础 345
视频讲解:1小时57分钟
13.1 熟悉Photoshop主界面 346
13.1.1 菜单和命令 346
13.1.2 工具箱 347
13.1.3 选项栏 348
13.1.4 浮动面板 348
13.1.5 状态栏 349
13.2 选取范围 349
13.2.1 选取规则区域 349
13.2.2 选取不规则区域 350
13.3 操作选区 355
13.3.1 移动选区 355
13.3.2 编辑选区 356
13.3.3 修改选区 356
13.3.4 变换选区 357
13.3.5 羽化选区 358
13.3.6 案例实战:快速抠字 359
13.4 使用绘图工具 360
13.4.1 使用画笔工具 360
13.4.2 使用铅笔工具 361
13.4.3 使用橡皮擦工具 361
13.4.4 案例实战:绘制球形 361
13.5 绘制矢量图 362
13.5.1 使用钢笔工具 362
13.5.2 转换点类型 365
13.5.3 绘制形状 365
第14章 使用图层和文本 367
视频讲解:1小时30分钟
14.1 Photoshop图层概述 368
14.2 创建图层 369
14.2.1 新建普通图层 369
14.2.2 新建背景图层 370
14.2.3 新建调整图层 371
14.2.4 新建文本图层 372
14.2.5 新建填充图层 372
14.2.6 新建形状图层 373
14.3 操作图层 374
14.3.1 图层基本操作 374
14.3.2 多图层操作 378
14.3.3 合并图层 380
14.3.4 使用图层蒙版 382
14.3.5 使用剪贴组图层 384
14.4 操作文本 386
14.4.1 输入文本 386
14.4.2 设置文本格式 387
14.5 案例实战:制作双环 388
14.6 案例实战:设计倒影文字 390
第15章 设计网页元素 392
视频讲解:1小时26分钟
15.1 制作主图 393
15.2 制作标题文字 393
15.3 制作网页按钮 395
15.4 制作导航条图像 397
15.5 制作网页背景图像 398
15.6 设计网页Logo 400
15.6.1 Logo规格 400
15.6.2 Logo表现形式 400
15.6.3 Logo定位 400
15.6.4 Logo设计技巧 401
15.6.5 案例实战:制作Google标志 401
15.6.6 案例实战:制作迅雷标志 403
15.7 设计网页Banner 407
15.7.1 网页Banner设计策划 407
15.7.2 网页Banner设计技巧 410
15.7.3 案例实战:设计产品促销广告 414
15.8 制作其他网页元素 417
第16章 设计宣传展示网站 418
视频讲解:1小时03分钟
16.1 网站配色 419
16.2 网站结构设计 421
16.3 输出设计图 423
16.4 网站结构重构 425
16.5 网站效果重现 428
第17章 设计娱乐时尚网站 440
视频讲解:45分钟
17.1 网站配色 441
17.2 网站结构设计 442
17.3 输出设计图 444
17.4 网站结构重构 446
17.5 网站效果重现 449
第18章 Flash动画设计基础 461
视频讲解:42分钟
18.1 Flash网页动画设计概述 462
18.1.1 Flash在网站设计中的应用 462
18.1.2 Flash网页动画设计特性 464
18.2 熟悉Flash工作环境 469
18.2.1 认识Flash主界面 469
18.2.2 上机练习:操作Flash文档 470
18.2.3 Flash绘图工具与动画场景设置 471
18.2.4 使用标尺、辅助线、网格 473
18.2.5 使用场景 474
18.3 实战演练:设计第一个Flash动画 475
18.3.1 设定舞台场景 475
18.3.2 创建动画效果 477
18.3.3 测试动画 479
18.3.4 保存、导出和发布影片 479
第19章 使用元件、实例和库 481
视频讲解:52分钟
19.1 使用元件 482
19.1.1 元件类型 482
19.1.2 创建图形元件 482
19.1.3 创建按钮元件 485
19.1.4 实战演练:设计Apple按钮 487
19.1.5 实战演练:设计交互式按钮 491
19.1.6 创建影片剪辑元件 493
19.1.7 编辑元件 496
19.2 使用实例 497
19.2.1 创建元件实例 497
19.2.2 修改元件实例 498
19.3 操作元件库 500
19.3.1 使用元件库 500
19.3.2 调用动画库 502
19.3.3 公用库 503
第20章 创建Flash动画 504
视频讲解:2小时05分钟
20.1 Flash帧基础 505
20.1.1 操作帧 505
20.1.2 编辑帧 507
20.1.3 使用洋葱皮 508
20.2 Flash层基础 510
20.2.1 操作层 510
20.2.2 引导层 514
20.2.3 遮罩层 515
20.3 设计逐帧动画 516
20.3.1 导入逐帧动画 516
20.3.2 制作逐帧动画 517
20.3.3 实战演练:设计网络广告 519
20.4 设计补间动画 522
20.4.1 制作传统补间动画 522
20.4.2 制作补间形状动画 525
20.4.3 控制形状变化 526
20.4.4 制作补间动画 528
20.4.5 巧用动画编辑器 530
20.4.6 使用动画预设 532
20.4.7 实战演练:设计跳动的小球 533
20.5 设计引导线动画 535
20.5.1 制作引导线动画 535
20.5.2 实战演练:设计科技动画 537
20.6 设计遮罩动画 539
20.6.1 制作遮罩层动画 539
20.6.2 实战演练:制作旋转的地球 541
20.6.3 实战演练:设计探照灯效果 544
20.7 设计骨骼动画 546
20.7.1 为元件添加骨骼 546
20.7.2 为形状添加骨骼 548
第21章 用Flash制作动画元素 551
视频讲解:1小时26分钟
21.1 绘制图形 552
21.1.1 绘制路径 552
21.1.2 绘制图形 557
21.1.3 实战演练:绘制头像 561
21.1.4 实战演练:绘制Logo标识 565
21.1.5 修饰图形 567
21.2 动画上色 569
21.2.1 使用墨水瓶 569
21.2.2 使用颜料桶 570
21.2.3 使用滴管 571
21.2.4 使用渐变变形 572
21.2.5 实战演练:设计立体按钮 574
21.2.6 使用混色器 576
21.2.7 实战演练:给衣服上色 577
21.3 使用文本 579
21.3.1 输入静态文本 579
21.3.2 修改文本 580
21.3.3 设置文本属性 580
21.3.4 分离文本 582
21.3.5 动态文本 583
21.3.6 输入文本 583
21.3.7 实战演练:设计左进右出文字 583
21.3.8 实战演练:设计空心文字 585
21.3.9 实战演练:设计披雪文字 586
21.3.10 实战演练:设计立体文字 588
第22章 用Flash导入外部素材 590
视频讲解:1小时
22.1 导入外部素材 591
22.1.1 外部素材概述 591
22.1.2 导入外部素材基本方法 593
22.1.3 导入外部图像素材 596
22.2 编辑图像 597
22.2.1 设置位图属性 597
22.2.2 使用套索工具 598
22.2.3 实战演练:制作贺卡 599
22.2.4 转换位图为矢量图 602
22.3 编辑图形 604
22.3.1 变形 604
22.3.2 实战演练:设计倒影效果 607
22.3.3 组合与分散到图层 609
22.3.4 对齐图形 610
22.3.5 使用变形面板和信息面板 612
22.3.6 实战演练:制作折扇 613
22.4 添加声音 615
22.4.1 导入声音文件 615
22.4.2 为关键帧添加声音 616
22.4.3 为按钮添加声音 616
22.4.4 编辑声音 617
22.5 实战演练:添加视频 620
第23章 创建复杂交互式动画 623
视频讲解:1小时16分钟
23.1 ActionScript概述 624
23.2 在Flash中使用ActionScript 625
23.2.1 使用动作面板 625
23.2.2 使用行为面板 626
23.2.3 添加ActionScript动作 627
23.3 实战演练:ActionScript应用开发 628
23.3.1 播放和停止 629
23.3.2 跳转动画 630
23.3.3 停止声音播放 631
23.3.4 控制Flash播放器 632
23.3.5 访问网页 633
23.3.6 加载/卸载影片剪辑 634
23.3.7 加载变量 635
23.3.8 设置影片剪辑属性 636
23.3.9 复制影片剪辑 639
23.4 综合实战:开发Flash网站 640
23.4.1 Flash网站设计概述 641
23.4.2 Flash网站开发必须掌握的几个函数 641
23.4.3 网站策划 643
23.4.4 首页场景设计 644
23.4.5 次场景的制作 645
23.4.6 二级次场景制作 646
23.4.7 设计Loading 647
23.4.8 制作导航条 649
23.4.9 加载外部动画影片 650
23.4.10 加载外部文本文件 652
23.4.11 开发小结 653
更多相关内容请关注:Photoshop视频教程专区 |