Fireworks CS6教学 网页版型设计实例课程
【课程简介】
Fireworks 是由Adobe公司出品的网页图形设计开发的处理软体，Fireworks 可以帮您制作网页图像处理网页图像与网页版型开发设计、GIF动画制作，或是建立网页上的互动效果。同时支援点阵图与向量图，设计滑鼠变换影像、弹出式选单等网页效果，裁切和最佳化图像，以减少档案大小，以及自动产生 JavaScript 程式码，缩短设计专案所需要的时间。而最新版的Fireworks CS6还可以让您快速的设计出目前最热门的行动装置UI操作介面JQuery Mobile，让您可以轻松的开发在iPhone与Android智慧型手机APP介面上，撇步王在本次的课程中有详细的教学介绍唷！
如果您想要设计网页您一定要学…
如果您要开发行动装置您也要学习Fireowrks CS6
【试看影片】
《02-07绘制一个「回到首页」的按钮图示》
《04-01影像变换效果范例实作：步骤一、插入参考线》
【课程目录】
01.Fireworks CS6必学技巧
01-01启动Fireworks CS6与建立新的文件档案
01-02Fireworks CS6操作环境介绍
01-03如何开启我自己拍的照片档案？
01-04如何将多个档案汇集在一个档案中？
01-05工具的切换与简单几何图形的产生
01-06如何将物件选取起来？
01-07何谓自动图形？要如何调整？
01-08如何让物件加上「阴影」与「光晕」效果？
01-09如何应用与区分「点阵图」与「向量图」的工具使用？
01-10为何我的物件不会显示边缘？
点我进入课程02.物件的绘制技巧教学
02-01「组合路径」的操作介绍
02-02「合并路径」的操作与编辑技巧
02-03使用工具来接合与分割物件
02-04绘制一个加号
02-05绘制一个放大镜物件
02-06绘制一个「座标图示」
02-07绘制一个「回到首页」的按钮图示
02-08如何将路径转换成封闭的填色物件？
02-09绘制一个「邮件」图示吧！
02-10路径的接合与分离的技巧操作介绍
02-11绘制一个「重新整理」图示
02-12绘制一个人物造型图案
02-13绘制可爱人物，步骤一：绘制脸部
02-14绘制可爱人物，步骤二：使用『贴入范围内』完成脸部绘制
02-15绘制可爱人物，步骤三：完成物件绘制
02-16绘制一个小货车，步骤一：绘制车体
02-17绘制一个小货车，步骤二：绘制后车厢
02-18将小货车再做一个变化！
03.GIF动画实做范例
03-01如何制作一个自转动画？
03-02准备制作GIF动画与「符合画布」的用法
03-03如何调整动画的变化时间？
03-04如何正确的将GIF动画汇出？
03-05准备制作闪字动画：步骤一文字的建立
03-06产生闪字效果的方式
03-07将闪字动画输出成动画档案
03-08将文字转换成动画元件
03-09改变动画位置与时间
03-10让文字消失的动画效果制作
03-11我们也可以使用CS6内建的动画物件
04.简单好用的影像变换范例实做
04-01影像变换效果范例实作：步骤一、插入参考线
04-02步骤二：绘制版面方块
04-03步骤三：汇入四张小图片
04-04步骤四：汇入四张大图片
04-05步骤五：套用『创造性』特效
04-06步骤六：重制『状态』并且调整图层显示
04-07步骤七：插入矩形分割的方式
04-08步骤八：套用影像变换效果
04-09步骤九：将大图片也套用调换影像效果
04-10步骤十：文字的插入方式
04-11步骤十一：完成制作并且汇出成网页档案
04-12补充步骤：如何在小图示加入超连结？
05.用Fireworks CS6设计网页画面
05-01准备使用Fireworks CS6设计网页版型
05-02步骤一：绘制白色矩形物件
05-03步骤二：绘制一个圆角矩形方块
05-04步骤三：将物件转成遮色片
05-05步骤四：加入文字位置
05-06步骤五：汇入小图示并改成白色
05-07步骤六：贴成遮色片的技巧
05-08步骤七：标题文字的插入
05-09步骤八：汇入AI与PSD图档的方式
05-10按钮元件的概念介绍
05-11步骤九：将文字转换成按钮元件
05-12步骤十：再制按钮的技巧
05-13步骤十一：更改按钮文字与图示插入
05-14步骤十二：套用『简易变换影像』效果
05-15完成版型设计步骤
06.重要的分割操作
06-01分割的基本操作方式介绍
06-02Fireworks CS6网页版型分割的规则
06-03汇出预设值的储存方式
06-04如何调整输出品质与格式？
06-05用表格式方式汇出我们的网页版型技巧
06-06如何使用CSS样式的方式汇出版型？
06-07分割重点整理说明
07.网页范本的建立
07-01开启Dreamweaver CS6建立网站准备编辑版型
07-02步骤一：将网页版型置中
07-03步骤二：把上方横幅变成背景图片
07-04步骤三：制作网页内容区域的延伸
07-05步骤四：完成最后页尾区域的设定
08.用CSS来建立网页范本
08-01准备用CSS来制作网页版型的整理动作
08-02步骤一：建一个新的网页档案
08-03步骤二：建立DIV区块
08-04步骤三：插入TOP的背景图片
08-05步骤四：将内容区的背景图片加入
08-06步骤五：将按钮文字贴入
08-07将按钮文字加上超连结功能
08-08将清单范围标示出来
08-09准备制作导览列按钮的命名方式
08-10完成按钮超连结文字的隐藏
08-11将按钮图示全部加入进来
08-12增加Wrapper让按钮正常显示
08-13用DIV去补上按钮列的区块
08-14准备用CSS制作影像调换效果
08-15将图片的区块移动到指定位置
08-16完成第一个影像变换效果
08-17制作完成第二个影像变换效果
08-18完成第三个按钮
09.新功能！JQuery Mobile主题设计教学
09-01Fireworks CS6全新功能介绍JQuery Mobile主题建立方式
09-02如何预览与测试JQuery Mobile主题画面？
09-03如何更改JQuery Mobile的图示颜色？
09-04如何建立一个新的JQuery Mobile图示
09-05如何快速有效的修改主题色彩？
09-06汇出JQuery Mobile主题样式
09-07如何将Fireworks的JQuery Mobile样式套用到网页中？
09-08如何增加JQuery mobile的页面
09-09自行设计回到MENU的按钮
09-10将MENU按钮复制到所有页面
09-11修改MENU底线的问题，完成设计
还有出教学光碟呦》》》Fireworks CS6教学 网页版型设计实例课程光碟
