网页设计与制作:Dreamweaver+Flash+Photoshop+HTML5+CSS3 慕课版
作者: 老虎工作室等编著
出版时间:2018年版
内容简介
本书从网页设计的入门基础知识开始,全面系统地介绍了网页设计、制作与发布的全过程,以及网站开发的基本知识。本书分为10章,主要内容包括网页制作基础知识、Dreamweaver CC基础、表格与模版、表单与CSS样式表、HTML5与动态网页、Flash CC基础、动画制作、图像编辑与抠图、图像调整与合成、网站美工设计及后台修改。
目录
第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