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

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

觀賞人次:9833人次評分:0分

範例檔案下載

此檔案為壓縮檔,請會員下載後,在電腦中進行解壓縮即可;裡頭完整包含講師在課程中使用到的圖片、檔案、以及完成作品...等等,供會員操作練習。

講師介紹

講師:王老師

王老師擁有17年的教學經驗,教學經驗豐富,上課生動活潑,目前大約教授16000名以上的學生,有多張ACA國際認證,目前任職於企業資訊顧問一職。

  • 課程介紹(展開/收起)

章節目錄(點取標題)

01.面板及工作區的介紹53分44秒

01-01Fireworks CS3功能與簡介 10分06秒

01-02工作列與工作區面板的介紹 04分52秒

01-03編輯模式的切換與最佳化預覽的設定方式 09分00秒

01-04版面屬性面板的介紹 07分16秒

01-05指標工具在物件選取時的方式與反應 04分54秒

01-06排版好用工具「導引線」的操作技巧 03分52秒

01-07「還原」與「重複」功能的設定與使用方式 04分06秒

01-08新功能好用的「網頁相簿」的快速建立技巧 09分38秒

02.影像的簡易編輯26分34秒

02-01選取相關工具的使用介紹、裁切、旋轉 03分09秒

02-02點陣圖的選取工具與「濾鏡」的使用 04分13秒

02-03魔術棒與油漆桶的使用 02分48秒

02-04印章工具的使用方式 06分27秒

02-05消除紅眼工具 01分16秒

02-06實用技巧,用圈選工具來填補點陣圖 04分06秒

02-07圖層的向下合併方式 02分06秒

02-08順著紋路覆蓋影像畫面技巧 02分29秒

03.向量繪圖的操作48分19秒

03-01線段與基本幾何圖形的繪製方式 06分28秒

03-02鋼筆工具與新工具「向量路徑工具」的使用方式 02分10秒

03-03文字工具的完整使用介紹 09分12秒

03-04文字與向量物件如何加上陰影效果?濾鏡的使用 03分27秒

03-05切割工具與自由變形工具的使用 08分34秒

03-06圖片多重連結區的建立方式 04分38秒

03-07填色工具與漸層工具的使用 07分54秒

03-08好用的內建形狀物件的插入使用技巧 05分56秒

04.遮色片與影像去背的方式36分25秒

04-01圓角圖片的製作方式,遮色片的建立 05分42秒

04-02如何製作上下分段色彩的文字? 03分25秒

04-03有趣的文字波浪填色效果製作範例 02分37秒

04-04製作群組方塊式的點陣圖遮色片範例 04分21秒

04-05運用漸層色製作圖片的混合效果 03分30秒

04-06去背影像的輸出方式技巧與注意事項 08分38秒

04-07如果是匯入圖片的來去背的話,要怎麼操作? 03分15秒

04-08圖層的混和模式的操作方式 02分36秒

04-09如何將圖片的背景色變成透明去背圖片? 02分21秒

05.GIF動畫的製作38分13秒

05-01動畫檔案的開啟與操作 03分34秒

05-02文字動畫製作範例步驟一 05分33秒

05-03文字動畫製作範例步驟二匯出動畫方式 02分27秒

05-04去背的文字動畫製作範例 02分56秒

05-05將匯入的圖案製作動畫範例一 03分31秒

05-06簡單位移動畫製作方式 01分54秒

05-07用內建的形狀物件來建立動畫 02分09秒

05-08用內建的動畫指令,讓圖片產生移動效果 04分30秒

05-09匯出的檔案與原始PNG檔案有何不同? 06分20秒

05-10為何我的動畫影格每個都一樣?「共享圖層至影格」的設定 05分19秒

06.將Fireworks匯入到Dreamweaver CS332分20秒

06-01建立一個新的網站,準備測試Fireworks匯出的成品 02分26秒

06-02以最簡單的方式繪製一個按鈕物件 02分55秒

06-03運用影格再製的方式製作第二個按鈕圖示 03分19秒

06-04分割工具的介紹與「增加簡易變換影像的行為」效果套用 07分53秒

06-05套用效果後的修改與注意事項 04分13秒

06-06快速轉存製作完成的按鈕物件 05分56秒

06-07將匯出的Fireworks HTML檔插入到網頁中 04分38秒

06-08如何在Dreamweaver CS3中更改網頁的連結 01分00秒

07.各種網頁效果的製作40分38秒

07-01製作一個按鈕元件 05分33秒

07-02如何製作整排的按鈕列 03分34秒

07-03將按鈕列匯出到網頁中,並設定超連結 02分41秒

07-04運用兩張圖片製作簡易替換效果。步驟一:匯入圖片 02分01秒

07-05步驟二:加入「增加調換影像的行為」讓圖片文字顯示出來 05分48秒

07-06用油漆桶工具來改變現有按鈕的顏色 02分42秒

07-07將製作完成的頁面轉存到Dreamweaver CS3網頁中的設定方式 04分22秒

07-08調換影像行為的第二種範例,步驟一:建立分割區 01分53秒

07-09調換影像行為的第二種範例,步驟二:匯入圖片 02分04秒

07-10調換影像行為的第二種範例,步驟三:加入「增加調換影像行為」效果 03分37秒

07-11好用技巧!如何讓網頁不顯示圖片工具列的語法 06分23秒

08.彈出式選單與批次處理22分24秒

08-01增加「狀態列的文字訊息」操作 01分54秒

08-02好用功能「彈出式選單」的製作與編輯 06分30秒

08-03如何調整「彈出式選單」的子選單位置與插入到網頁的注意事項 04分10秒

08-04批次處理前的準備動作 03分20秒

08-05儲存步驟紀錄為命令,以及命令的使用方式 02分22秒

08-06一次自動更改圖片尺寸的方式 04分08秒

09.網頁版型的設計49分10秒

09-01網頁版型的繪製,步驟一:照片的裁切技巧 04分37秒

09-02步驟二:調整照片的色彩與亮度 01分16秒

09-03步驟三:改變畫布的大小尺寸 02分30秒

09-04步驟四:路徑的聯集與漸層色的套用 03分12秒

09-05步驟五:在複製一個路徑物件 02分33秒

09-06用套索工具複製另一個圖檔影像 04分35秒

09-07使用橡皮擦工具來修改圖片的邊緣 05分52秒

09-08文字標題的加入 06分30秒

09-09檔案的儲存格式 00分49秒

09-10文字按鈕的建立 04分53秒

09-11按鈕的再製與文字的修改 04分06秒

09-12完成按鈕的相關設定 02分31秒

09-13開始分割畫面 04分34秒

09-14分割版型不要重疊,以免效果消失 01分12秒

10.版型如何轉換成網頁?20分24秒

10-01匯出版型到指定位置,並且用Dreamweaver cs3開啟 02分20秒

10-02調整版型置中位置 03分56秒

10-03將多餘的圖片刪除與替換 03分49秒

10-04建立一個表格邊框的CSS樣式 04分24秒

10-05將CSS樣式套用到表格中,形成一個封閉的框架 01分16秒

10-06將網頁圖片工具列隱藏起來的語法,讓頁面看起來更漂亮 04分39秒