网页设计与制作-Dreamweaver+Flash+Photoshop+HTML5+CSS3-慕课版

第1章 添加基础页面元素　1

1.1　网页设计基础　2

1.1.1　网页设计的发展历史　2

1.1.2　网页的基本概念　4

1.1.3　网页设计的基本流程　6

1.2　认识HTML　7

1.2.1　HTML的基本概念　7

1.2.2　常用HTML的标签　8

1.3　Dreamweaver CC网页设计基础　11

1.3.1　Dreamweaver CC的操作基础　11

1.3.2　典型实例——设计“公司宣传”主页　13

1.4　添加网页文本　22

1.4.1　文本的添加和编排方法　22

1.4.2　典型实例——设计“公司简介”网页　32

1.5　添加网页图像　37

1.5.1　图像的添加和编辑方法　37

1.5.2　典型实例——设计“爱心贺卡”网页　46

1.6　习题　49

第2章　添加高级页面元素　50

2.1　添加多媒体　51

2.1.1　多媒体添加和编辑方法　51

2.1.2　典型实例——设计“视觉在线影院”网页　57

2.2　添加超链接　58

2.2.1　超链接添加和编辑方法　59

2.2.2　典型实例——设计“乖宝宝儿童乐园”网站　72

2.3　习题　75

第3章　应用表格、站点和IFrame　76

3.1　应用表格排版网页　77

3.1.1　表格的基本操作方法　77

3.1.2　典型实例——设计“绿色行动”网页　85

3.2　应用表格布局网页　89

3.2.1　表格布局的操作方法　89

3.2.2　典型实例——设计“全意房产”网页　95

3.3　应用站点　104

3.3.1　Dreamweaver站点文件夹　104

3.3.2　使用Dreamweaver创建站点　105

3.4　应用IFrame　107

3.4.1　IFrame简介　107

3.4.2　应用IFrame框架创建网页　108

3.5　习题　111

第4章　应用Div和CSS　112

4.1　应用Div　113

4.1.1　Div的基本概念和操作　113

4.1.2　典型实例——设计“搜索网”　123

4.2　应用CSS　128

4.2.1　CSS基础知识　128

4.2.2　应用CSS表美化网页　131

4.2.3　典型实例——设计“登录首页”网页　139

4.3　习题　145

第5章　应用表单和行为　146

5.1　创建表单　147

5.1.1　创建表单的操作方法　147

5.1.2　典型实例——设计“平民社区”网页　156

5.2　验证表单　160

5.2.1　验证表单的操作方法　160

5.2.2　典型实例——设计“平民社区02”

网页　163

5.3　应用Dreamweaver CC内置行为　164

5.3.1　认识行为的基本概念　164

5.3.2　典型案例——设计“知天下信息网”　166

5.4　习题　175

第6章　应用HTML5和CSS3　176

6.1　应用HTML5　177

6.1.1　HTML5的新元素　177

6.1.2　应用HTML5元素创建网页　178

6.2　应用CSS3　184

6.2.1　CSS3的简介　184

6.2.2　应用CSS3美化网页　186

6.2.3　典型实例——设计“成长记录”网页　190

6.3　习题　195

第7章　使用Flash CC制作素材　196

7.1　动画制作基础　197

7.1.1　了解图像基本知识　197

7.1.2　Flash CC操作基础　198

7.1.3　范例解析——制作“旋转文字效果”　200

7.2　绘制素材　204

7.2.1　绘图工具简介　204

7.2.2　范例解析——绘制“真实枫叶效果”　205

7.3　导入图片和音频　214

7.3.1　导入图片和声音的方法　214

7.3.2　范例解析——制作“户外广告”　216

7.4　导入视频与打开外部库　225

7.4.1　功能讲解——导入视频的方法　225

7.4.2　范例解析——制作“动态影集”　227

7.5　习题　232

第8章　制作逐帧动画　233

8.1　掌握逐帧动画制作原理　234

8.1.1　功能讲解——认识逐帧动画原理　234

8.1.2　范例解析1——制作“动态QQ表情”　235

8.1.3　范例解析2——制作“野外篝火”　237

8.2　使用元件和库　243

8.2.1　功能讲解——认识元件和库　243

8.2.2　范例解析1——制作“浪漫出游”　244

8.2.3　范例解析2——手绘“神秘舞者”　248

8.3　习题　252

第9章　制作补间动画　253

9.1　制作补间形状动画　254

9.1.1　功能讲解——补间形状动画原理　254

9.1.2　范例解析——制作“Logo

设计”　255

9.2　制作形状提示动画　259

9.2.1　功能讲解——形状提示点原理　259

9.2.2　范例解析——制作“动物大变身”　259

9.3　制作传统补间动画　262

9.3.1　功能讲解——传统补间动画原理　262

9.3.2　范例解析——制作“庆祝生日快乐”　263

9.4　制作补间动画　266

9.4.1　功能讲解——补间动画原理　267

9.4.2　范例解析——制作“我的魔兽相册”　267

9.5　习题　276

第10章　制作图层动画　277

10.1　制作引导层动画　278

10.1.1　引导层动画原理　278

10.1.2　范例解析——制作“巧克力情缘”　279

10.2　制作多层引导动画　281

10.2.1　多层引导动画原理　282

10.2.2　范例解析——制作“鱼戏荷间”　282

10.3　掌握遮罩层动画制作原理　288

10.3.1　遮罩层动画原理　288

10.3.2　范例解析——制作“精美云彩文字效果”　289

10.4　制作多层遮罩动画　292

10.4.1　多层遮罩动画原理　293

10.4.2　范例解析——制作“星球旋转效果”　293

10.5　习题　299

第11章　图像编辑与抠图　300

11.1　Photoshop CC界面窗口　301

11.1.1　Photoshop CC界面窗口布局　301

11.1.2　工具栏　302

11.1.3　控制面板的显示与隐藏　303

11.2　新建、打开与存储文件　304

11.2.1　新建文件　304

11.2.2　打开文件　304

11.2.3　存储文件　305

11.3　图像显示控制　306

11.3.1　【缩放】工具　306

11.3.2　【抓手】工具　306

11.3.3　屏幕显示模式　307

11.4　图像尺寸与图像文件大小　307

11.4.1　图像尺寸　307

11.4.2　图像文件大小　307

11.4.3　查看图像文件大小　308

11.4.4　调整图像文件大小　308

11.4.5　调整画布大小　309

11.5　图像裁剪　310

11.5.1　按照构图裁剪照片　310

11.5.2　旋转裁剪倾斜的照片　312

11.5.3　度量矫正倾斜的照片　312

11.5.4　统一尺寸的照片裁剪　314

11.6　图像抠图　315

11.6.1　认识选区　315

11.6.2　利用【套索】工具抠图　315

11.6.3　利用【魔棒】工具抠图　316

11.6.4　利用【魔术橡皮擦】工具抠图　318

11.6.5　利用【路径】工具抠图　320

11.7　图像移动与复制　326

11.7.1　在当前文件中移动图像　326

11.7.2　在两个文件之间移动复制图像　327

11.7.3　利用【移动】工具复制图像　328

11.8　图像变换、对齐与分布　330

11.9　习题　333

第12章　图像调整与合成　334

12.1　图像色彩调整　335

12.1.1　【色阶】命令　335

12.1.2　【曲线】命令　335

12.1.3　【色彩平衡】命令　336

12.1.4　【亮度/对比度】命令　336

12.1.5　【色相/饱和度】命令　337

12.1.6　【照片滤镜】命令　337

12.2　图像修饰　337

12.2.1　图章工具　338

12.2.2　修复工具　338

12.3　图层　340

12.3.1　图层概念　340

12.3.2　图层面板　341

12.3.3　图层类型　342

12.3.4　图层操作　343

12.4　图层样式　345

12.4.1　图层样式　345

12.4.2　制作网页按钮　347

12.5　图像合成　350

12.5.1　利用蒙版合成图像　350

12.5.2　无缝拼接全景风景画　352

12.5.3　利用图层制作线纹效果　353

12.6　习题　355

第13章　网站美工设计及后台修改　356

13.1　网站主页版面设计　357

13.1.1　设计主图像　357

13.1.2　设计网站背景　360

13.1.3　设计页眉　362

13.1.4　编排主要内容　363

13.1.5　设计按钮及页脚　367

13.2　图像切片　371

13.2.1　切片的类型　372

13.2.2　创建切片　372

13.2.3　编辑切片　374

13.3　存储网页图片　375

13.3.1　存储为JPG格式图片　375

13.3.2　存储为GIF格式图片　376

13.3.3　优化存储网页图片　377

13.4　习题　379