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

目录第1章 　了解网页设计1.1 什幺是网页设计1.1.1　网页设计概述1.1.2　网页设计中的术语1.2 网页设计常用软体和技术1.2.1　网页图像处理软体——Photoshop CC1.2.2　网页动画製作软体——Flash CC1.2.3　网页编辑製作软体——Dreamweaver CC1.2.4　网页标记语言——HTML1.2.5　网页特效脚本语言——JavaScript1.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 网页三剑客之Photoshop2.1.1　选择合适的网页图像处理软体2.1.2　了解网页图像处理软体——Photoshop2.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　课堂案例——设计教育网站Logo5.3.2　钢笔工具5.3.3　添加和删除锚点5.3.4　课堂案例——设计网站广告页面Logo5.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　网页三剑客之Flash7.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 按钮动画