Dreamweaver CS6、Flash CS6、Photoshop CS6网页设计完全学习手册

图书目录:

目　录

入门篇

第 1章　了解网页设计　2

1.1　什么是网页设计　2

1.1.1　网页设计概述　2

1.1.2　网页与网站　3

1.1.3　静态网页与动态网页　4

1.1.4　网页设计中的术语　4

1.2　网页设计元素及版式　5

1.2.1　网页构成元素　5

1.2.2　网页的设计构思　7

1.2.3　网页设计版式　8

1.3　网站开发常用软件和技术　9

1.3.1　Dreamweaver CS6——网页编辑软件　9

1.3.2　Photoshop CS6——网页图像处理软件　9

1.3.3　Flash CS6——网页动画制作软件　10

1.3.4　HTML——网页标记语言　10

1.3.5　JavaScript——网页特效脚本语言　10

1.3.6　ASP、PHP、JSP——动态网页编程语言　10

1.4　网站建设的基本流程　11

1.4.1　前期网站策划　11

1.4.2　规划站点结构　11

1.4.3　收集网站相关素材　11

1.4.4　网页的版式与布局分析　11

1.4.5　确定网页的主色调　12

1.4.6　设计网站页面　12

1.4.7　切割和优化网页图像　12

1.4.8　制作网站HTML页面　12

1.4.9　开发动态网站模块　13

1.4.10　申请域名和服务器空间　13

1.4.11　测试并上传网站　13

1.4.12　网站的更新与维护　13

1.5　本章小结　13

第 2章　网站的分类与配色　14

2.1　常见的网站类型　14

2.1.1　个人网站　14

2.1.2　企业类网站　14

2.1.3　行业信息类网站　15

2.1.4　影视音乐类网站　15

2.1.5　休闲游戏类网站　15

2.1.6　电子商务类网站　16

2.1.7　综合门户类网站　16

2.2　网页配色基础　16

2.2.1　色彩模式　17

2.2.2　网页安全色彩　17

2.2.3　网页色彩的特性　18

2.3　网页配色方法　18

2.3.1　网页配色基础　18

2.3.2　网页配色的原则　20

2.3.3　网页配色的基本方法　22

2.4　常见的网页配色　24

2.5　本章小结　26

Dreamweaver CS6篇

第3章　Dreamweaver CS6入门　28

3.1　初识Dreamweaver CS6　28

3.2　Dreamweaver CS6的新增功能　28

3.2.1　全新的“管理站点”对话框　28

3.2.2　Business Catalyst站点和Business Catalyst面板　29

3.2.3　流体网格布局页面　29

3.2.4　为单个元素应用多个类CSS样式　30

3.2.5　CSS过渡效果　30

3.2.6　Web字体　30

3.2.7　改进的图像优化功能　31

3.2.8　支持JQuery 16.4和JQuery Mobile 1.0　31

3.2.9　新增JQuery Mobile色板　31

3.2.10　集成PhoneGap Build　32

3.3　认识Dreamweaver CS6工作界面　32

3.3.1　Dreamweaver CS6工作区布局　33

3.3.2　菜单栏　33

3.3.3　文档工具栏　34

3.3.4　状态栏　34

3.3.5　“插入”面板　35

3.3.6　“属性”面板　35

3.3.7　其他浮动面板　35

3.4　网页文件的基础操作　36

3.4.1　实战——创建空白文件　36

3.4.2　实战——打开网页文件　38

3.4.3　实战——预览网页　38

3.4.4　保存和关闭网页　39

3.5　创建站点　40

3.5.1　实战——创建本地静态站点　40

3.5.2　实战——创建站点并设置远程服务器　40

3.5.3　实战——创建Business Catalyst站点　42

3.6　站点的管理　44

3.6.1　使用“文件”面板切换站点　44

3.6.2　“管理站点”对话框　44

3.7　本章小结　45

第4章　在网页中插入基础网页元素　46

4.1　设置页面属性　46

4.1.1　设置外观(CSS)　46

4.1.2　设置外观(HTML)　47

4.1.3　设置链接(CSS)　47

4.1.4　设置标题(CSS)　48

4.1.5　设置标题和编码　49

4.1.6　设置跟踪图像　49

4.1.7　实战——控制网页整体属性　50

4.2　在网页中添加文本　51

4.2.1　实战——在网页中输入文本　51

4.2.2　设置文本属性　52

4.2.3　文本换行与分段　53

4.2.4　实战——插入水平线　54

4.2.5　实战——插入时间　55

4.2.6　实战——插入注释　56

4.2.7　实战——插入特殊字符　58

4.2.8　实战——创建项目列表　58

4.2.9　实战——创建编号列表　59

4.3　在网页中插入图像　60

4.3.1　网页图像的格式　60

4.3.2　实战——在网页中插入图像　61

4.3.3　设置图像属性　62

4.3.4　实战——插入图像占位符　65

4.3.5　实战——插入鼠标经过图像　66

4.4　在网页中插入多媒体元素　67

4.4.1　实战——插入Flash动画　67

4.4.2　设置Flash动画属性　68

4.4.3　实战——插入FLV视频　69

4.4.4　实战——插入Shockwave动画　70

4.4.5　实战——为网页添加背景音乐　71

4.4.6　实战——在网页中插入视频　73

4.4.7　实战——应用JavaApplet实现网页特效　74

4.5　本章小结　75

第5章　创建网页链接　76

5.1　什么是超链接　76

5.1.1　 相对路径　76

5.1.2　**路径　76

5.1.3　外部链接和内部链接　77

5.1.4　“超链接”对话框　77

5.2　创建基础超链接　78

5.2.1　实战——设置文字超链接　78

5.2.2　实战——设置图像超链接　79

5.3　创建特殊的网页链接　80

5.3.1　实战——创建空链接　80

5.3.2　实战——创建脚本链接　81

5.3.3　实战——创建下载链接　82

5.3.4　实战——创建E-Mail链接　83

5.3.5　实战——创建锚记链接　84

5.3.6　实战——创建热点链接　86

5.4　管理网页超链接　88

5.4.1　自动更新链接　88

5.4.2　在站点范围内更改链接　88

5.4.3　检查错误的链接　89

5.5　本章小结　89

第6章　使用AP Div与行为实现网页特效　90

6.1　认识AP Div　90

6.1.1　什么是AP Div　90

6.1.2　认识“AP元素”面板　90

6.2　使用AP Div排版　90

6.2.1　插入AP Div　91

6.2.2　设置AP Div属性　91

6.2.3　实战——使用AP Div排版　92

6.2.4　实战——使用AP Div溢出排版　93

6.3　行为的概念　95

6.3.1　事件 　95

6.3.2　动作　95

6.4　为网页添加行为　95

6.4.1　实战——交换图像　96

6.4.2　实战——弹出信息　97

6.4.3　恢复交换图像　98

6.4.4　实战——打开浏览器窗口　98

6.4.5　实战——拖动AP元素　99

6.4.6　实战——改变属性　100

6.4.7　实战——设置效果　102

6.4.8　实战——显示/隐藏元素　103

6.4.9　实战——检查插件　105

6.4.10　实战——检查表单　106

6.4.11　实战——设置容器的文本　107

6.4.12　实战——设置文本域文字　109

6.4.13　设置框架文本　110

6.4.14　实战——设置状态栏文本　110

6.4.15　实战——调用JavaScript　111

6.4.16　实战——跳转菜单　112

6.4.17　跳转菜单开始　113

6.4.18　转到URL　113

6.4.19　预先载入图像　113

6.5　本章小结　114

第7章　CSS样式与Div+CSS布局　115

7.1　什么是CSS样式　115

7.1.1　认识CSS样式　115

7.1.2　“CSS样式”面板　115

7.1.3　CSS样式的基本写法　117

7.2　创建CSS样式　117

7.2.1　实战——创建标签CSS样式　118

7.2.2　实战——创建类CSS样式　119

7.2.3　实战——创建ID CSS样式　121

7.2.4　实战——创建复合CSS样式　123

7.2.5　实战——创建伪类 CSS样式　125

7.3　设置CSS样式属性　128

7.3.1　实战——设置文本样式　128

7.3.2　实战——设置背景样式　130

7.3.3　实战——区块样式　131

7.3.4　实战——方框样式　133

7.3.5　实战——边框样式　134

7.3.6　实战——列表样式　136

7.3.7　实战——定位样式　138

7.3.8　实战——扩展样式　139

7.3.9　过渡样式　141

7.4　CSS样式的特殊应用　142

7.4.1　实战——CSS类选区　142

7.4.2　实战——Web字体　144

7.5　关于Div+CSS布局　146

7.5.1　什么是Div　146

7.5.2　插入Div　147

7.5.3　Div+CSS的优势　148

7.6　块元素和行内元素　149

7.6.1　块元素　149

7.6.2　行内元素　149

7.7　CSS盒模型　149

7.7.1　什么是CSS盒模型　149

7.7.2　实战——margin(边界)　150

7.7.3　实战——padding(填充)　152

7.7.4　实战——border(边框)　153

7.8　常用CSS定位方式　154

7.8.1　CSS定位属性　154

7.8.2　浮动定位　155

7.8.3　相对定位　155

7.8.4　**定位　156

7.8.5　固定定位　156

7.9　本章小结　156

第8章　使用表格与框架布局　157

8.1　插入表格　157

8.1.1　在网页中插入表格　157

8.1.2　设置表格属性　157

8.1.3　设置单元格属性　158

8.2　选择表格元素　159

8.2.1　实战——选择整个表格　159

8.2.2　实战——选择单元行或单元列　159

8.2.3　实战——选择单元格　160

8.3　表格特殊处理　161

8.3.1　实战——导入表格式数据　161

8.3.2　实战——表格排序　162

8.4　创建框架网页　163

8.4.1　创建框架集　163

8.4.2　保存框架和框架集文件　164

8.4.3　设置框架集属性　164

8.4.4　设置框架属性　165

8.5　选择框架和框架集　165

8.5.1　在“框架”面板中选择框架或框架集　166

8.5.2　在文档窗口中选择框架或框架集　166

8.6　使用Spry构件创建网页常见效果　166

8.6.1　关于Spry构件　166

8.6.2　实战——Spry菜单栏　167

8.6.3　实战——Spry选项卡式面板　170

8.6.4　实战——Spry可折叠面板　173

8.6.5　实战——Spry折叠式　175

8.6.6　实战——Spry工具提示　178

8.7　本章小结　179

第9章　模板和库的运用　180

9.1　使用模板　180

9.1.1　模板的特点　180

9.1.2　实战——创建模板　180

9.1.3　实战——定义可编辑区域　181

9.1.4　实战——定义可选区域　182

9.1.5　实战——定义可编辑可选区域　183

9.1.6　定义重复区域　184

9.1.7　可编辑标签属性　184

9.2　应用模板　184

9.2.1　实战——创建基于模板的页面　184

9.2.2　删除页面中所使用的模板　188

9.2.3　更新模板及基于模板的网页　188

9.3　在网页中使用库项目　189

9.3.1　实战——创建库项目　189

9.3.2　实战——插入库项目　191

9.3.3　库项目的编辑和更新　192

9.3.4　库项目属性　193

9.4　本章小结　193

第 10章　在网页中插入表单元素　194

10.1　关于表单　194

10.1.1　表单概述　194

10.1.2　认识表单元素　194

10.2　插入表单元素　195

10.2.1　实战——插入表单域　195

10.2.2　实战——插入文本域　196

10.2.3　实战——插入密码域　198

10.2.4　实战——插入多行文本域　199

10.2.5　插入隐藏域　200

10.2.6　实战——插入复选框　201

10.2.7　实战——插入单选按钮　202

10.2.8　实战——插入列表/菜单　203

10.2.9　实战——插入跳转菜单　205

10.2.10　实战——插入图像域　207

10.2.11　实战——插入文件域　208

10.2.12　实战——插入按钮　209

10.3　实战——Spry验证表单　210

10.3.1　实战——使用Spry验证登录框　211

10.3.2　设置Spry验证属性　212

10.4　本章小结　213

Photoshop CS6篇

第 11章　Photoshop CS6入门　215

11.1　认识Photoshop CS6工作界面　215

11.1.1　Photoshop CS6工作区　215

11.1.2　菜单栏　216

11.1.3　选项栏　217

11.1.4　文档窗口　217

11.1.5　状态栏　219

11.1.6　面板　219

11.2　图像的类型和分辨率　220

11.2.1　位图　220

11.2.2　矢量图像　220

11.2.3　分辨率　221

11.3　文件的基本操作　221

11.3.1　新建文件　221

11.3.2　打开文件　223

11.3.3　导入文件　223

11.3.4　置入文件　223

11.3.5　保存文件　223

11.3.6　导出文件　223

11.3.7　关闭文件　224

11.4　图像编辑的辅助操作　224

11.4.1　实战——使用标尺　224

11.4.2　实战——使用参考线　225

11.4.3　使用智能参考线　226

11.4.4　使用网格　227

11.4.5　实战——使用注释工具　227

11.5　本章小结　228

第 12章　使用Photoshop CS6绘制图像　229

12.1　调整图像　229

12.1.1　调整图像大小　229

12.1.2　调整画布大小　230

12.2　基本绘图工具　231

12.2.1　画笔工具　231

12.2.2　铅笔工具　232

12.3　矢量绘图工具　233

12.3.1　矩形工具　233

12.3.2　椭圆工具　234

12.3.3　圆角矩形工具　234

12.3.4　直线工具　235

12.3.5　自定形状工具　236

12.4　钢笔工具　237

12.4.1　使用“钢笔工具”　237

12.4.2　添加和删除锚点　238

12.4.3　选择路径与锚点　239

12.4.4　调整路径　239

12.4.5　变换路径　240

12.5　实战——设计房地产网站logo　240

12.6　本章小结　248

第 13章　修改图像的形状和颜色　249

13.1　创建与编辑选区　249

13.1.1　选框工具组　249

13.1.2　实战——使用“矩形选框工具”　250

13.1.3　实战——使用“椭圆选框工具” 　252

13.1.4　实战——使用“单行选框工具” 　253

13.1.5　套索工具组　254

13.1.6　魔棒工具组　254

13.1.7　修改选区　255

13.2　修改图像　257

13.2.1　橡皮擦工具组　257

13.2.2　图章工具组　257

13.2.3　仿制图章工具　258

13.2.4　实战——使用“仿制图章工具”　258

13.2.5　图案图章工具　259

13.2.6　实战——使用“图案图章工具”　259

13.2.7　修复工具组　260

13.3　调整网页图像的颜色　262

13.3.1　实战——调整图像的亮度　262

13.3.2　实战——调整图像颜色　263

13.3.3　实战——调整图像的色调　264

13.4　实战——设计网站宣传广告　265

13.5　本章小结　267

第 14章　使用文本和图层　268

14.1　输入文本　268

14.1.1　文字工具组　268

14.1.2　实战——输入横排文字　269

14.1.3　实战——输入直排文字　270

14.2　编辑文本　272

14.2.1　设置文字格式　272

14.2.2　实战——创建变形文字　273

14.2.3　实战——创建路径文字　275

14.3　使用“图层”面板　277

14.3.1　认识“图层”面板　277

14.3.2　新建图层　279

14.3.3　复制图层　281

14.3.4　删除图层　281

14.3.5　调整图层顺序　281

14.3.6　链接图层　282

14.3.7　合并图层　282

14.4　添加图层样式　283

14.4.1　实战——投影、内阴影图层样式　283

14.4.2　实战——外发光、内发光图层样式　284

14.4.3　实战——斜面和浮雕图层样式　285

14.5　实战——设计网站导航栏　286

14.6　本章小结　290

第 15章　网页动画制作与切片输出　291

15.1　创建与编辑切片　291

15.1.1　创建切片　291

15.1.2　实战——使用“切片工具”创建切片　291

15.1.3　编辑切片选项　292

15.1.4　实战——选择和移动切片　293

15.1.5　删除切片　294

15.2　图像的优化与输出　295

15.2.1　优化图像　295

15.2.2　输出图像　298

15.3　创建GIF动画　299

15.3.1　认识“时间轴”面板　299

15.3.2　实战——创建GIF动画　300

15.3.3　实战——存储动画　303

15.4　实战——为网页创建切片并输出网页　304

15.5　本章小结　306

第 16章　常用网页元素的设计　307

16.1　网站Logo　307

16.1.1　网站Logo的特点　307

16.1.2　实战——设计生活服务类网站Logo　308

16.2　网站按钮　314

16.2.1　网站按钮的特点　314

16.2.2　实战——绘制水晶质感按钮　315

16.3　网站广告　321

16.3.1　网站广告的优势　321

16.3.2　实战——设计网站弹出广告页面　321

16.4　网站导航菜单　329

16.4.1　网站导航菜单的要求　329

16.4.2　实战——设计游戏网站导航菜单　330

16.5　本章小结　334

Flash CS6篇

第 17章　Flash CS6入门　336

17.1　Flash动画基础　336

17.1.1　Flash动画基础　336

17.1.2　Flash动画术语　337

17.1.3　Flash动画的应用及发展前景　337

17.2　认识Flash CS6工作界面　340

17.2.1　Flash CS6工作区　340

17.2.2　菜单栏　341

17.2.3　舞台　343

17.2.4　时间轴　343

17.2.5　工具箱　344

17.2.6　“属性”面板　345

17.3　新建Flash文件　346

17.3.1　新建空白Flash文件　346

17.3.2　新建Flash模板文件　346

17.3.3　设置Flash文档属性　348

17.4　打开和保存Flash文件　349

17.4.1　打开Flash文件　349

17.4.2　直接保存Flash文件　349

17.4.3　另存为Flash文件　349

17.4.4　另存为Flash模板文件　350

17.4.5　关闭Flash文件　350

17.5　本章小结　350

第 18章　使用Flash中的绘图工具　351

18.1　使用基本绘图工具　351

18.1.1　矩形工具和基本矩形工具　351

18.1.2　椭圆工具和基本椭圆工具　353

18.1.3　多角星形工具　355

18.1.4　线条工具　356

18.1.5　铅笔工具　356

18.1.6　刷子工具　357

18.1.7　喷涂刷工具　357

18.1.8　橡皮擦工具　359

18.1.9　实战——绘制可爱卡通小兔　359

18.2　**绘图工具　363

18.2.1　钢笔工具　363

18.2.2　调整锚点和锚点转换　364

18.2.3　添加和删除锚点　365

18.2.4　实战——绘制卡通铅笔人　365

18.2.5　使用Deco工具　369

18.2.6　实战——绘制梦幻般精美图形　369

18.3　设置颜色　371

18.3.1　填充颜色和笔触颜色　371

18.3.2　设置颜色　372

18.4　使用“颜色”面板　373

18.4.1　填充纯色　373

18.4.2　填充渐变颜色　374

18.4.3　填充位图　375

18.5　墨水瓶工具和颜料桶工具　376

18.6　本章小结　377

第 19章　文本与对象的操作　378

19.1　文本的类型　378

19.1.1　传统文本　378

19.1.2　TLF文本　378

19.2　创建文本　379

19.2.1　实战——创建静态文本　379

19.2.2　实战——创建动态文本　380

19.2.3　实战——创建输入文本　381

19.3　文本的编辑处理　382

19.3.1　选择和移动文本　382

19.3.2　为文本设置超链接　383

19.3.3　实战——检查拼写　383

19.3.4　查找和替换　384

19.3.5　实战——分离文本　384

19.3.6　实战——分散到图层　386

19.4　对象的基本操作　388

19.4.1　选择对象　388

19.4.2　移动对象　390

19.4.3　复制对象　391

19.4.4　删除对象　392

19.5　对象变形操作　392

19.5.1　变形点　393

19.5.2　自动变换对象　393

19.5.3　缩放对象　394

19.5.4　旋转和倾斜对象　394

19.5.5　扭曲对象　395

19.5.6　封套对象　396

19.6　本章小结　396

第 20章　元件与“库”面板　397

20.1　认识“时间轴”面板　397

20.2　关于帧　398

20.2.1　帧　398

20.2.2　关键帧　398

20.2.3　空白关键帧　398

20.2.4　关于帧频　399

20.3　帧的编辑操作　399

20.3.1　插入帧　399

20.3.2　选择帧　400

20.3.3　复制帧　401

20.3.4　移动帧　401

20.3.5　删除和清除帧　402

20.3.6　翻转帧　402

20.3.7　帧的转换　402

20.3.8　帧标签　403

20.4　元件基础　403

20.4.1　什么是元件　403

20.4.2　元件的类型　404

20.5　创建元件　404

20.5.1　创建图形元件　404

20.5.2　创建影片剪辑元件　405

20.5.3　创建按钮元件　405

20.5.4　转换为元件　405

20.5.5　实战——制作基础按钮动画　406

20.5.6　实战——制作马儿奔跑动画　407

20.6　使用“库”面板　409

20.6.1　认识“库”面板　409

20.6.2　管理库项目　410

20.6.3　使用公共库　411

20.7　使用动画预设　412

20.7.1　预览动画预设　412

20.7.2　实战——使用动画预设制作文字入场动画　412

20.8　本章小结　415

第 21章　制作Flash动画　416

21.1　逐帧动画　416

21.1.1　逐帧动画的特点　416

21.1.2　实战——制作眩光文字动画　416

21.2　形状补间动画　419

21.2.1　形状补间动画的特点　419

21.2.2　实战——制作闪耀的太阳动画　420

21.3　补间动画　423

21.3.1　补间动画的特点　423

21.3.2　实战——制作雪人滑雪动画　424

21.4　传统补间动画　427

21.4.1　传统补间动画的特点　427

21.4.2　实战——制作网站活动广告条　427

21.5　引导动画　431

21.5.1　引导动画的特点　431

21.5.2　实战——制作蝴蝶飞舞动画　431

21.6　遮罩动画　435

21.6.1　遮罩动画的特点　435

21.6.2　实战——制作网站开场动画　435

21.7　本章小结　438

第 22章　使用ActionScript 3.0　439

22.1　了解ActionScript　439

22.1.1　ActionScript的发展　439

22.1.2　ActionScript 3.0的特点　440

22.2　ActionScript 3.0基础　440

22.2.1　ActionScript 3.0中的变量和数据类型　440

22.2.2　ActionScript 3.0语法　442

22.3　常用ActionScript语句　443

22.3.1　播放控制　444

22.3.2　播放跳转　444

22.3.3　条件语句　444

22.3.4　循环语句　446

22.4　代码的输入　447

22.4.1　在时间轴上输入代码　447

22.4.2　创建ActionScript文件　448

22.5　对象处理　449

22.5.1　属性　449

22.5.2　方法　449

22.6　实战——制作网站宣传栏动画　449

22.7　本章小结　453

第 23章　测试、导出与发布动画　454

23.1　优化与测试Flash动画　454

23.1.1　优化Flash动画　454

23.1.2　实战——测试Flash动画　455

23.2　导出Flash动画　456

23.2.1　实战——导出Flash动画　456

23.2.2　实战——导出图像　457

23.3　发布Flash动画　458

23.3.1　发布为Flash影片　458

23.3.2　发布为HTML页面　459

23.3.3　发布为GIF图像　461

23.3.4　预览发布效果　462

23.3.5　发布Flash动画　462

23.4　实战——制作网站欢迎动画并发布　462

23.5　本章小结　468

综合商业案例篇

第 24章　设计制作电子商务网站　470

24.1　电子商务网站的特点　470

24.1.1　电子商务网站的分类　470

24.1.2　电子商务网站的设计原则　471

24.2　使用Photoshop设计网站首页面　471

24.2.1　实战——设计网站首页面　471

24.2.2　实战——切割页面素材　479

24.3　实战——制作网站中的Flash动画　482

24.4　实战——使用Dreamweaver制作网站页面　486

24.5　本章小结　495

第 25章　设计制作游戏网站　496

25.1　游戏网站的特点　496

25.1.1　游戏网站的分类　496

25.1.2　游戏网站的设计原则　497

25.2　使用Photoshop设计网站首页面　498

25.2.1　实战——设计网站首页面　498

25.2.2　实战——切割页面素材　508

25.3　制作网站中的Flash动画　511

25.3.1　实战——制作游戏按钮动画　511

25.3.2　实战——制作导航菜单动画　518

25.4　实战——使用Dreamweaver制作网站页面　525

25.5　本章小结　535