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

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

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

【課程簡介】

Adobe Fireworks CS3是專門處理網頁圖形與網頁版型設計的網頁影像處理軟體,搭配網頁設計程式Dreamweaver CS3來設計網頁是許多網頁設計師必備的技巧!如果您想要自行設計動人網頁畫面,那您就一定不能錯過此課程!

﹝本課程共10章、共88小節、共368分鐘﹞

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

【課程目錄】

01.面板及工作區的介紹
01-01Fireworks CS3功能與簡介
01-02工作列與工作區面板的介紹
01-03編輯模式的切換與最佳化預覽的設定方式
01-04版面屬性面板的介紹
01-05指標工具在物件選取時的方式與反應
01-06排版好用工具「導引線」的操作技巧
01-07「還原」與「重複」功能的設定與使用方式
01-08新功能好用的「網頁相簿」的快速建立技巧

02.影像的簡易編輯
02-01選取相關工具的使用介紹、裁切、旋轉
02-02點陣圖的選取工具與「濾鏡」的使用
02-03魔術棒與油漆桶的使用
02-04印章工具的使用方式
02-05消除紅眼工具
02-06實用技巧,用圈選工具來填補點陣圖
02-07圖層的向下合併方式
02-08順著紋路覆蓋影像畫面技巧

03.向量繪圖的操作
03-01線段與基本幾何圖形的繪製方式
03-02鋼筆工具與新工具「向量路徑工具」的使用方式
03-03文字工具的完整使用介紹
03-04文字與向量物件如何加上陰影效果?濾鏡的使用
03-05切割工具與自由變形工具的使用
03-06圖片多重連結區的建立方式
03-07填色工具與漸層工具的使用
03-08好用的內建形狀物件的插入使用技巧

04.遮色片與影像去背的方式
04-01圓角圖片的製作方式,遮色片的建立
04-02如何製作上下分段色彩的文字?
04-03有趣的文字波浪填色效果製作範例
04-04製作群組方塊式的點陣圖遮色片範例
04-05運用漸層色製作圖片的混合效果
04-06去背影像的輸出方式技巧與注意事項
04-07如果是匯入圖片的來去背的話,要怎麼操作?
04-08圖層的混和模式的操作方式
04-09如何將圖片的背景色變成透明去背圖片?

05.GIF動畫的製作
05-01動畫檔案的開啟與操作
05-02文字動畫製作範例步驟一
05-03文字動畫製作範例步驟二匯出動畫方式
05-04去背的文字動畫製作範例
05-05將匯入的圖案製作動畫範例一
05-06簡單位移動畫製作方式
05-07用內建的形狀物件來建立動畫
05-08用內建的動畫指令,讓圖片產生移動效果
05-09匯出的檔案與原始PNG檔案有何不同?
05-10為何我的動畫影格每個都一樣?「共享圖層至影格」的設定

06.將Fireworks匯入到Dreamweaver CS3
06-01建立一個新的網站,準備測試Fireworks匯出的成品
06-02以最簡單的方式繪製一個按鈕物件
06-03運用影格再製的方式製作第二個按鈕圖示
06-04分割工具的介紹與「增加簡易變換影像的行為」效果套用
06-05套用效果後的修改與注意事項
06-06快速轉存製作完成的按鈕物件
06-07將匯出的Fireworks HTML檔插入到網頁中
06-08如何在Dreamweaver CS3中更改網頁的連結

07.各種網頁效果的製作
07-01製作一個按鈕元件
07-02如何製作整排的按鈕列
07-03將按鈕列匯出到網頁中,並設定超連結
07-04運用兩張圖片製作簡易替換效果。步驟一:匯入圖片
07-05步驟二:加入「增加調換影像的行為」讓圖片文字顯示出來
07-06用油漆桶工具來改變現有按鈕的顏色
07-07將製作完成的頁面轉存到Dreamweaver CS3網頁中的設定方式
07-08調換影像行為的第二種範例,步驟一:建立分割區
07-09調換影像行為的第二種範例,步驟二:匯入圖片
07-10調換影像行為的第二種範例,步驟三:加入「增加調換影像行為」效果
07-11好用技巧!如何讓網頁不顯示圖片工具列的語法

08.彈出式選單與批次處理
08-01增加「狀態列的文字訊息」操作
08-02好用功能「彈出式選單」的製作與編輯
08-03如何調整「彈出式選單」的子選單位置與插入到網頁的注意事項
08-04批次處理前的準備動作
08-05儲存步驟紀錄為命令,以及命令的使用方式
08-06一次自動更改圖片尺寸的方式

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分割版型不要重疊,以免效果消失

10.版型如何轉換成網頁?
10-01匯出版型到指定位置,並且用Dreamweaver cs3開啟
10-02調整版型置中位置
10-03將多餘的圖片刪除與替換
10-04建立一個表格邊框的CSS樣式
10-05將CSS樣式套用到表格中,形成一個封閉的框架
10-06將網頁圖片工具列隱藏起來的語法,讓頁面看起來更漂亮

發表評論

評論者:


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

評價: 很差           非常好

請輸入驗證碼:



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