Dreamweaver+Flash+Photoshop网页设计基础培训教程

图书目录:

目录

第 1章 　了解网页设计

1.1 什么是网页设计

1.1.1　网页设计概述

1.1.2　网页设计中的术语

1.2 网页设计常用软件和技术

1.2.1　网页图像处理软件——Photoshop CC

1.2.2　网页动画制作软件——Flash CC

1.2.3　网页编辑制作软件——Dreamweaver CC

1.2.4　网页标记语言——HTML

1.2.5　网页特效脚本语言——JavaScript

1.3 网页三剑客的关系

1.4 网站建设的基本流程

1.4.1　前期网站策划

1.4.2　规划站点结构

1.4.3　收集网站相关素材

1.4.4　网页的版式与布局分析

1.4.5　确定网页的主色调

1.4.6　设计网站页面

1.4.7　切割和优化网页图像

1.4.8　制作网站HTML页面

1.4.9　开发动态网站模块

1.4.10　申请域名和服务器空间

1.4.11　测试并上传网站

1.4.12　网站的更新与维护

第 2章 　Photoshop CC入门

2.1 网页三剑客之Photoshop

2.1.1　选择合适的网页图像处理软件

2.1.2　了解网页图像处理软件——Photoshop

2.2 认识Photoshop CC工作界面

2.3 文件的基本操作

2.3.1　课堂案例——新建一个网页尺寸文档

2.3.2　新建文件

2.3.3　打开文件

2.3.4 保存文件

2.3.5 导入文件

2.3.6 置入文件

2.3.7 导出文件

2.3.8 关闭文件

2.4 图像编辑的辅助操作

2.4.1　课堂案例——在Photoshop中查看网页图像

2.4.2　使用标尺和参考线

2.4.3　课堂案例——校正倾斜图像

2.4.4　使用“裁剪工具”

2.4.5　使用“裁剪”命令

2.5 调整网页图像

2.5.1　课堂案例——修改网页图像大小

2.5.2　“图像大小”对话框

2.5.3　“画布大小”对话框

2.6 课堂练习——制作镜面投影效果

2.7 课后练习——裁剪网页图像

第3章 　使用Photoshop处理网页文本

3.1 输入文本

3.1.1　课堂案例——输入广告文字

3.1.2　文字工具组

3.1.3 文字工具的“选项”栏

3.2 编辑文本

3.2.1　课堂案例——制作淘宝促销广告

3.2.2 “字符”面板

3.3 制作特殊文字效果

3.3.1　课堂案例——制作变形广告文字

3.3.2　创建变形文字

3.3.3　课堂案例——制作路径文字

3.3.4　路径文字

3.4 使用“图层”面板

3.4.1　课堂案例——制作游戏网站导航

3.4.2　认识“图层”面板

3.4.3　图层的基本操作

3.5 添加图层样式

3.5.1　课堂案例——使用图层样式制作网页广告文字

3.5.2 添加图层样式

3.6 课堂练习——制作网站导航菜单

3.7 课后练习——制作网页图文混排

第4章 　修改网页图像的形状和颜色

4.1 创建与编辑选区

4.1.1 课堂案例——制作精美网站促销广告

4.1.2　选框工具组

4.1.3 课堂案例——去除图像不需要的内容

4.1.4 套索工具组

4.1.5　魔术棒工具组

4.1.6 修改选区

4.2 修改图像

4.2.1　课堂案例——使用仿制图章工具复制图像

4.2.2　图章工具组

4.2.3　橡皮擦工具组

4.2.4　课堂案例——去除水印

4.2.5　修复工具组

4.3 　调整网页图像的颜色

4.3.1　课堂案例——调整网页中的图像

4.3.2　自动调整命令

4.3.3　“亮度/对比度”命令

4.3.3　“色相/饱和度”命令

4.3.4　课堂案例——调整网站广告的色调

4.3.5　“色相/饱和度”命令

4.3.6　课堂案例——替换图像颜色

4.3.7 替换颜色命令

4.4 　课堂练习——调整网站广告效果

4.5 　课后练习——匹配网站广告颜色

第5章 　绘制网页元素

5.1 　基本绘图工具

5.1.1　课堂案例——设计网站广告图片

5.1.2　画笔工具

5.1.3　铅笔工具

5.2 　矢量绘图工具

5.2.1　课堂案例——设计网站水晶质感按钮

5.2.2　矩形工具

5.2.3　椭圆工具

5.2.4　圆角矩形工具

5.2.5　多边形工具

5.2.6 直线工具

5.2.7　自定形状工具

5.3 　钢笔工具

5.3.1　课堂案例——设计教育网站Logo

5.3.2　钢笔工具

5.3.3　添加和删除锚点

5.3.4　课堂案例——设计网站广告页面Logo

5.3.5 选择路径与锚点

5.3.6　调整路径

5.3.7　变换路径

5.4 　课堂练习——设计网站实用图标

5.5 　课后练习——设计企业网站页面

第6章 　网页动画制作与切片输出

6.1 　创建与编辑切片

6.1.1　课堂案例——为网页创建切片

6.1.2　创建切片

6.1.3　选择和移动切片

6.1.4　删除切片

6.2 图像的优化与输出

6.2.1　课堂案例——创建切片并输出网页

6.2.2　优化图像

6.2.3　输出图像

6.3 创建Gif动画

6.3.1　课堂案例——创建网页GIF动画

6.3.2　认识“动画轴”面板

6.4 课堂练习——将图片输出为HTML网页

6.5 课后习题——制作Gif广告条

第7章 　Flash CC入门

7.1　网页三剑客之Flash

7.1.1　Flash动画基础

7.1.2　Flash动画的应用及发展背景

7.2　Flash CC工作界面

7.2.1　课堂案例——自定义Flash CC工作区

7.2.2 认识Flash CC工作界面

7.2.3　选择适合的工作区

7.3　新建Flash文件

7.3.1　课堂案例——通过Flash模板快速制作动画

7.3.2　“新建文档”对话框

7.3.3　“从模板新建”对话框

7.3.4 设置Flash文档属性

7.4　打开和保存Flash文件

7.4.1　课堂案例——打开Flash文件

7.4.2　保存Flash文件

7.4.3　另存为Flash文件

7.4.4　另存为Flash模板文件

7.4.5　关闭Flash文件

7.5 课堂练习——制作海底世界动画

7.6 课后习题——制作下雨动画

第8章 掌握Flash绘图技法

8.1　使用基本绘图工具

8.1.1　课堂案例——绘制卡通表情

8.1.2　矩形工具和基本矩形工具

8.1.3　椭圆工具和基本椭圆工具

8.1.4　填充颜色和笔触颜色

8.1.5　课堂案例——绘制卡通向日葵

8.1.6　多角星形工具

8.1.7　线条工具

8.1.8　铅笔工具

8.1.9　刷子工具

8.1.10　橡皮擦工具

8.2　**绘图工具

8.2.1　课堂案例——绘制可爱雪人

8.2.2　钢笔工具

8.2.3　调整锚点和锚点转换

8.2.4　添加和删除锚点

8.3 课堂练习——绘制可爱卡通猫

8.4 课后习题——绘制苹果

第9章 基础Flash动画制作

9.1 逐帧动画

9.1.1　课堂案例——制作人物舞蹈动画

9.1.2　逐帧动画的特点

9.1.3　什么是帧、关键帧和空白关键帧

9.2 形状补间动画

9.2.1　课堂案例——制作太阳公公动画

9.2.2　形状补间动画的特点

9.2.3　认识“时间轴”面板

9.2.4　帧的编辑操作

9.3 补间动画

9.3.1　课堂案例——文字淡入淡出动画

9.3.2　补间动画的特点

9.3.3　什么是元件

9.3.4　元件的类型

9.3.5 “动画预设”面板

9.4 传统补间动画

9.4.1　课堂案例——制作卡通角色入场动画

9.4.2　传统补间动画的特点

9.4.3　应用滤镜效果

9.5 课堂练习——制作圣诞老人飞入动画

9.6 课后习题——制作图像切换动画

第 10章 **Flash动画制作

10.1 引导线动画

10.1.1　课堂案例——制作制作汽车路径动画

10.1.2　引导线动画的特点

10.1.3　创建引导层和运动引导层

10.2 遮罩动画

10.2.1　课堂案例——制作多层次遮罩动画

10.2.2　遮罩动画的特点

10.3 3D动画

10.3.1　课堂案例——制作3D旋转动画

10.3.2　3D旋转工具

10.3.3　3D平移工具

10.4 为动画添加音乐

10.4.1　课堂案例——添加背景音乐

10.4.2　Flash中支持的音频格式

10.4.3 支持的音频类型

10.4.4　设置音频属性

10.5 为动画导入视频

10.5.1　课堂案例——制作网站视频广告

10.5.2　Flash中支持的视频格式

10.5.3　“导入视频”对话框

10.6 课堂练习——制作3D平移动画

10.7 课后习题——制作图像切换遮罩动画

第 11章 广告文字动画和按钮动画

11.1 广告文字动画

11.1.1　课堂案例——制作广告文字动画

11.1.2　文本类型

11.1.3　设置文本属性

11.1.4　移动和选择文本

11.1.5　课堂案例——制作闪烁文字动画

11.1.6　为文本设置超链接

11.1.7　分离文本

11.2 按钮动画