Dreamweaver+Flash+Photoshop网页设计综合应用

了解网页的基本知识Chapter 01

1.1 了解网页的基本概念 2

1.1.1 网页设计基础知识 2

1.1.2 网页的基本构成元素 2

1.1.3 网站的分类 4

1.1.4 HTML的基本语法 5

1.2 网页的色彩搭配 6

1.2.1 网页的配色基础 6

1.2.2 网页色彩搭配的方案 7

1.2.3 网页配色的注意事项 8

1.3 网页设计的常用软件 9

1.3.1 Dreamweaver CC 9

1.3.2 Photoshop CC 9

1.3.3 Flash CC 9

1.4 网站建设的一般流程 10

1.4.1 确定网站主题 10

1.4.2 收集相关素材 10

1.4.3 规划网页布局 10

1.4.4 确定网页的主色调 11

1.4.5 制作网页页面 11

1.4.6 测试和发布网站 11

1.4.7 网站的更新和维护 11

1.5 实战问答 13

NO.1 如何通过网页查看HTML源码… 13

NO.2 如何宣传网站 14

NO.3 白色在网页中的好处 14

1.6 思考与练习 14

Dreamweaver CC入门Chapter 02

2.1 Dreamweaver CC的新增功能 18

2.1.1 CSS设计器 18

2.1.2 首选项同步 18

2.1.3 jQuery UI Widget… 18

2.1.4 简化了用户界面 19

2.1.5 CSS选择器的代码提示 19

2.2 Dreamweaver CC的工作界面 19

2.2.1 认识Dreamweaver CC菜单栏 20

2.2.2 “属性”面板 21

2.2.3 文档工具栏窗口 21

2.2.4 “插入”面板 21

2.2.5 浮动面板 22

2.3 创建站点及站点管理 22

2.3.1 使用向导创建本地站点 22

2.3.2 设置远程服务器 23

2.3.3 管理站点 24

2.4 网页文件及文本的基础操作 24

2.4.1 网页文件的操作 24

2.4.2 在网页中添加文本 27

2.4.3 设置文本属性 28

2.5 插入页面元素 31

2.5.1 插入图像 31

2.5.2 插入日期 32

2.5.3 插入水平线 32

2.5.4 插入特殊字符 33

2.5.5 插入表单… 34

2.5.6 插入多媒体 35

2.6 创建网页链接 38

2.6.1 网页链接的概念 38

2.6.2 创建网页常用链接 39

2.7 实战问答 46

NO.1 如何输入多个空格 46

NO.2 如何设置背景图像的路径 46

2.8 思考与练习 47

CSS样式美化网页与Div+CSS布局Chapter 03

3.1 认识CSS… 50

3.1.1 CSS样式概述 50

3.1.2 “CSS设计器”面板 50

3.1.3 CSS的基本语法 51

3.1.4 创建CSS样式选择器 52

3.2 设置CSS样式属性 58

3.2.1 设置布局样式 58

3.2.2 设置文本样式 60

3.2.3 设置边框样式 60

3.2.4 设置背景样式 61

3.2.5 设置其他样式 62

3.3 管理CSS样式表 63

3.3.1 内部样式表 63

3.3.2 内嵌样式表 64

3.3.3 外联样式表 65

3.4 初识Div… 65

3.4.1 Div概述 66

3.4.2 插入Div… 66

3.4.3 块级元素和行内元素 67

3.4.4 Div+CSS的布局优势 68

3.5 CSS盒子模型 68

3.5.1 CSS盒子模型的概念 69

3.5.2 content(内容) 69

3.5.3 padding(填充) 70

3.5.4 border(边框) 70

3.5.5 margin(边界) 71

3.6 Div+CSS常见的布局模式 71

3.6.1 单行单列固定宽度 72

3.6.2 一列自适应 72

3.6.3 一列固定宽度居中 73

3.6.4 两列固定宽度 73

3.6.5 两列宽度自适应 74

3.6.6 两行右列宽度自适应 74

3.7 实战问答 75

NO.1 CSS样式的主要特点是什么 75

NO.2 Div标签到底有什么作用 75

3.8 思考与练习 76

运用表格与jQuery UI制作网页Chapter 04

4.1 创建和选择表格 78

4.1.1 创建表格 78

4.1.2 选择整个表格 78

4.1.3 选取行或列 80

4.1.4 选取单元格 80

4.2 设置表格属性 81

4.2.1 设置表格的属性 81

4.2.2 设置单元格的属性 82

4.3 表格的基本操作 82

4.3.1 调整表格的大小 83

4.3.2 添加/删除行和列 84

4.3.3 复制、粘贴和删除单元格 86

4.3.4 合并与拆分单元格 88

4.4 表格的特殊处理 89

4.4.1 导入表格式数据 89

4.4.2 表格排序 90

4.5 使用jQuery UI构件布局对象 91

4.5.1 关于jQuery UI构件 91

4.5.2 jQuery UI可折叠式面板 91

4.5.3 jQuery UI选项卡式面板 92

4.6 实战问答 93

NO.1 如何通过命令一次性插入多行或多列 93

NO.2 表格布局和Div+CSS布局有何优缺点 94

NO.3 jQuery UI和jQuery有何区别 94

4.7 思考与练习 94

表单元素、模板和库的运用Chapter 05

5.1 插入表单元素 98

5.1.1 什么是表单 98

5.1.2 插入表单域 98

5.1.3 插入文本域 99

5.1.4 插入密码域 100

5.1.5 插入按钮 101

5.1.6 插入复选框 101

5.2 使用模板 102

5.2.1 创建模板 102

5.2.2 插入可编辑区域 104

5.2.3 删除可编辑区域 105

5.3 模板的应用 105

5.3.1 基于模板创建页面 105

5.3.2 分离页面中所使用的模板… 106

5.4 创建和应用库项目 107

5.4.1 创建库项目 107

5.4.2 插入库项目 109

5.4.3 更新库项目 110

5.5 实战问答 111

NO.1 有没有什么方法可以调整表单的大小 111

NO.2 怎么才不会出现库项目找不到路径的问题 111

5.6 思考与练习 112

运用行为制作交互网页Chapter 06

6.1 行为的概念 114

6.1.1 认识“行为”面板 114

6.1.2 事件 114

6.1.3 熟悉动作类型 114

6.2 网页添加行为 115

6.2.1 设置图像的行为 115

6.2.2 “打开浏览器窗口”行为 117

6.2.3 调用JavaScript 118

6.2.4 设置浏览器环境 119

6.2.5 设置文本域文字 121

6.3 设置网页特殊效果 122

6.3.1 晃动效果 122

6.3.2 渐隐效果 123

6.3.3 滑动效果 123

6.4 实战问答 125

NO.1 行为、事件及动作之间有什么联系 125

NO.2 如何设置“打开浏览器窗口”行为的属性 125

6.5 思考与练习 125

Photoshop CC入门Chapter 07

7.1 Photoshop CC的操作界面 128

7.1.1 菜单栏 128

7.1.2 工具选项栏 129

7.1.3 图像窗口 129

7.1.4 工具箱 131

7.1.5 状态栏 132

7.1.6 浮动面板 132

7.2 图像的分辨率和类型 132

7.2.1 分辨率 132

7.2.2 图像的类型 133

7.3 掌握页面布局辅助工具 134

7.3.1 使用标尺 134

7.3.2 使用参考线 135

7.3.3 使用网格 136

7.3.4 使用注释工具 136

7.4 实战问答 137

NO.1 怎样隐藏而不删除文档中的参考线 137

NO.2 位图与矢量图的主要区别是什么 138

7.5 思考与练习 138

使用绘图工具绘制图像Chapter 08

8.1 调整图像 142

8.1.1 调整图像大小 142

8.1.2 调整画布大小 142

8.2 选择绘图区域 143

8.2.1 使用矩形选框工具 143

8.2.2 使用魔棒工具 144

8.2.3 套索工具 145

8.3 基本绘图工具… 146

8.3.1 铅笔工具 146

8.3.2 画笔工具 147

8.3.3 图案图章工具 148

8.3.4 仿制图章工具 149

8.3.5 橡皮擦工具 150

8.4 矢量绘图工具 151

8.4.1 矩形工具 151

8.4.2 圆角矩形工具 152

8.4.3 多边形工具 154

8.4.4 自定义形状工具 156

8.5 实战问答 157

NO.1 铅笔工具和画笔工具有何区别 157

NO.2 如何绘制圆形 158

8.6 思考与练习 158

图层和文本的使用Chapter 09

9.1 认识图层 160

9.1.1 了解“图层”面板 160

9.1.2 新建图层 160

9.1.3 删除图层 161

9.1.4 复制图层 161

9.1.5 调整图层 162

9.2 应用图层样式 163

9.2.1 斜面和浮雕图层样式 163

9.2.2 投影图层样式 164

9.2.3 外发光图层样式 165

9.3 创建文字 167

9.3.1 横排文字工具 167

9.3.2 直排文字工具 168

9.3.3 横排文字蒙版工具… 169

9.4 编辑文字 170

9.4.1 认识“字符”面板 170

9.4.2 创建变形文字 171

9.4.3 创建路径文字 172

9.5 实战问答 173

NO.1 可不可以为文字图层添加描边效果 173

NO.2 横排文字工具和横排文字蒙版工具有何区别 174

NO.3 如何重置文字变形 174

9.6 思考与练习 174

创建网页动画特效Chapter 10

10.1 图像的优化与输出 176

10.1.1 图像的格式 176

10.1.2 优化图像 176

10.1.3 输出图像 178

10.2 创建动态图像 178

10.2.1 认识“时间轴”面板 178

10.2.2 创建动态图像 179

10.2.3 保存动态图像 181

10.3 创建和编辑切片 182

10.3.1 切片的类型 182

10.3.2 创建切片 182

10.3.3 编辑切片 183

10.4 管理切片 184

10.4.1 选择、移动和调整切片 184

10.4.2 转换和锁定切片 185

10.4.3 组合和删除切片 186

10.4.4 将切片输入到网页 187

10.5 实战问答… 190

NO.1 浏览器不显示输出的动画怎么办 190

NO.2 怎样删除基于图层创建的切片 190

10.6 思考与练习 191

认识Flash CCChapter 11

11.1 Flash CC的新增功能 194

11.2 认识Flash CC 的工作界面 195

11.3 Flash CC的基本操作 196

11.3.1 启动Flash程序 196

11.3.2 新建空白Flash文件 197

11.3.3 根据模板新建Flash文件 198

11.3.4 设置Flash文档属性 200

11.3.5 使用绘图工具绘图 201

11.4 使用文本工具 203

11.4.1 使用静态文本 203

11.4.2 使用动态文本 206

11.4.3 使用输入文本 209

11.5 文本的编辑处理 211

11.5.1 分离文本 211

11.5.2 为文本添加超链接 212

11.6 实战问答 213

NO.1 如何使舞台自动适应对象大小 213

NO.2 如何在Flash中打开已有Flash文件 213

11.7 思考与练习 214

使用时间轴、帧及图层Chapter 12

12.1 帧的类型和基本操作 216

12.1.1 帧类型 216

12.1.2 选择帧 217

12.1.3 插入帧 218

12.1.4 复制和翻转帧 219

12.1.5 清除和删除帧 220

12.1.6 移动帧 221

12.2 图层概述 222

12.2.1 图层的类型 222

12.2.2 创建图层和图层文件夹 223

12.2.3 编辑和修改图层 225

12.3 实战问答 229

NO.1 如何删除图层 229

NO.2 如何转换帧类型 230

12.4 思考与练习 230

Flash CC中库和元件的使用Chapter 13

13.1 元件应用 234

13.1.1 元件类型 234

13.1.2 创建图形元件 234

13.1.3 创建影片剪辑元件 236

13.1.4 创建按钮元件 238

13.1.5 在不同模式下编辑元件 241

13.2 使用实例 243

13.2.1 创建元件实例 243

13.2.2 交换元件实例 245

13.2.3 改变实例类型 246

13.2.4 查看实例信息 247

13.3 库的管理… 247

13.3.1 将库资源归类 248

13.3.2 删除、复制和排序资源项 249

13.3.3 调用外部库 251

13.4 实战问答 252

NO.1 如何将Flash中的实例直接转换为元件 252

NO.2 如何处理库冲突 252

13.5 思考与练习 253

制作网页动画Chapter 14

14.1 创建简单Flash动画 256

14.1.1 创建逐帧动画 256

14.1.2 创建补间动画 258

14.1.3 创建形状补间动画 260

14.1.4 制作遮罩动画 262

14.1.5 制作引导动画 263

14.2 ActionScript应用开发 265

14.2.1 常用命令 265

14.2.2 常用语句 268

14.3 实战问答 269

NO.1 如何创建3D动画 269

NO.2 如何删除形状提示 270

14.4 思考与练习 270

企业网站综合实例Chapter 15

15.1 使用Photoshop设计网站页面 272

15.1.1 案例制作思路 272

15.1.2 案例制作过程 273

15.1.3 案例制作总结 282

15.1.4 案例制作答疑 282

15.2 使用Flash制作网站动画 282

15.2.1 案例制作思路 283

15.2.2 案例制作过程 283

15.2.3 案例制作总结 286

15.2.4 案例制作答疑 286

15.3 使用Dreamweaver制作网站 286

15.3.1 案例制作思路 287

15.3.2 案例制作过程 287

15.3.3 案例制作总结 291

15.3.4 案例制作答疑 291

15.4 实战问答 291

NO.1 参考线有什么作用 291

NO.2 为什么要删除素材中的内容 291

NO.3 如何做文字的变形动画 291

NO.4 如何将文字或图像镂空 292

NO.5 怎么设置指定文本居中显示 292

NO.6 如何连续输入多个空格 292

NO.7 如何设置页面边距 292

习题答案 293

全书共15章，主要包括网页制作基础、Dreamweaver CC网页制作、Photoshop CC网页图像设计、Flash CC网页动画设计以及综合案例实战5个部分。通过本书的学习，不仅能让读者学会三大软件的基本操作，而且本书中列举的实战案例，还可以让读者举一反三，在实战工作中用得更好。 此外，本书还提供了丰富的栏目板块，如专家提醒、核心妙招和长知识。这些板块不仅丰富了本书的知识，还可以教会读者更多常用的技巧，提高读者的实战操作能力。本书浅显易懂，指导性较强，主要定位于希望快速进入网页设计领域的初、中级用户，特别适合初级网页设计和制作人员、大中专学生及网页设计爱好者。此外，本书也适用于网页设计培训班学生和自学读者使用。