中文版Dreamweaver CC+Flash CC+Photoshop CC网页设计基础培训教程(新编实战型全功能培训教材)
了解网页设计篇
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 网页特效脚本语言——Java Script
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 网站的更新与维护
Photoshop CC篇
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 CC处理网页文本
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.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 课堂案例——设计网站广告页面
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广告条
Flash CC篇
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 CC的绘图技法
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 按钮动画
11.2.1 课堂案例——制作按钮菜单动画
11.2.2 元件的中心点和注册点
11.2.3 编辑元件
11.2.4 课堂案例——制作游戏按钮动画
11.2.5 认识“库”面板
11.2.6 管理库项目
11.3 课堂练习——制作发光文字动画
11.4 课后习题——制作翻转按钮动画
Dreamweaver CC篇
12 Dreamweaver CC入门
12.1 “网页三剑客”之Dreamweaver
12.1.1 了解网页制作软件——Dreamweaver
12.1.2 Dreamweaver在网页制作方面的优势
12.2 认识Dreamweaver CC工作界面
12.3 网页文件的基础操作
12.3.1 课堂案例——制作第一个HTML页面
12.3.2 新建网页
12.3.3 打开网页
12.3.4 预览网页
12.3.5 保存和关闭网页
12.4 创建站点
12.4.1 课堂案例——创建站点并设置远程服务器
12.4.2 切换站点
12.4.3 “管理站点”对话框
12.5 课堂练习——创建本地静态站点
12.6 课后习题——在代码视图中创建HTML页面
13 在网页中插入基础网页元素
13.1 设置网页整体属性
13.1.1 课堂案例——控制欢迎页面整体外观
13.1.2 设置外观（CSS）
13.1.3 设置外观（HTML）
13.1.4 设置连接（CSS）
13.1.5 设置标题（CSS）
13.1.6 设置标题和编码
13.1.7 设置跟踪图像
13.2 在网页中添加文本
13.2.1 课堂案例——制作关于我们页面
13.2.2 在网页中输入文本的方法
13.2.3 设置文本属性
13.2.4 插入水平线
13.2.5 插入时间
13.2.6 插入特殊字符
13.3 在网页中创建项目列表和编号列表
13.3.1 课堂案例——制作新闻列表
13.3.2 设置项目列表和编号列表属性
13.4 在网页中插入图像
13.4.1 课堂案例——制作游戏介绍页面
13.4.2 网页图像格式
13.4.3 设置图像属性
13.4.4 “插入鼠标经过图像”对话框
13.5 课堂练习——制作图像页面
13.6 课后习题——制作文本网页
14 创建网页链接
14.1 创建普通超链接
14.1.1 课堂案例——创建文字和图像链接
14.1.2 相对路径
14.1.3 绝对路径
14.1.4 外部链接和内部链接
14.1.5 超链接打开方式
14.2 创建特殊超链接
14.2.1 课堂案例——创建空链接和下载链接
14.2.2 空链接
14.2.3 下载链接
14.2.4 课堂案例——创建E-mail链接
14.2.5 电子邮件链接
14.2.6 脚本链接
14.2.7 图像热点工具
14.3 课堂练习——创建脚本链接
14.4 课后习题——创建图像热点链接
15 在网页中运用多媒体元素
15.1 HTML5 Audio和HTML5 Video
15.1.1 课堂案例——为网页插入HTML5视频和音频
15.1.2 插入HTML5 Audio并设置属性
15.1.3 插入HTML5 Video并设置属性
15.2 在网页中插入Flash动画
15.2.1 课堂案例——制作Flash网页
15.2.2 设置Flash属性
15.3 在网页中插入FLV视频
15.3.1 课堂案例——制作FLV视频页面
15.3.2 “插入FLV视频”对话框
15.4 在网页中插入普通视频
15.4.1 课堂案例——在网页中插入视频
15.4.2 网页中常用视频格式
15.4.3 在网页中添加背景音乐
15.4.4 网页中支持的音频格式
15.5 课堂练习——为网页添加背景音乐
15.6 课后习题——制作Flash欢迎页
16 CSS样式与Div+CSS布局
16.1 创建CSS样式
16.1.1 课堂案例——创建标签CSS样式和类CSS样式
16.1.2 什么是CSS样式
16.1.3 CSS样式的基本写法
16.1.4 CSS样式的优越性
16.1.5 课堂案例——创建ID CSS样式和复合CSS样式
16.1.6 全新的“CSS设计器”面板
16.1.7 编辑CSS样式
16.2 丰富的CSS样式设置
16.2.1 课堂案例——制作图像展示页面
16.2.2 布局样式详解
16.2.3 课堂案例——制作网页文本介绍
16.2.4 文本样式详解
16.2.5 课堂案例——为网页中的图像添加边框效果
16.2.6 边框样式详解
16.2.7 课堂案例——设置网页背景图像
16.2.8 背景样式详解
16.2.9 课堂案例——美化新闻列表
16.2.10 其他样式详解
16.3 CSS样式的特殊应用
16.3.1 课堂案例——制作游戏网站新闻
16.3.2 CSS类选区
16.3.3 课堂案例——在网页中实现特殊字体效果
16.3.4 Web字体
16.3.5 Adobe Edge Web Fonts
16.4 Div+CSS布局
16.4.1 课堂案例——CSS盒模型
16.4.2 了解CSS盒模型
16.4.3 CSS盒模型要点
16.5 课堂练习——创建网页中超链接CSS样式
16.6 课后习题——网页布局中的空白边叠加
17 制作网页表单
17.1 在网页中应用常用表单元素
17.1.1 课堂案例——制作用户登录页面
17.1.2 常用表单元素
17.1.3 文本域属性设置
17.1.4 图像按钮属性设置
17.1.5 课堂案例——制作网站投票
17.1.6 单选按钮属性设置
17.1.7 复选框属性设置
17.1.8 课堂案例——制作搜索栏
17.1.9 选择域属性设置
17.1.10 按钮、重置按钮和提交按钮
17.2 在网页中运用HTML5表单元素
17.2.1 课堂案例——制作网站留言表单页面
17.2.2 HTML5表单元素
17.2.3 电子邮件
17.2.4 Url
17.2.5 Tel
17.3 课堂练习——制作登录窗口
17.4 课后习题——制作用户注册页面
18 为网页添加特效
18.1 为网页添加行为
18.1.1 课堂案例——为网页添加弹出信息
18.1.2 什么是事件
18.1.3 什么是动作
18.1.4 课堂案例——为网页添加弹出广告
18.1.5 “打开浏览器窗口”对话框
18.2 为网页添加文本行为
18.2.1 课堂案例——为网页添加状态栏文本
18.2.2 设置容器的文本
18.2.3 设置文本域文字
18.2.4 设置框架文本
18.3 为网页添加jQuery效果
18.3.1 课堂案例——实现网页元素的动态隐藏
18.3.2 了解j Query效果
18.4 课堂练习——检查网页表单
18.5 课后习题——改变网页元素的属性
网站案例篇
19 制作社区类网站
19.1 设计社区类网站首页面
19.2 制作网站Flash动画
19.3 制作社区网站页面
思维导图
防止博客图床图片失效，防止图片源站外链：
http://www.processon.com/chart_image/5e5b304ae4b03627650b0d29.png)
思维导图在线编辑链接：