熱門: 手機教學 | 文書法寶 | 影片剪輯 | 廣告DM設計 | 電腦新手 | 動手做網站  線上學習人數:

Fireworks CS5教學 網頁版型設計課程 線上看

Fireworks CS5教學 網頁版型設計課程 線上看
版 本: Fireworks CS5 一般
回饋紅利點數: 105
庫存狀況: 尚有庫存
價格: 350元
含稅價: 350元
可使用紅利點數: 3500
購買數量:     - OR -   加入追蹤清單
本課程您可學到以下範例:
Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看 Fireworks CS5教學 網頁版型設計課程 線上看

【課程簡介】

為何要學習FireWorks?

Adobe FireWorks CS5是一套「網頁版型」製作軟體,搭配Dreamweaver網頁設計軟體後更是如虎添翼!綜觀網頁版型的繪製與切割,網頁選單的製作,網頁特效製作,簡易GIF動畫製作、與Dreamweaver整合應用,這些都是FireWorks CS5的強項,簡單的來說,只要您準備設計網頁,使用FireWorks CS5就對了,如果您已經學會了Dreamweaver網頁設計軟體,那就更需要學習此課程,讓您的網頁設計功能更上一層樓!FireWorks CS5與Dreamweaver CS5永遠都是好搭檔!

﹝本課程共9章、共85小節、共460分鐘﹞

※本課程為線上觀看課程,自購買日起算,使用期限為一年。期限內,您可以在網站上觀看所購買的教學課程,不限觀看次數,下載範例檔案及相關試用版程式,讓您完整學習、更能夠輕鬆複習喔!

【課程試看】

《08-01範例製作「公佈欄」版型、步驟一:版面物件繪製》

【課程目錄】

第01章Fireworks CS5的操作環境介紹教學
01-01第一次啟動Fireworks CS5的操作
01-02如何使用說明與檔案格式的支援以及範本的開啟(新功能!)
01-03常用的幾種檢視操作與快速鍵介紹
01-04工具的種類介紹,點陣圖及向量圖的判斷及操作
01-05如何在各種環境與手機裝置中預覽我們的設計
01-06開啟Photoshop的PSD檔時所用到的動畫技巧
01-07補充圖片在複製貼上的技巧!

第02章『最佳化』與動畫的製作教學
02-01「最佳化」決定輸出的格式與品質
02-02如何將圖片的單色背景快速的去除,成為去背影像?
02-03動畫文字的製作,步驟一:文字工具的使用
02-04動畫文字的製作,步驟二:動畫元素「狀態」的再製與時間的調整
02-05動畫文字的製作,步驟三:動畫檔案匯出與網頁背景色的關係
02-06人物Q版動畫效果的快速製作範例

第03章製作『特效按鈕』教學
03-01使用Dreamweaver CS5建立一個專為Fireworks測試的網站
03-02使用向量圖物件繪製一個圓角矩形
03-03建立文字後,將「樣式」套用到幾何物件上
03-04新功能!文字外框筆畫的顏色加入操作與濾鏡中的「陰影」效果加入操作
03-05再製一個按鈕後用「狀態至檔案」的形式匯出到資料夾內
03-06如何將按鈕圖示製作成「滑鼠變換影像」按鈕?
03-07使用「增加簡易變換影像行為」製作滑鼠變換影像效果
03-08如何將製作完成的「增加簡易變換影像行為」按鈕插入到Dreamweaver網頁中?
03-09按鈕網址加入的幾種方式介紹

第04章『導覽列按鈕元件』的製作範例教學
04-01導覽列按鈕元件的製作,步驟一:建立按鈕元件
04-02導覽列按鈕元件的製作,步驟二:製作四種按鈕狀態
04-03導覽列按鈕元件的製作,步驟三:裝飾我們的按鈕
04-04導覽列按鈕元件的製作,步驟四:再製成多個按鈕
04-05導覽列按鈕元件的製作,步驟五:將按鈕文字快速改變的技巧
04-06導覽列按鈕元件的製作,步驟六:將按鈕匯出到網站中,並開啟它

第05章遮色片的建立與「批次處理」的操作
05-01遮色片效果的第一種建立方式介紹
05-02將向量路徑變成遮色片的操作方式介紹
05-03製作任意圖形具有邊框線的遮色片、「貼入範圍內」的應用
05-04新功能!「合併路徑」物件的幾種操作方式,與遮色片的快速調整方式
05-05製作一個具有圓角與陰影效果的照片
05-06如何用正確的方式,將圖片輸出成漂亮的去背格式。PNG與GIF的差異介紹
05-07將常用的動作製作成我們的「命令」!自動指令的建立
05-08再製作一個加上雙框效果的命令
05-09「命令」的刪除方式
05-10如何將大量的圖片自動的加上外框線與陰影?「批次處理」的操作、步驟一
05-11如何將大量的圖片自動的加上外框線與陰影?「批次處理」的操作、步驟二:完成批次套用
05-12如何將照片加上紋路效果?『混合模式』的介紹
05-13如何用遮色片效果製作「窗格照片」?

第06章製作「增加調換影像效果」範例教學
06-01批次處理檔案大小與圖檔的匯入,準備製作影像變換效果
06-02將全部的圖片加上分割區域
06-03將大圖加上雙框線與陰影
06-04將小圖示同一色彩化與製作簡易滑鼠效果
06-05分割區覆蓋的區域不同也會產生不同的效果
06-06匯入大張圖片放入各狀態與分割區位置的技巧
06-07製作「增加調換影像效果」!注意!不要點錯位置唷!
06-08用「行為」面板調整製作好的動作!
06-09將成果輸出到DreamWeaver網站內
06-10將Fireworks所製作的網頁插入到指定頁面中

第07章Fireworks CS5與Dreamweaver CS5的整合範例操作教學
07-01準備繪製網頁版型
07-02開始依照垂直與水平方向繪製線條與物件
07-03細部調整與平均分散的技巧
07-04製作網頁按鈕
07-05加上網頁頁標題
07-06使用「字元對應表」繪製特殊符號圖形
07-07開始分割我們的版型。記住!將來要在網頁編輯的區域,就要分割!
07-08將版型匯出成網頁並匯到我們的網站中,用Dreamweaver CS5開啟
07-09最後再用CSS與DIV來排列版型最後的位置、步驟一
07-10最後再用CSS與DIV來排列版型最後的位置、步驟二
07-11最後再用CSS與DIV來排列版型最後的位置、步驟三

第08章範例:公佈欄版型製作
08-01範例製作「公佈欄」版型、步驟一:版面物件繪製
08-02範例製作「公佈欄」版型、步驟二:再將文字與圖片插入
08-03範例製作「公佈欄」版型、步驟三:將上下區域切割上漸層色
08-04範例製作「公佈欄」版型、步驟四:開始切割上下區域
08-05範例製作「公佈欄」版型、步驟五:調整切割區域的方式與注意事項
08-06範例製作「公佈欄」版型、步驟六:檔案的儲存與匯出的操作說明
08-07範例製作「公佈欄」版型、步驟七:將版型插入到網頁中,並調整背景圖片位置
08-08範例製作「公佈欄」版型、步驟八:開使用CSS調整文字位置與大小
08-09範例製作「公佈欄」版型、步驟九:完成「公佈欄」的版型製作

第09章範例:產品導覽照片的製作
09-01產品導覽照片的範例製作、步驟一:使用批次處理功能將照片一次全部縮小
09-02產品導覽照片的範例製作、步驟二:再將所有的大圖片尺寸一次修改完成
09-03產品導覽照片的範例製作、步驟三:將小照片依序匯入後排列位置
09-04產品導覽照片的範例製作、步驟四:繪製圓角矩形,準備製作遮色片
09-05產品導覽照片的範例製作、步驟五:製作小型圖示的分割區
09-06產品導覽照片的範例製作、步驟六:將小圖示製作「增加簡易變換影像的行為」
09-07產品導覽照片的範例製作、步驟七:再加上「內光暈」效果再小圖上
09-08產品導覽照片的範例製作、步驟八:依序將大尺寸圖片匯入到新的「狀態」中
09-09產品導覽照片的範例製作、步驟九:再加上第二種效果「增加調換影像的行為」,讓大照片顯示出來
09-10產品導覽照片的範例製作、步驟十:在照片中加上註解文字
09-11產品導覽照片的範例製作、步驟十一:如何改變版面的尺寸,與文字不能顯示的問題解決
09-12產品導覽照片的範例製作、步驟十二:將成品匯出到指定資料夾中
09-13產品導覽照片的範例製作、步驟十三:將檔案入到網頁中
09-14產品導覽照片的範例製作、步驟十四:如何運應Dreamweaver的「行為」指令製作出更好的效果?

 

發表評論

評論者:


評論內容:   注意: 不支援 HTML 語法

評價: 很差           非常好

請輸入驗證碼:



  - OR -   加入追蹤清單
相關課程 (4)