Dreamweaver+Flash+Photoshop网页设计从入门到精通 微课精编版PDF电子书下载

第1章 使用Dreamweaver新建网页 1

1.1了解Dreamweaver 2

1.1.1Dreamweaver发展历史 2

1.1.2熟悉Dreamweaver界面 3

1.2定义站点 7

1.2.1实战演练：定义静态站点 7

1.2.2实战演练：测试本地站点 8

1.2.3实战演练：定义动态站点 9

1.3实战演练：新建网页 9

1.4设置页面属性 11

1.4.1设置外观 11

1.4.2设置链接 15

1.4.3设置标题 16

1.4.4设置标题/编码 16

1.4.5设置跟踪图像 17

1.5定义网页元信息 18

1.5.1实战演练：设置网页字符编码 19

1.5.2实战演练：设置网页关键词 19

1.5.3实战演练：设置网页说明 20

1.6案例实战：使用编码设计网页 20

1.7在线练习 21

第2章 设计网页文本 22

2.1在网页中输入文本 23

2.2定义文本属性 24

2.3定义文本格式 25

2.3.1实战演练：设置段落文本 25

2.3.2实战演练：设置标题文本 27

2.3.3实战演练：设置预定义文本 28

2.4案例实战：定义类文本 30

2.5定义字体样式 33

2.5.1实战演练：设置字体类型 33

2.5.2实战演练：设置字体颜色 34

2.5.3实战演练：设置艺术字体 36

2.5.4实战演练：设置字体大小 38

2.6定义段落样式 39

2.6.1实战演练：强制换行 40

2.6.2实战演练：对齐文本 41

2.6.3实战演练：缩进文本 43

2.7定义列表文本 45

2.7.1实战演练：设计项目列表 45

2.7.2实战演练：设计编号列表 46

2.7.3实战演练：设计定义列表 48

2.7.4实战演练：设计嵌套列表结构 49

2.8综合案例 49

2.8.1设计榜单栏 49

2.8.2美化正文版式 51

2.9在线练习 53

第3章 使用网页多媒体 54

3.1认识网页图像 55

3.2在网页中插入图像 55

3.2.1实战演练：插入图像 55

3.2.2实战演练：插入图像占位符 57

3.2.3实战演练：插入翻转图像 58

3.3设置图像属性 58

3.4编辑网页图像 59

3.4.1实战演练：调整图像大小 59

3.4.2实战演练：裁剪图像 60

3.4.3实战演练：优化图像 62

3.5案例实战：设计新闻内页 63

3.6案例实战：在网页中插入Flash动画 66

3.7案例实战：在网页中插入FLV视频 71

3.8在网页中插入插件 72

3.8.1实战演练：设计背景音乐 73

3.8.2实战演练：插入音频 74

3.8.3实战演练：插入视频 75

3.9案例实战：插入HTML5音频 76

3.10案例实战：插入HTML5视频 79

3.11在线练习 82

第4章 设计超链接 83

4.1定义链接 84

4.1.1实战演练：使用属性面板 84

4.1.2实战演练：使用代码定义链接 85

4.2应用链接 86

4.2.1实战演练：定义锚点链接 86

4.2.2实战演练：定义电子邮箱链接 87

4.2.3实战演练：定义空链接 89

4.3案例实战：定义图像热点 89

4.4设计超链接样式 91

4.4.1定义基本样式 91

4.4.2定义下画线样式 93

4.4.3定义立体样式 96

4.4.4定义动态背景样式 98

4.5定义列表样式 98

4.5.1实战演练：定义列表样式 98

4.5.2实战演练：自定义项目符号 101

4.5.3实战演练：自定义项目列表符号 104

4.6案例实战 104

4.6.1设计灯箱广告 105

4.6.2设计水平菜单 108

4.6.3设计垂直菜单 111

4.6.4设计选项卡 113

4.6.5设计多级菜单 113

4.7在线练习 113

第5章 设计表格 114

5.1在网页中插入表格 115

5.2设置表格属性 117

5.2.1设置表格框属性 117

5.2.2设置单元格属性 119

5.3操作表格 121

5.3.1实战演练：选择表格 121

5.3.2实战演练：选择行与列 122

5.3.3实战演练：选择单元格 123

5.3.4实战演练：增加行和列 124

5.3.5实战演练：删除行和列 125

5.3.6实战演练：剪切和粘贴单元格 126

5.3.7实战演练：合并和拆分单元格 127

5.4定义表格样式 129

5.4.1案例实战：定义细线表格 129

5.4.2案例实战：定义粗边表格 130

5.4.3案例实战：定义虚线表格 131

5.4.4案例实战：定义双线表格 132

5.4.5案例实战：定义宫形表格 132

5.4.6案例实战：定义单线表格 133

5.5案例实战：设计复杂表格 134

5.5.1重构表格 134

5.5.2美化样式 136

5.6案例实战：设计表格页面 138

5.7在线练习 142

第6章 设计表单 143

6.1插入表单 144

6.1.1实战演练：定义表单框 144

6.1.2实战演练：定义文本框 145

6.1.3实战演练：定义文本区域 147

6.1.4实战演练：定义按钮 149

6.1.5实战演练：定义单选按钮 150

6.1.6实战演练：定义复选框 152

6.1.7实战演练：定义选择框 155

6.1.8实战演练：定义其他表单对象 157

6.2插入HTML5表单 157

6.2.1案例：设计电子邮件 158

6.2.2案例：设计数字框 160

6.3设置HTML5表单属性 163

6.3.1案例：绑定表单域 163

6.3.2案例：匹配数据列表 167

6.4案例实战：设计用户登录表单页 169

6.5在线练习 174

第7章 设计图像和背景样式 175

7.1设计图片样式 176

7.1.1定义图片边框 176

7.1.2定义图片透明度 178

7.1.3定义图片对齐方式 180

7.1.4定义图片大小 181

7.2设计背景样式 181

7.2.1定义背景颜色 182

7.2.2定义背景图像 182

7.2.3定义显示方式 183

7.2.4定义显示位置 184

7.2.5定义固定显示 185

7.2.6定义背景图像大小 187

7.2.7定义多重背景图像 189

7.3案例实战 191

7.3.1设计新闻列表栏目 192

7.3.2设计半透明效果栏目 195

7.3.3设计新歌榜 198

7.3.4定义阴影效果 200

7.3.5定义圆角效果 202

7.3.6设计图文混排 203

7.3.7设计渐变栏目效果 206

7.3.8设计圆角版面 208

7.4在线练习 210

第8章 设计DIV＋CSS页面 211

8.1网页布局基础 212

8.1.1使用〈div〉和〈span〉 212

8.1.2使用id和class 213

8.1.3设置文档类型 214

8.1.4认识显示模式 215

8.1.5 CSS盒模型 217

8.1.6 CSS布局基础 217

8.2两列结构布局 217

8.2.1重点演练：设计固定宽度 218

8.2.2重点演练：设计宽度自适应 221

8.2.3重点演练：设计自定义宽度 223

8.3多列结构布局 226

8.3.1重点演练：设计两列定宽中间自适应 227

8.3.2重点演练：设计右侧定宽左侧及中间自适应 228

8.3.3重点演练：设计三列宽度自适应 229

8.4案例实战 231

8.4.1设计资讯正文页 231

8.4.2设计企业内宣页 234

8.4.3设计儿童题材的博客页 236

8.4.4设计流动博客首页 240

8.4.5设计定位宣传页 240

8.4.6设计伪列公司首页 240

8.5在线练习 240

第9章 设计HTML5文档 241

9.1 HTML5文档基础 242

9.1.1文档和标记 242

9.1.2宽松的约定 243

9.1.3编写HTML5文档 244

9.2案例实战 245

9.2.1定义标题栏 245

9.2.2定义文章块 250

9.2.3定义内容块 257

9.2.4定义导航栏 263

9.2.5定义侧边栏 268

9.2.6定义脚注栏 269

9.3在线练习 270

9.4线上拓展 270

9.4.1使用行为设计网页特效 270

9.4.2使用jQuery UI和jQuery Mobile组件 270

第10章 设计CSS3样式 271

10.1 CSS3特效 272

10.1.1定义文本阴影 272

10.1.2使用rgba（）函数 273

10.1.3使用hsla（）函数 275

10.1.4设计线性渐变样式 277

10.1.5设计径向渐变样式 281

10.1.6定义圆角边框 285

10.1.7定义盒子阴影 288

10.2 CSS3动画 291

10.2.1认识CSS3 transition 291

10.2.2案例：设计变形的盒子 295

10.2.3案例：设计折叠框 299

10.3在线练习 305

10.4线上拓展 305

第11章 使用Photoshop新建网页图像 306

11.1了解Photoshop主界面 307

11.2新建网页图像 308

11.2.1新建图像 308

11.2.2保存图像 309

11.2.3打开图像 310

11.2.4置入图像 312

11.3修改网页图像 312

11.3.1修改图像尺寸和分辨率 312

11.3.2修改画布大小 313

11.3.3裁切图像 314

11.3.4清除图像空边 315

11.4编辑网页图像 315

11.4.1移动图像 315

11.4.2复制和粘贴图像 317

11.4.3删除与恢复图像 318

11.4.4还原与重做 318

11.4.5使用【历史记录】面板 319

11.5修饰网页图像 319

11.6选取范围 320

11.7操作选区 320

第12章 处理网页图像 321

12.1创建图层 322

12.1.1新建普通图层 322

12.1.2新建背景图层 323

12.1.3新建调整图层 323

12.1.4新建文本图层 324

12.1.5新建填充图层 325

12.1.6新建形状图层 326

12.2使用图层组 327

12.2.1创建图层组 327

12.2.2将图层添加到图层组中 327

12.2.3复制图层组 327

12.2.4删除图层组 328

12.3操作图层 328

12.3.1移动图层 328

12.3.2复制图层 329

12.3.3锁定图层 330

12.3.4删除图层 330

12.3.5旋转和翻转图层 331

12.3.6调整图层层叠顺序 331

12.4操作多图层 332

12.4.1选择多图层 332

12.4.2链接多图层 333

12.4.3对齐图层 333

12.4.4分布图层 334

12.4.5向下合并图层 334

12.4.6合并图层和图层组 335

12.4.7合并可见图层和图层组 335

12.4.8拼合图层 335

12.4.9图层混合 335

12.5案例实战：使用图层蒙版 336

12.6案例实战：使用剪贴组图层 338

12.7添加图层特效 339

12.7.1案例实战：制作阴影效果 339

12.7.2案例实战：制作发光效果 340

12.7.3案例实战：制作斜面和浮雕效果 340

12.7.4案例实战：应用样式 342

12.8案例实战 343

12.8.1制作图案文字 343

12.8.2制作倒影文字 344

12.8.3制作立体按钮 346

12.8.4制作五环图案 347

12.9使用通道 349

12.10使用滤镜 349

第13章 设计网页元素 350

13.1设计网页效果图 351

13.2设计网页标题 351

13.3设计网页按钮 353

13.4设计网页背景图 355

13.5设计网站Logo 357

13.5.1案例实战：制作Google标志 357

13.5.2案例实战：制作迅雷标志 359

13.6设计网页Banner 362

13.7网页绘图和调色基础 366

第14章 把效果图转换为网页 367

14.1使用Photoshop切图 368

14.1.1实战演练：切图的基本方法 368

14.1.2设置切片选项 372

14.1.3实战演练：输出网页 373

14.1.4输出效果图应注意事项 376

14.2案例实战 377

14.2.1输出正文版面 377

14.2.2输出自适应版面 383

14.2.3输出首页 391

14.2.4输出内页 395

14.2.5设计固定背景 395

14.2.6设计渐变背景 396

14.2.7设计圆角背景 396

14.2.8设计单栏背景 396

14.2.9设计双栏背景 396

第15章 使用Flash新建动画 397

15.1熟悉Flash CC主界面 398

15.1.1编辑区 398

15.1.2菜单栏 398

15.1.3工具箱 399

15.1.4时间轴 399

15.1.5浮动面板 399

15.1.6属性面板 399

15.2文档操作 399

15.2.1打开文档 399

15.2.2新建文档 399

15.2.3保存文档 400

15.2.4关闭文档 400

15.3实战演练：使用Flash 400

15.4熟练工作场景 402

15.4.1认识工具箱 402

15.4.2设置舞台 402

15.4.3使用场景 403

15.5案例实战：设计第一个动画 404

15.5.1设置舞台 404

15.5.2制作动画 406

15.5.3 测试动画 408

15.5.4保存、发布动画 409

第16章 处理动画素材 410

16.1Flash素材来源 411

16.1.1绘制对象 411

16.1.2导入对象 412

16.2编辑位图 414

16.2.1设置位图属性 414

16.2.2选择图像 415

16.2.3案例实战：设计名片 417

16.2.4案例实战：把位图转换为矢量图 420

16.3编辑图形 421

16.3.1任意变形 421

16.3.2快速变形 424

16.3.3组合和分散对象 425

16.3.4对齐对象 426

16.3.5变形面板和信息面板 429

16.3.6案例实战：设计倒影特效 430

16.3.7案例实战：设计折叠纸扇 431

16.4修饰图形 433

16.4.1优化路径 433

16.4.2将线条转换为填充 434

16.4.3扩展填充 434

16.4.4柔化填充边缘 435

16.5案例实战：导入音频 435

16.6案例实战：导入视频 438

16.7使用辅助工具 438

第17章 设计动画元素 439

17.1绘图准备 440

17.1.1选择工具 440

17.1.2部分选取工具 442

17.1.3 Flash绘图模式 443

17.2绘制路径 444

17.2.1绘制线条 444

17.2.2使用铅笔 446

17.2.3使用钢笔 447

17.3绘制图形 448

17.3.1绘制椭圆 448

17.3.2绘制矩形 448

17.3.3绘制多角星形 449

17.3.4使用刷子 450

17.3.5使用橡皮擦 452

17.3.6案例实战：绘制Logo标识 453

17.4动画上色 456

17.4.1使用墨水瓶 456

17.4.2使用颜料桶 456

17.4.3使用滴管 457

17.4.4使用渐变变形 457

17.4.5使用颜色面板 460

17.4.6案例实战：设计导航按钮 461

17.5使用文本 463

17.5.1文本类型 463

17.5.2输入文本 463

17.5.3修改文本 464

17.5.4分离文本 465

17.5.5编辑矢量文本 465

17.5.6案例实战：设计Logo 466

17.6案例实战 467

17.6.1绘制头像 467

17.6.2给卡通涂色 468

17.6.3给人物上色 468

17.6.4设计空心文字 468

17.6.5设计披雪文字 468

17.6.6设计立体文字 468

第18章 使用Flash元件 469

18.1使用元件 470

18.1.1元件类型 470

18.1.2创建图形元件 470

18.1.3创建按钮元件 472

18.1.4创建影片剪辑元件 475

18.1.5编辑元件 477

18.1.6案例实战：设计水晶按钮 478

18.1.7案例实战：设计交互式按钮 482

18.2使用实例 485

18.2.1创建实例 485

18.2.2修改实例 485

18.2.3设置实例显示属性 487

18.3使用库 488

18.3.1操作元件库 488

18.3.2调用其他动画库 490

18.4使用组件 491

第19章 创建Flash动画 492

19.1使用帧 493

19.1.1认识帧 493

19.1.2创建帧 493

19.1.3选择帧 494

19.1.4编辑帧 495

19.1.5使用洋葱皮 497

19.2使用图层 498

19.2.1操作图层 498

19.2.2引导层 501

19.2.3案例实战：设计遮罩特效 503

19.3设计逐帧动画 504

19.3.1自动生成逐帧动画 504

19.3.2制作逐帧动画 505

19.4设计补间动画 506

19.4.1制作传统补间动画 506

19.4.2制作形状补间动画 509

19.4.3添加形状提示 510

19.4.4制作运动补间动画 512

19.5设计引导线动画 514

19.6设计遮罩动画 517

19.6.1定义遮罩层动画 517

19.6.2定义被遮罩层动画 519

19.7案例实战 521

19.7.1设计弹跳的小球 521

19.7.2设计探照灯效果 521

19.7.3设计3D运动效果 522

第20章 设计交互式动画 523

20.1使用动作面板 524

20.2添加动作 525

20.2.1给关键帧添加动作 525

20.2.2给按钮元件添加动作 525

20.2.3给影片剪辑元件添加动作 526

20.3案例实战 526

20.3.1控制动画播放 526

20.3.2动画回播和跳转 528

20.3.3控制背景音乐 529

20.3.4添加超链接 531

20.3.5加载外部动画 532

20.3.6设置影片显示样式 534

20.3.7设计Flash小站 537

20.3.8全屏显示动画 541

20.3.9设计控制条 541

20.4综合案例：设计Flash网站 541

第21章 手机应用类型网站布局与设计 542

21.1产品策划 543

21.2画板和设计 543

21.3切图和输出 546

21.4网站重构 548

21.5网站布局 551