中文版DREAMWEAVER+FLASH+PHOTOSHOP CC网页设计与制作从入门到精通 全彩版PDF电子书下载

入门篇 2

Chapter 01 初识网页制作 2

1.1 网页基础 3

1.1.1 网站和网页的关系 3

1.1.2 网页的构成要素 3

1.1.3 网页的分类 4

1.1.4 屏幕分辨率和网页编辑器 4

1.2 制作网站的基本流程 5

1.2.1 网站策划 5

1.2.2 制作网站的准备工作 6

1.2.3 制作及上传网站 7

1.2.4 网站的更新与维护 7

1.3 了解Dreamweaver CC 7

1.3.1 Dreamweaver CC简介 7

1.3.2 Dreamweaver CC新增功能 7

1.3.3 启动Dreamweaver CC 9

1.3.4 退出Dreamweaver CC 10

1.3.5 Dreamweaver CC视图模式 10

1.3.6 代码工具栏 12

1.4 Dreamweaver CC的工作界面 12

1.4.1 菜单栏 13

1.4.2 文档窗口 15

1.4.3 面板组 15

1.4.4 “属性”面板 16

1.4.5 Dreamweaver CC的环境设置 16

1.4.6 标尺、网格和辅助线的使用 18

1.5 制作网页的常用软件和语言 18

1.5.1 网页设计的常用软件 19

1.5.2 制作网页的核心语言 19

知识大爆炸——认识Dreamweaver的过去及安装要求 22

Chapter 02 快速掌握Dreamweaver CC 24

2.1 创建与管理站点 25

2.1.1 创建本地站点 25

实例操作：创建装饰网站点 25

2.1.2 “管理站点”对话框 26

2.1.3 管理站点 27

实例操作：导出装饰网站点 27

实例操作：导入食品网站点 27

实例操作：编辑食品网站点 28

实例操作：复制和删除美食天下站点 29

2.1.4 站点的结构规划 30

实例操作：创建文件夹及文件 30

2.2 创建与编辑网页 31

2.2.1 创建网页 31

实例操作：新建一个空白网页 31

实例操作：创建jQuery Mobile网页 33

2.2.2 打开与关闭网页 34

2.2.3 保存网页 35

2.3 在网页中添加文字内容 35

2.3.1 输入文字 35

实例操作：复制文字 36

2.3.2 添加空格、换行与分段 37

2.3.3 使用日期和水平线 37

2.3.4 插入列表 39

2.3.5 设置文本属性 39

实例操作：设置文本属性 40

2.4 添加图像丰富网页 41

2.4.1 常用的图像类型 42

2.4.2 在网页中插入图像 42

实例操作：插入图像 42

2.4.3 设置图像属性 43

2.4.4 插入鼠标经过图像 45

实例操作：设置鼠标经过时变换的图像 45

2.4.5 插入Fireworks HTML 46

2.5 为网页添加多媒体文件 47

2.5.1 使用Edge Animate作品 47

实例操作：插入Edge Animate动画 47

2.5.2 使用HTML5 Video文件 48

实例操作：设置HTML5 Video的属性 49

2.5.3 HTML5 Audio的应用 50

2.5.4 使用Flash SWF文件 51

实例操作：插入Flash并设置属性 51

2.5.5 插入并设置Flash Video 53

实例操作：插入并设置Flash Video属性 53

2.5.6 使用插件 54

2.6 超链接的应用 55

2.6.1 认识超链接和路径 56

2.6.2 创建常见的超链接 56

知识大爆炸——HTML的简单应用以及SEO优化网页图像的技巧 59

Chapter 03 使用CSS样式美化网页 62

3.1 认识和应用CSS样式 63

3.1.1 CSS概述 63

3.1.2 CSS样式表的基本语法 64

3.1.3 认识CSS设计器 64

3.1.4 创建样式表 65

实例操作：创建内部样式 65

实例操作：创建并链接外部样式表 67

3.2 使用丰富的CSS样式 68

3.2.1 CSS的布局属性 68

3.2.2 CSS的文本属性 69

3.2.3 CSS的边框属性 70

3.2.4 CSS的背景属性 71

3.2.5 其他CSS属性 72

3.3 CSS过渡效果的应用 73

3.3.1 新建CSS过渡效果 73

实例操作：新建CSS过渡效果 73

3.3.2 编辑CSS过渡效果 75

3.3.3 删除CSS过渡效果 75

知识大爆炸——CSS的特殊效果的应用 75

Chapter 04 页面布局 78

4.1 使用表格布局 79

4.1.1 制作表格 79

实例操作：制作表格 79

4.1.2 表格的基本操作 80

4.1.3 表格和单元格的属性 82

4.1.4 表格的嵌套使用 83

实例操作：创建Wedding.html网页 83

4.2 Div＋CSS美化网页 86

4.2.1 Div＋CSS概述 86

4.2.2 使用Div元素 86

实例操作：使用Accordion创建网页 87

4.2.3 使用Div＋CSS布局网页 91

实例操作：使用Div＋CSS创建网页 91

4.3 框架布局 94

4.3.1 框架的简介 94

4.3.2 使用HTML实现框架布局 95

4.3.3 设置框架集和框架的属性 95

4.3.4 设置框架的链接 96

4.3.5 Iframe框架（浮动框架） 96

实例操作：使用Iframe框架制作网页 97

知识大爆炸——导入数据并排序 98

Chapter 05 表单和行为的应用 100

5.1 表单应用 101

5.1.1 表单的概述 101

5.1.2 创建表单并设置属性 102

5.1.3 插入表单元素 102

5.1.4 灵活使用表单 107

实例操作：使用表单创建form网页 107

5.2 使用jQuery UI的表单部分 109

5.2.1 使用Datepicker组件 109

5.2.2 使用AutoComplete组件 110

5.2.3 使用Button组件 110

5.2.4 使用Buttonset组件 110

5.2.5 使用Checkbox Buttons组件 111

5.2.6 使用Radio Buttons组件 111

5.3 JavaScript行为的应用 111

5.3.1 行为概述 111

5.3.2 弹出窗口信息 112

实例操作：创建弹出窗口信息页面 112

5.3.3 打开浏览器窗口 113

5.3.4 调用JavaScript行为 113

实例操作：自动关闭网页 113

5.3.5 转到URL行为 114

5.3.6 显示文本行为 114

5.3.7 图像与多媒体的行为 115

实例操作：单击图像变换为另一张图像 115

5.4 利用行为控制表单 117

5.4.1 跳转菜单 118

5.4.2 检查表单 118

实例操作：检查表单中的文本域 118

知识大爆炸——使用行为添加jQueryt效果 119

Chapter 06 利用模板和库创建网页 122

6.1 使用模板 123

6.1.1 模板的概述 123

6.1.2 创建模板 123

实例操作：创建模板网页 123

6.1.3 定义可编辑区域 123

6.1.4 定义可选区域 124

6.1.5 定义重复区域 124

6.1.6 重复表格 124

6.2 应用模板 125

6.2.1 应用模板到网页 125

实例操作：将创建好的模板应用到网页 125

6.2.2 分离模板 127

6.3 应用库 127

6.3.1 介绍库 127

6.3.2 创建库项目 127

6.3.3 库项目的其他操作 128

6.3.4 设置库属性 128

知识大爆炸——嵌套模板、库和HTML代码 128

Chapter 07 移动设备网页和应用程序的创建 130

7.1 jQuery Mobile的应用 131

7.1.1 jQuery Mobile的概述 131

7.1.2 创建jQuery Mobile页面 132

实例操作：用HTML5创建jQuery Mobile 132

7.1.3 jQuery Mobile组件的使用 133

7.2 PhoneGap Build打包移动应用 135

7.2.1 PhoneGap Build概述 135

7.2.2 注册PhoneGap Build 136

7.2.3 打包移动应用程序 136

知识大爆炸——jQuery Mobile的主题应用 137

Chapter 08 动态网站及站点维护 138

8.1 搭建动态网站平台 139

8.1.1 动态网页的开发语言 139

8.1.2 创建数据库的软件 139

实例操作：创建Guest数据库 140

8.1.3 动态网站的开发流程 141

实例操作：在Windows 7中安装服务器 142

实例操作：设置虚拟网页站点 142

实例操作：配置本地站点服务器 144

实例操作：安装动态扩展 145

实例操作：设置ODBC数据源 146

8.2 制作数据库动态网页 147

8.2.1 绑定记录集 147

实例操作：绑定数据记录 147

8.2.2 登录用户行为 148

实例操作：创建登录页面 148

8.2.3 注销用户 149

8.2.4 插入记录表单 149

实例操作：创建注册页面 150

8.2.5 获取动态数据 151

实例操作：制作留言网页 151

8.2.6 转到详细页面 154

8.2.7 更新记录 154

8.3 网站维护与上传 155

8.3.1 测试本地站点 155

实例操作：检查断裂的链接 155

实例操作：为图片网页设计备注 156

8.3.2 上传站点的流程 157

实例操作：申请域名 158

8.3.3 文件上传 160

8.3.4 网站备案 161

知识大爆炸——域名解析 161

Chapter 09 Flash CC快速入门 162

9.1 认识Flash动画 163

9.1.1 Flash动画的原理 163

9.1.2 Flash动画在网页中的应用 163

9.1.3 Flash中的文件类型 165

9.1.4 Flash相关的图片格式 167

9.2 Flash动画的制作流程 167

9.2.1 前期策划 167

9.2.2 收集动画素材 167

9.2.3 制作动画 168

9.2.4 调试与优化动画 168

9.2.5 测试动画 168

9.2.6 发布动画 168

9.3 启动与退出Flash CC 168

9.3.1 启动Flash CC 168

9.3.2 退出Flash CC 170

9.4 Flash CC的工作界面 170

9.4.1 菜单栏 171

9.4.2 工作区切换器 171

9.4.3 工具箱 172

9.4.4 绘图工作区 173

9.4.5 常用面板 173

9.5 Flash文档的基本操作 175

9.5.1 新建Flash文档 175

实例操作：通过模板新建雪景动画 176

9.5.2 设置文档属性 177

9.5.3 保存与关闭Flash文档 178

9.5.4 打开Flash文档 179

9.6 舞台和场景的基本操作 179

9.6.1 添加场景 180

实例操作：在文档中添加场景 180

9.6.2 切换场景 180

9.6.3 查看场景 181

9.6.4 使用辅助工具 182

知识大爆炸——Flash动画与传统动画的比较 183

Chapter 10 图形的绘制与编辑 184

10.1 基本绘图工具 185

10.1.1 选择工具 185

10.1.2 线条工具 185

实例操作：绘制杯子图形 185

10.1.3 铅笔工具 187

10.1.4 矩形工具 188

实例操作：绘制路标 189

10.1.5 椭圆工具 190

实例操作：绘制七星瓢虫 190

10.1.6 多角星形工具 191

实例操作：绘制充满星星的夜空 191

10.1.7 刷子工具 193

10.2 钢笔工具 193

10.2.1 锚点 193

10.2.2 绘制状态 193

10.2.3 绘制图形 194

实例操作：绘制卡通风景画 194

10.2.4 添加和删除锚点 195

10.2.5 调整路径 195

10.3 填充图形颜色 196

10.3.1 认识“颜色”面板 196

10.3.2 认识“样本”面板 197

10.3.3 填充纯色 197

实例操作：填充卡通人物的颜色 197

10.3.4 填充线性渐变 198

实例操作：修改蓝天白云的颜色 199

10.3.5 填充径向渐变 200

实例操作：径向填充向日葵背景 200

10.3.6 使用位图填充 201

10.4 清除颜色 202

10.4.1 直接删除颜色 202

10.4.2 使用橡皮擦工具 202

知识大爆炸——图形绘制与填充的其他方法 203

Chapter 11 文本与对象的编辑 204

11.1 文本编辑 205

11.1.1 文本的类型 205

11.1.2 设置文本的字符样式 206

11.1.3 设置文本的段落样式 206

11.1.4 输入文本 207

实例操作：输入草莓点心介绍 207

实例操作：动态显示文本内容 208

实例操作：制作用户登录界面 209

11.1.5 为文本创建超链接 210

实例操作：创建文本超链接 210

11.1.6 设置滚动文本 211

11.1.7 分离文本 212

11.2 图形对象处理 212

11.2.1 移动对象 212

11.2.2 复制对象 213

11.2.3 转换图形对象为位图 213

11.2.4 图形变形 213

11.2.5 合并对象 215

11.2.6 层叠对象 215

11.2.7 对齐对象 216

11.3 添加声音与视频 216

11.3.1 导入并应用声音 216

实例操作：为Flash添加背景音乐 216

11.3.2 设置声音属性 217

11.3.3 设置关键帧上的声音 218

11.3.4 播放组件加载外部视频 219

实例操作：播放组件加载的外部视频 219

11.3.5 嵌入视频 220

实例操作：嵌入视频文件 220

11.3.6 设置视频属性 221

知识大爆炸——文本和对象的其他知识 222

Chapter 12 元件与库的使用 224

12.1 元件 225

12.1.1 元件的概念与种类 225

12.1.2 创建元件 226

实例操作：创建图形元件 226

实例操作：创建影片剪辑动画 227

实例操作：创建“开始游戏”按钮 228

12.1.3 元件的转换 230

12.1.4 元件的编辑 230

12.2 库 231

12.2.1 认识“库”面板 231

12.2.2 管理并使用库 231

实例操作：导入AI文件 231

实例操作：复制并修改元件 233

知识大爆炸——元件实例与共享库 235

Chapter 13 动画的制作 236

13.1 图层与时间轴 237

13.1.1 图层的概念及类型 237

13.1.2 图层的基本操作 237

13.1.3 时间轴与帧 239

13.2 创建基本动画 241

13.2.1 创建逐帧动画 242

实例操作：制作下雨动画 242

13.2.2 制作补间形状 243

实例操作：制作变形动画 243

13.2.3 创建并编辑传统补间动画 245

实例操作：制作飞行动画 245

13.2.4 创建并编辑补间动画 247

实例操作：制作蝴蝶飞舞动画 247

13.3 创建引导和遮罩动画 249

13.3.1 创建引导动画 249

实例操作：制作汽车行驶动画 249

实例操作：制作环保动画 251

13.3.2 创建遮罩动画 252

实例操作：制作放大动画 252

13.4 使用ActionScript制作动画 254

13.4.1 ActionScript 3.0 254

13.4.2 ActionScript中的专业术语 254

13.4.3 ActionScript 3.0基本语法 257

13.4.4 输入ActionScript语句 258

实例操作：创建并调用外部ActionScript文件 259

13.4.5 类、属性和方法 260

13.4.6 常用的ActionScript语句 261

实例操作：制作鼠标跟随效果 263

知识大爆炸——动画的其他知识 265

Chapter 14 测试、导出与发布动画 268

14.1 优化与测试动画 269

14.1.1 优化动画 269

14.1.2 测试动画 269

14.2 发布Flash动画 270

14.2.1 设置动画发布格式 271

实例操作：发布影片为GIF图像 273

14.2.2 发布动画 275

14.3 导出Flash动画 276

14.3.1 导出图像 276

实例操作：导出某帧的图像 276

14.3.2 导出影片 277

14.3.3 导出视频 277

实例操作：导出mov视频 277

知识大爆炸——调试与转换影片 278

Chapter 15 Photoshop CC快速入门 280

15.1 Photoshop CC的工作界面 281

15.2 图像处理的基础知识 282

15.2.1 像素与分辨率 282

15.2.2 图像的颜色模式 282

15.2.3 图像的位深度 284

15.2.4 色域与溢色 284

15.3 图像文件的基本操作 285

15.3.1 新建图像文件 285

15.3.2 打开图像文件 286

15.3.3 导入文件 287

15.3.4 置入与导出文件 287

实例操作：制作火球 287

15.3.5 保存图像文件 288

15.3.6 关闭图像文件 288

15.4 图像编辑的辅助操作 289

15.4.1 使用标尺 289

15.4.2 使用参考线 289

15.4.3 使用智能参考线 290

15.4.4 使用网格线 290

15.4.5 使用注释工具 290

实例操作：在图像中添加注释文本 290

15.5 调整图像 291

15.5.1 设置图像尺寸和分辨率 291

15.5.2 设置画布尺寸 291

15.5.3 翻转与旋转图像 292

15.5.4 裁剪与裁切图像 292

实例操作：调整并矫正图像 293

15.5.5 移动图像 294

15.5.6 自由变换 294

实例操作：制作三折页效果 294

15.5.7 操控变形 296

15.5.8 复制、剪切和粘贴图像 297

15.5.9 撤销和恢复图像操作 297

15.6 选区的创建与编辑 298

15.6.1 通过选框工具组创建 298

15.6.2 通过套索工具组创建 299

15.6.3 通过魔术棒工具组创建 300

15.6.4 使用蒙版 301

实例操作：制作波纹相框 301

15.6.5 编辑选区 302

知识大爆炸——文件保存格式及图层混合模式的应用 303

Chapter 16 图层和文本的应用 306

16.1 使用图层 307

16.1.1 认识图层面板 307

16.1.2 图层的基本操作 308

16.2 添加图层样式 311

16.2.1 投影、内阴影图层样式 311

实例操作：制作带有投影的文字 311

16.2.2 外发光、内发光图层样式 314

实例操作：制作发光的几何图 314

16.2.3 斜面和浮雕图层样式 315

实例操作：制作按钮 317

16.3 创建并设置文本 320

16.3.1 文本的类型 320

16.3.2 文字工具属性栏 320

16.3.3 输入并设置文本 321

实例操作：制作Logo图标 321

16.3.4 创建路径文字 322

实例操作：制作路径文字 322

16.3.5 创建变形文字 323

实例操作：制作变形文字 324

知识大爆炸——通道的基本操作 325

Chapter 17 图形绘制与颜色调整 326

17.1 颜色的填充与设置 327

17.1.1 设置前景色和背景色 327

17.1.2 填充前景色和背景色 327

实例操作：重新填充颜色 327

17.1.3 填充渐变色 328

17.2 绘制基本的图形 330

17.2.1 绘图模式 330

17.2.2 矩形工具 331

17.2.3 圆角矩形工具 331

实例操作：制作网页登录界面 331

17.2.4 椭圆工具 332

17.2.5 多边形工具 332

17.2.6 直线工具 333

17.2.7 自定形状工具 334

实例操作：制作音乐网站图像 334

17.3 自定义图形的绘制 336

17.3.1 使用钢笔工具 336

实例操作：绘制宣传海报 336

17.3.2 添加和删除锚点 339

17.3.3 选择和移动锚点 339

17.3.4 复制路径 340

17.3.5 变换路径 340

17.3.6 路径和选区的互换 340

17.3.7 填充路径 340

17.3.8 描边路径 341

17.4 调整图像的颜色 341

17.4.1 调整图像的亮度 341

实例操作：调整图片的色调 342

17.4.2 调整图像颜色 345

实例操作：调整咖啡网站的色彩 345

17.4.3 调整图像色调 347

实例操作：制作紫色调效果 347

知识大爆炸——高级绘图方式 349

Chapter 18 切片与输出图像 350

18.1 创建并编辑切片 351

18.1.1 创建切片 351

实例操作：为登录页面创建切片 351

18.1.2 编辑切片 352

实例操作：编辑登录页面切片选项 352

18.1.3 修改切片 353

18.2 优化与输出图像 354

18.2.1 优化图像 354

18.2.2 Web图像优化选项 355

18.2.3 Web图像输出 356

实例操作：输出网页图像 356

知识大爆炸——切片和网页图像格式 358

实战篇 362

Chapter 19 制作网页元素 362

19.1 制作网站Logo 363

19.2 制作开关按钮 365

19.3 制作网页导航条 369

19.4 制作网页视频播放动画 373

19.5 制作网页片头动画 375

19.6 扩展练习 379

19.6.1 制作网页广告条 379

19.6.2 制作风景网页动画 379

Chapter 20 制作摄影网站 380

20.1 设计网站主页 381

20.2 设计网站子页 386

20.3 对网页进行切片 389

20.4 制作banner动画 392

20.5 制作图片滚动动画 396

20.6 合成网页 399

20.7 扩展练习 411

20.7.1 制作“摄影信息”子网页 411

20.7.2 制作“摄影论坛”子网页 412

Chapter 21 制作个人网站 414

21.1 制作个人网站的首页 415

21.2 制作个人简介网页 419

21.3 制作留言簿网页 423

21.4 扩展练习 429

21.4.1 制作“我的生活”子网页 430

21.4.2 制作“我的一家”子网页 431

Chapter 22 制作“冷饮”网站 432

22.1 制作“冷饮”网站的首页 433

22.2 制作“携手自由时光”页面 441

22.3 制作“特色冷饮”页面 444

22.4 扩展练习 449

22.4.1 制作“冷饮”网站的“分店信息”网页 449

22.4.2 制作“冷饮”网站的“在线咨询”网页 450

精通篇 454

Chapter 23 网页制作的高级应用 454

23.1 JavaScript代码 455

23.1.1 JavaScript代码基础 455

23.1.2 JavaScript中的常用词汇 455

23.2 在HTML5画布中绘制形状 456

23.2.1 绘制矩形 456

实例操作：在画布中绘制矩形 456

23.2.2 绘制圆形 458

实例操作：在画布中绘制圆形 458

23.2.3 绘制直线 458

实例操作：在画布中绘制直线 459

23.2.4 线性和径向渐变 459

实例操作：在画布中绘制线性渐变 460

实例操作：在画布中绘制径向渐变 461

23.3 CSS3的新增功能 462

23.3.1 多色边框的应用 462

实例操作：定义立体边框效果 462

23.3.2 设计边框的背景样式 463

实例操作：用图片作为背景图像的边框 463

23.3.3 设计圆环的选项卡 463

实例操作：设计圆角选项卡 463

23.3.4 设计圆角 464

实例操作：用border-radius属性制作圆角 465

23.4 使用CSS进行网页布局 466

23.4.1 多列布局的应用 466

实例操作：用columns属性进行多列布局 466

23.4.2 设置列的边框样式 468

实例操作：为网页创建列边框样式 468

23.4.3 设置跨列显示 469

23.4.4 盒布局格式 469

实例操作：使用盒布局进行网页布局 470

实例操作：将水平排列修改为垂直排列 472

23.4.5 设置元素内容的对齐方式 472

知识大爆炸——渐变效果 473

Chapter 24 网页配色、字体和排版技巧 474

24.1 网页的色彩速配 475

24.1.1 色彩视觉的形成 475

24.1.2 色彩属性的分类 475

24.1.3 色彩的性质分类 476

24.1.4 色彩对比与调和 477

24.1.5 认识色相环 478

24.1.6 网页中的安全色 479

24.1.7 色彩规律 479

24.1.8 学会色彩搭配的方法 480

24.1.9 文字与背景颜色的搭配 480

24.2 字体在网页中的应用技巧 481

24.2.1 文字在网页中的体现 481

24.2.2 网页文字的基本格式设计 482

24.3 网页版式设计与构图 483

24.3.1 文字的整体编排 484

24.3.2 强调文字 485

24.3.3 网页版式的基本类型 485

24.3.4 网页构图 488

知识大爆炸——色彩的心理感受 489