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

Fireworks CS6教學 網頁版型設計實例課程 線上看

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

範例檔案下載

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

應用程式下載

Adobe CS6全系列繁體中文版應用程式,可試用30天。此檔案為壓縮檔,請會員下載後,在電腦中進行解壓縮並且執行安裝,詳細步驟可參閱「安裝說明」

講師介紹

講師:王老師

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

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

章節目錄(點取標題)

01.Fireworks CS6必學技巧52分46秒

01-01啟動Fireworks CS6與建立新的文件檔案 03分25秒

01-02Fireworks CS6操作環境介紹 08分50秒

01-03如何開啟我自己拍的照片檔案? 04分35秒

01-04如何將多個檔案匯集在一個檔案中? 03分24秒

01-05工具的切換與簡單幾何圖形的產生 04分31秒

01-06如何將物件選取起來? 05分27秒

01-07何謂自動圖形?要如何調整? 05分00秒

01-08如何讓物件加上「陰影」與「光暈」效果? 04分59秒

01-09如何應用與區分「點陣圖」與「向量圖」的工具使用? 07分45秒

01-10為何我的物件不會顯示邊緣? 04分50秒

02.物件的繪製技巧教學1小時32分55秒

02-01「組合路徑」的操作介紹 08分33秒

02-02「合併路徑」的操作與編輯技巧 03分28秒

02-03使用工具來接合與分割物件 03分30秒

02-04繪製一個加號 05分53秒

02-05繪製一個放大鏡物件 06分17秒

02-06繪製一個「座標圖示」 04分49秒

02-07繪製一個「回到首頁」的按鈕圖示 06分11秒

02-08如何將路徑轉換成封閉的填色物件? 03分57秒

02-09繪製一個「郵件」圖示吧! 03分34秒

02-10路徑的接合與分離的技巧操作介紹 03分49秒

02-11繪製一個「重新整理」圖示 05分17秒

02-12繪製一個人物造型圖案 06分50秒

02-13繪製可愛人物,步驟一:繪製臉部 04分10秒

02-14繪製可愛人物,步驟二:使用『貼入範圍內』完成臉部繪製 03分09秒

02-15繪製可愛人物,步驟三:完成物件繪製 04分52秒

02-16繪製一個小貨車,步驟一:繪製車體 08分22秒

02-17繪製一個小貨車,步驟二:繪製後車廂 04分53秒

02-18將小貨車再做一個變化! 05分21秒

03.GIF動畫實做範例50分09秒

03-01如何製作一個自轉動畫? 04分40秒

03-02準備製作GIF動畫與「符合畫布」的用法 03分33秒

03-03如何調整動畫的變化時間? 03分38秒

03-04如何正確的將GIF動畫匯出? 07分31秒

03-05準備製作閃字動畫:步驟一文字的建立 04分16秒

03-06產生閃字效果的方式 03分37秒

03-07將閃字動畫輸出成動畫檔案 05分08秒

03-08將文字轉換成動畫元件 04分52秒

03-09改變動畫位置與時間 03分36秒

03-10讓文字消失的動畫效果製作 04分41秒

03-11我們也可以使用CS6內建的動畫物件 04分37秒

04.簡單好用的影像變換範例實做55分09秒

04-01影像變換效果範例實作:步驟一、插入參考線 04分07秒

04-02步驟二:繪製版面方塊 04分37秒

04-03步驟三:匯入四張小圖片 04分14秒

04-04步驟四:匯入四張大圖片 05分40秒

04-05步驟五:套用『創造性』特效 03分58秒

04-06步驟六:重製『狀態』並且調整圖層顯示 05分07秒

04-07步驟七:插入矩形分割的方式 03分34秒

04-08步驟八:套用影像變換效果 04分24秒

04-09步驟九:將大圖片也套用調換影像效果 04分44秒

04-10步驟十:文字的插入方式 03分55秒

04-11步驟十一:完成製作並且匯出成網頁檔案 05分55秒

04-12補充步驟:如何在小圖示加入超連結? 04分54秒

05.用Fireworks CS6設計網頁畫面1小時13分01秒

05-01準備使用Fireworks CS6設計網頁版型 02分51秒

05-02步驟一:繪製白色矩形物件 03分34秒

05-03步驟二:繪製一個圓角矩形方塊 05分26秒

05-04步驟三:將物件轉成遮色片 05分06秒

05-05步驟四:加入文字位置 05分10秒

05-06步驟五:匯入小圖示並改成白色 06分18秒

05-07步驟六:貼成遮色片的技巧 05分34秒

05-08步驟七:標題文字的插入 05分39秒

05-09步驟八:匯入AI與PSD圖檔的方式 05分11秒

05-10按鈕元件的概念介紹 06分13秒

05-11步驟九:將文字轉換成按鈕元件 06分34秒

05-12步驟十:再製按鈕的技巧 04分53秒

05-13步驟十一:更改按鈕文字與圖示插入 04分43秒

05-14步驟十二:套用『簡易變換影像』效果 03分40秒

05-15完成版型設計步驟 02分09秒

06.重要的分割操作37分07秒

06-01分割的基本操作方式介紹 04分32秒

06-02Fireworks CS6網頁版型分割的規則 04分56秒

06-03匯出預設值的儲存方式 06分38秒

06-04如何調整輸出品質與格式? 05分50秒

06-05用表格式方式匯出我們的網頁版型技巧 05分02秒

06-06如何使用CSS樣式的方式匯出版型? 06分47秒

06-07分割重點整理說明 03分22秒

07.網頁範本的建立22分17秒

07-01開啟Dreamweaver CS6建立網站準備編輯版型 03分44秒

07-02步驟一:將網頁版型置中 03分28秒

07-03步驟二:把上方橫幅變成背景圖片 03分45秒

07-04步驟三:製作網頁內容區域的延伸 05分49秒

07-05步驟四:完成最後頁尾區域的設定 05分31秒

08.用CSS來建立網頁範本1小時21分22秒

08-01準備用CSS來製作網頁版型的整理動作 07分28秒

08-02步驟一:建一個新的網頁檔案 03分32秒

08-03步驟二:建立DIV區塊 04分40秒

08-04步驟三:插入TOP的背景圖片 03分37秒

08-05步驟四:將內容區的背景圖片加入 04分44秒

08-06步驟五:將按鈕文字貼入 04分41秒

08-07將按鈕文字加上超連結功能 03分06秒

08-08將清單範圍標示出來 04分02秒

08-09準備製作導覽列按鈕的命名方式 05分12秒

08-10完成按鈕超連結文字的隱藏 04分22秒

08-11將按鈕圖示全部加入進來 05分17秒

08-12增加Wrapper讓按鈕正常顯示 03分37秒

08-13用DIV去補上按鈕列的區塊 03分15秒

08-14準備用CSS製作影像調換效果 04分48秒

08-15將圖片的區塊移動到指定位置 06分12秒

08-16完成第一個影像變換效果 04分02秒

08-17製作完成第二個影像變換效果 04分08秒

08-18完成第三個按鈕 04分39秒

09.新功能!JQuery Mobile主題設計教學1小時00分29秒

09-01Fireworks CS6全新功能介紹JQuery Mobile主題建立方式 05分31秒

09-02如何預覽與測試JQuery Mobile主題畫面? 05分35秒

09-03如何更改JQuery Mobile的圖示顏色? 06分41秒

09-04如何建立一個新的JQuery Mobile圖示 09分07秒

09-05如何快速有效的修改主題色彩? 04分44秒

09-06匯出JQuery Mobile主題樣式 05分02秒

09-07如何將Fireworks的JQuery Mobile樣式套用到網頁中? 05分38秒

09-08如何增加JQuery mobile的頁面 05分50秒

09-09自行設計回到MENU的按鈕 04分38秒

09-10將MENU按鈕複製到所有頁面 03分43秒

09-11修改MENU底線的問題,完成設計 04分00秒