中文版Dreamweaver/Fireworks/Flash（CS6版）网页设计

第1章网站建设与网页设计基础知识1

1.1知识讲解——Internet基础知识2

1.1.1关于Internet2

1.1.2万维网2

1.1.3超文本2

1.1.4浏览器2

1.1.5URL3

1.1.6IP地址3

1.1.7域名4

1.1.8HTTP5

1.1.9FTP5

1.1.10带宽5

1.1.11网站5

1.2知识讲解——网页制作基础6

1.2.1网页的类型6

1.2.2网页的构成元素7

1.2.3网页设计工具9

1.2.4网站开发流程11

1.2.5HTML基础知识13

1.2.6DIV+CSS网页布局概述14

1.2.7W3C标准14

1.3同步训练——实战应用15

实例1：使用开发人员工具查看百度首页15

实例2：使用记事本创建网页文件17

本章小结20

第2章DreamweaverCS6软件基础知识21

2.1知识讲解——初识Dreamweaver22

2.1.1DreamweaverCS6工作环境22

2.1.2DreamweaverCS6参数设置26

2.1.3自定义快捷键28

2.2知识讲解——站点的新建与管理29

2.2.1新建站点29

2.2.2管理站点30

2.2.3站点中的文件管理33

2.3知识讲解——文档的基本操作35

2.3.1新建文档35

2.3.2新建流体网格布局36

2.3.3打开文档37

2.3.4保存文档38

2.2.5关闭文档38

2.2.6预览网页39

2.4同步训练——实战应用40

实例1：自定义工作区并设置软件参数40

实例2：使用现有文件建立站点42

本章小结46

第3章添加网页内容元素47

3.1知识讲解——插入文本内容48

3.1.1网页标题文本48

3.1.2内容标题文本48

3.1.3段落文本49

3.1.4换行标记49

3.1.5特殊字符50

3.1.6强调文本50

3.2知识讲解——列表51

3.2.1无序列表51

3.2.2有序列表52

3.2.3定义列表53

3.3知识讲解——超级链接54

3.3.1设置链接路径54

3.3.2设置链接的目标窗口56

3.3.3创建锚记链接57

3.3.4创建空链接58

3.3.5创建电子邮件链接58

3.3.6为链接添加提示文字59

3.4知识讲解——表格59

3.4.1创建表格60

3.4.2选择表格元素61

3.4.3设置表格与单元格属性62

3.4.4添加和删除行或列64

3.4.5单元格的合并及拆分65

3.4.6表格的排序66

3.4.7嵌套表格67

3.4.8导入和导出表格数据67

3.5知识讲解——图像69

3.5.1插入普通图像69

3.5.2图像的编辑与修改70

3.5.3图像点位符73

3.5.4交互式图像74

3.5.5图像热点75

3.6同步训练——实战应用78

实例1：制作企业网站首页78

实例2：编辑网页文章内容84

本章小结88

第4章网页表单元素89

4.1知识讲解——表单域90

4.1.1插入表单域90

4.1.2表单域属性设置90

4.2知识讲解——常用表单元素91

4.2.1使用文本域91

4.2.2使用文本区域92

4.2.3使用复选框92

4.2.4使用复选框组93

4.2.5使用单选按钮和单选按钮组93

4.2.6使用列表／菜单94

4.2.7使用文件域95

4.2.8使用按钮96

4.2.9使用图像域96

4.2.10插入隐藏域96

4.2.11插入跳转菜单97

4.3同步训练——实战应用98

实例1：制作用户注册表单内容98

实例2：制作在线调查表103

本章小结106

第5章插入其他网页元素107

5.1知识讲解——插入特殊元素108

5.1.1插入水平线108

5.1.2插入日期108

1.3插入注释108

5.2知识讲解——文件头标签109

5.2.1插入页面关键字109

5.2.2插入页面说明109

5.2.3设置刷新时间110

5.2.4插入自定义Meta标签110

5.2.5设置默认路径和目标110

5.2.6插入文件链接111

5.3知识讲解——插入多媒体元素111

5.3.1插入Flash元素111

5.3.2插入shockwave影片112

5.3.3插入ActiveX112

5.4同步训练——实战应用113

实例1：使用Flash作为网站进入动画113

实例2：使用透明Flash修饰LOGO115

本章小结118

第6章使用CSS布局和修饰网页内容119

6.1知识讲解——CSS语言基础120

6.1.1CSS简介120

6.1.2CSS属性120

6.1.3选择器121

6.2知识讲解——使用Dreamweaver创建CSS122

6.2.1创建内联样式表122

6.2.2创建嵌入式样式表123

6.2.3创建外联式样式表124

6.2.4定义CSS规则125

6.2.5应用类样式130

6.2.6管理CSS规则132

6.2.7查看与编辑所选对象应用的CSS规则133

6.3知识讲解——DIV+CSS布局详解134

6.3.1盒子模型134

6.3.2DIV标签134

6.3.3DIV+CSS布局方法134

6.3.4CSS代码优化135

6.3.5使用AP元素布局136

6.4同步训练——实战应用139

实例1：使用DIV+CSS布局网页首部139

实例2：应用CSS排版新闻栏目版块144

本章小结150

第7章使用框架、模板与库151

7.1知识讲解——应用框架制作网页152

7.1.1创建框架网页152

7.1.2拆分或嵌套框架153

7.1.3框架和框架集相关操作153

7.2知识讲解——使用浮动框架155

7.2.1插入浮动框架155

7.2.2设置浮动框架的属性155

7.3知识讲解——使用模板统一网站风格156

7.3.1模板的概念156

7.3.2使用模板创建网页156

7.3.3创建模板网页157

7.3.4模板中的区域类型158

7.3.5编辑模板159

7.3.6应用模板到页160

7.3.7从模板中分离文档160

7.4知识讲解——创建与应用库资源160

7.4.1使用资源面板161

7.4.2新建库项目161

7.4.3编辑和更新库项目161

7.4同步训练——实战应用162

实例1：使用框架制作帮助文档162

实例2：制作文章详情页模板并应用模板新建页面167

本章小结170

第8章应用行为与特效171

8.1知识讲解——插入Spry构件171

8.1.1添加Spry验证表单元素172

8.1.2添加Spry工具提示175

8.1.3添加Spry菜单栏176

8.1.4添加Spry选项卡式面板177

8.1.5添加Spry折叠式面板177

8.2知识讲解——使用行为制作网页特效178

8.2.1行为应用基础178

8.2.2使用行为面板管理行为179

8.2.3常用事件类型179

8.2.4常用行为动作179

8.4同步训练——实战应用182

实例1：制作具有验证功能的注册页面182

实例2：制作广告弹窗187

本章小结190

第9章初识Fireworks191

9.1知识讲解——Fireworks简介192

9.1.1Fireworks在网页设计中的应用192

9.1.2了解FireworksCS6工作环境192

9.2知识讲解——Fireworks文件操作196

9.2.1新建文件196

9.2.2导入文件196

9.2.3修改文档属性197

9.2.4视图模式及显示比例198

9.2.5保存图像文件199

9.2.6打开文件199

9.3知识讲解——Fireworks工作环境设置199

9.3.1使用辅助工具199

9.3.2设置工作参数200

9.4同步训练——实战应用202

实例1：新建网页广告图像文件202

实例2：完善网页效果图203

本章小结205

第10章图形图像处理基础207

10.1知识讲解——位图与矢量图208

10.1.1位图208

10.1.2矢量图208

10.2知识讲解——绘制矢量图与位图209

10.2.1绘制矢量图形209

10.2.2位图的绘制与选取211

10.2.3添加文本内容213

10.3知识讲解——对象的基本操作214

10.3.1选择对象214

10.3.2设置颜色214

10.3.3对象的基本编辑操作216

10.3.4对象的组合与取消218

10.3.5对齐与分布220

10.3.6应用图层操作对象220

10.4同步训练——实战应用222

实例1：设计首页线框图222

实例2：制作banner广告条227

本章小结231

第11章矢量图形与文本的编辑233

11.1知识讲解——调整路径234

11.1.1路径编辑调整工具的使用234

11.1.2组合路径236

11.1.3使用路径面板238

11.1.3将选区框转换为路径238

11.2知识讲解——文本路径处理239

11.2.1文本附加到路径239

11.2.2文本转换为路径240

11.3同步训练——实战应用240

实例1：制作按钮图标240

实例2：制作广告文字244

本章小结246

第12章位图的应用与处理247

12.1知识讲解——编辑位图图像248

12.1.1平面化对象248

12.1.2模糊与锐化图像248

12.1.3减淡与加深249

12.1.4涂抹工具250

12.1.5橡皮图章工具251

12.1.6替换颜色工具251

12.1.7消除红眼工具252

12.2知识讲解——使用位图滤镜252

12.2.1杂点滤镜252

12.2.2模糊滤镜253

12.2.3调整颜色滤镜255

12.2.4锐化滤镜257

12.2.5其他滤镜257

12.4同步训练——实战应用258

实例1：合成背景图像258

实例2：处理服装广告图片261

本章小结266

第13章使用蒙版与滤镜267

13.1知识讲解——使用蒙版268

13.1.1创建蒙版268

13.1.2禁用、启用和删除蒙版271

13.1.3编辑蒙版271

13.2知识讲解——使用动态滤镜和样式273

13.2.1添加动态滤镜273

13.2.2使用斜角和浮雕滤镜274

13.2.3使用阴影和光晕滤镜274

13.2.4使用Photoshop动态效果274

13.2.5编辑和调整动态滤镜275

13.2.6新建与应用样式275

13.3同步训练——实战应用278

实例1：制作导航按钮278

实例2：制作UI图标281

本章小结285

第14章制作GIF动画287

14.1讲解——状态的相关操作288

14.1.1状态面板288

14.1.2新建／添加／重制状态288

14.1.3选择多个状态289

14.1.4调整状态顺序289

14.1.5删除289

14.1.6分散到状态289

14.1.7设置状态名称和延迟290

14.1.8使用洋葱皮显示多个状态290

14.2知识讲解——使用共享层、元件和补间动画291

14.2.1在动画中使用共享层291

14.2.2创建图形元件291

14.2.3创建动画元件292

14.2.4创建补间动画293

14.3知识讲解——导入及导出动画293

14.3.1导入GIF动画293

14.3.2以动画方式打开一组图像294

14.3.3导出动画294

14.4同步训练——实战应用295

实例1：制作动态按钮图标295

实例2：制作GIF动画广告297

本章小结301

第15章制作交互原型303

15.1知识讲解——使用切片和热点304

15.1.1绘制切片304

15.1.2绘制图像热点305

15.1.3添加简单变换图像行为305

15.1.4添加交换图像行为306

15.1.5添加状态栏信息306

15.1.6添加导航栏306

15.1.7添加弹出菜单307

15.1.8删除行为308

15.2知识讲解——创建按钮元件308

15.2.1新建按钮元件308

15.2.2编辑按钮状态308

15.3知识讲解——预览和导出交互原型309

15.3.1预览交互动画309

15.3.2导出交互原型309

15.4同步训练——实战应用310

实例1：制作选项卡切换交互原型310

实例2：制作导航菜单交互原型313

本章小结317

第16章图像的优化与导出及效率工具319

16.1知识讲解——图像的优化与导出320

16.1.1常用图像文件格式320

16.1.2图像的优化设置321

16.1.3导出图像或网页323

16.2知识讲解——使用效率工具324

16.2.1查找和替换325

16.2.2批处理325

16.2.3历史记录与脚本命令326

16.3同步训练——实战应用326

实例1：切片并导出首页效果图326

实例2：快速为多幅图像添加水印331

本章小结334

第17章初识Flash335

17.1知识讲解——Flash概述336

17.1.1Flash简介336

17.1.2Flash的应用范围336

17.1.3Flash的工作环境336

17.2知识讲解——Flash文件操作338

17.2.1新建Flash文件338

17.2.2保存Flash文件339

17.2.3打开Flash文件340

17.2.4导入各类文件340

17.2.5测试与发布动画340

17.3知识讲解——绘制与编辑图形341

17.3.1绘制和调整矢量图形341

17.3.2组合对象342

17.3.3使用图层342

17.4同步训练——实战应用343

实例1：制作广告画面343

实例2：绘制个性时钟346

本章小结349

第18章制作动画351

18.1知识讲解——帧的基本操作352

18.1.1设置动画帧频352

18.1.2插入关键帧352

18.1.3插入空白关键帧353

18.1.4插入帧353

18.1.5选择帧354

18.1.6删除帧354

18.1.7剪切帧354

18.1.8复制与粘贴帧354

18.1.9移动帧354

18.1.10翻转帧354

18.2知识讲解——补间动画和补间形状354

18.2.1创建补间动画355

18.2.2创建补间形状356

18.2.3创建传统补间356

18.3知识讲解——元件的应用357

18.3.1新建元件357

18.3.2转换为元件357

18.3.3元件的类型及应用358

18.3.4编辑元件359

18.4知识讲解——引导层和遮罩层动画359

18.4.1创建传统引导层动画359

18.4.2创建遮罩层动画361

18.5同步训练——实战应用362

实例1：制作百叶窗广告切换动画362

实例2：制作网站导航条交互动画367

本章小结369

第19章应用多媒体和组件371

19.1知识讲解——应用声音和视频372

19.1.1导入声音372

19.1.2添加声音372

19.1.3使用视频剪辑373

19.2知识讲解——组件的基本应用375

19.2.1组件的使用375

19.2.1常用组件376

19.3同步训练——实战应用379

实例1：为游戏开始画面添加音效379

实例2：制作用户注册表单380

本章小结384

第20章应用ActionScript创建交互动画385

20.1知识讲解——ActionScript简介386

20.1.1关于ActionScript386

20.1.2动作面板386

20.1.3ActionScript3.0基本语法387

20.2知识讲解——ActionScript3.0语言基础390

20.2.1变量390

20.2.2运算符390

20.2.3表达式391

20.2.4结构控制语句392

20.2.5函数的定义与调用393

20.2.6对象的属性及方法393

20.2.7事件处理394

20.3知识讲解——ActionScript3.0常用类394

20.3.1MovieClip类395

20.3.2SimpleButton类395

20.3.3TextField类396

20.3.4URLRequest类396

20.3.5Loader类396

20.3.6URLLoader类397

20.3.7XML类397

20.4同步训练——实战应用397

实例1：制作弹出式网址导航菜单397

实例2：制作广告轮播动画402

本章小结405

第21章设计并制作公司网站407

21.1规划网站408

21.1.1网站功能规划408

21.1.2设计思路409

21.2利用Fireworks设计网站效果图410

21.2.1设计首页效果图410

21.2.2设计栏目页效果图413

21.3制作网站页面414

21.3.1切片并导出素材图像414

21.3.2创建站点并制作网站首页416

本章小结422

第22章设计并制作团购网站423

22.1规划网站424

22.1.1电子商务平台基础知识424

22.1.2网站功能规划425

22.1.2设计思路426

22.2利用Fireworks设计网站效果图426

22.2.1设计首页效果图426

21.2.2设计栏目页效果图431

22.3制作网站首页433

22.3.1切片并导出素材图像433

22.3.2制作首页WEB页面434

本章小结437

第23章制作动态Flash相册439

23.1规划Flash相册440

23.1.1Flash加载动态数据的原理440

23.1.2XML基础知识440

23.1.3规划Flash相册功能441

23.1.4制作XML文件441

23.2制作Flash相册程序442

23.2.1制作相册界面和元件442

23.2.2编写相册交互程序446

23.2.3测试动画和程序448

本章小结450

Dreamweaver CS6、Fireworks CS6、Flash CS6三个软件是Adobe公司最新推出的网页设计软件，也是当前使用最广泛的常用网页设计软件。本书从零开始，系统并详细地介绍了Adobe Dreamweaver CS6、Adobe Fireworks CS6和Adobe Flash CS6在网页设计中的应用，主要针对网页设计的基础知识、网页三剑客软件的使用方法进行了较为详细的讲解，并配合丰富的且较为实际的应用案例，使读者可以全面地、快速地理解和掌握网页三剑客在网页设计中的应用。通过本书的学习，读者可以学会应用这些软件工具进行网页编辑、网页效果图设计、网页图像处理、网页动画制作等，并能综合应用这些软件工具来创建个人站点或其它各类网站的前端页面。