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

Fireworks 8教學 專業網頁版型設計課程 免費線上看

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

講師介紹

講師:王老師

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

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

章節目錄(點取標題)

01.操作環境的介紹與調整36分29秒

01-01啟動Fireworks8 01分27秒

01-02版面的介紹與工具列的開啟 03分18秒

01-03儲存目前的版面 02分24秒

01-04各種可使用FireWorks8開啟的圖檔格式有哪些?也可以開啟動畫唷! 06分54秒

01-05各種圖片檢視放大縮小與瀏覽器檢視的方式介紹 03分30秒

01-06放大鏡與掌型工具的使用方式 02分36秒

01-07全螢幕的編輯模式切換方式 02分31秒

01-08視窗檢視的切換與檔案的切換方式 02分16秒

01-09兩欄式檢視與四欄式檢視及最佳化的關係 06分08秒

01-10最佳化與檔案的匯出或是另存新檔的關連 05分25秒

02.影像調整與工具使用1小時11分37秒

02-01圖片與畫布的旋轉與翻轉 02分14秒

02-02濾鏡內容色彩調整各項功能的套用方式 06分58秒

02-03影像的裁切與大小的調整 02分35秒

02-04符合畫布大小的使用方式 00分58秒

02-05Edges濾鏡的套用 03分27秒

02-06製作一個具有陰影的小縮圖示 06分45秒

02-07圖層混和模式的使用練習 04分18秒

02-08混和模式的簡易範例練習 02分05秒

02-09指標工具的使用介紹 04分05秒

02-10細部選取工具的使用方式 02分59秒

02-11縮放與裁切工具的介紹使用 01分42秒

02-12選取工具的介紹使用方式 05分27秒

02-13運用魔術棒的完整使用來做影像的合成介紹 08分28秒

02-14筆刷的使用方式介紹 05分58秒

02-15各種邊修工具的練習操作 04分13秒

02-16用印章工具去除畫面中的雜點 06分46秒

02-17怎樣使用Fireworks將照片影像中的紅眼移除掉 02分39秒

03.向量工具的使用48分15秒

03-01介紹向量圖工具中的線段工具以及多邊形工具的繪製 06分20秒

03-02互動式幾何工具的操作使用 03分48秒

03-03鋼筆工具的基本使用介紹說明 04分30秒

03-04文字工具的使用與直書文字的建立方式 05分10秒

03-05文字路徑的製作與調整,還有取消的方式 02分53秒

03-06文字路徑的LOGO製作範例練習 03分06秒

03-07切割工具的完整使用方式介紹 03分29秒

03-08路徑的接合操作方式,也就是將兩條不同的線段連接在一起 02分39秒

03-09用鋼筆工具與路徑接合的應用,畫出一個心形來 02分30秒

03-10路徑的聯集、交集、裁切、打洞的操作介紹 03分07秒

03-11運用聯集的功能,製作一個簡易的心形物件 02分09秒

03-12快速的畫出L形外框架 01分27秒

03-13將剛剛畫出來的L形裁切成圓弧角的內角 03分13秒

03-14將圖片運用遮色片的功能放入至畫好的圓角框中的進階應用 03分54秒

04.GIF動畫製作18分36秒

04-01用Fireworks製作簡易文字光暈動畫--步驟一開啟新檔案,並輸入文字 02分02秒

04-02用Fireworks製作簡易文字光暈動畫--步驟二、再製一個影格,並且將文字加上光暈效果 02分16秒

04-03用Fireworks製作簡易文字光暈動畫--步驟三、調整動畫的變化時間,以及將最佳化改成GIF動畫,並用瀏覽器預覽看看 02分48秒

04-04用Fireworks製作簡易文字光暈動畫--步驟四、動畫輸出與動畫的去背方式 04分09秒

04-05去除動畫的白色毛邊 01分41秒

04-06製作一個簡易的箭頭動畫 02分18秒

04-07製作怎樣在Fireworks中製作一個漂亮的動畫? 03分22秒

05.圖片變成網頁35分58秒

05-01將一般圖片變成網頁的製作方式、步驟一開啟圖檔 01分20秒

05-02將一般圖片變成網頁的製作方式、步驟二匯入第二個影像至第二個影格 01分25秒

05-03將一般圖片變成網頁的製作方式、步驟三用油漆桶將畫面中的物件填上顏色 03分11秒

05-04接著製作一個『增加簡易滑鼠變換影像的行為』 04分20秒

05-05如何將影片分割成多塊,讓網友沒有辦法從網路上複製下來 03分59秒

05-06進入到Dreamweaver中開啟此網頁來看看 01分50秒

05-07在Dreamweaver匯入Fireworks所產生的HTML檔案,並與其他網頁共存 03分06秒

05-08製作滑鼠調換影像的行為效果、步驟一分割影像 02分02秒

05-09製作滑鼠調換影像的行為效果、步驟二將分割後的影像加上效果,並且測試 02分38秒

05-10製作滑鼠調換影像的行為效果、步驟三再繼續將影片分割完畢,並且說明如果分割區重疊的話會不會有影響 04分10秒

05-11製作滑鼠調換影像的行為效果、步驟四將完成的Fireworks HTML檔案插入到網頁中,並且調整網頁的超連結 06分15秒

05-12插入Fireworks HTML至網頁後如何置中? 01分42秒

06.批次命令與Script的執行59分33秒

06-01使用『分割工具』,讓網友沒有辦法在網路上複製我們的圖片 03分41秒

06-02將圖片變成簡易動畫 06分43秒

06-03命令的製作與儲存;步驟一:開啟一個圖檔,將步驟一一執行,請注意,命令的錄製,無法記錄滑鼠的移動,也就是盡量使用功能指令。 03分51秒

06-04命令的製作與儲存;步驟二:將操作紀錄儲存成命令,並且測試看看看! 02分17秒

06-05命令的製作與儲存;步驟三:接著,我們開始使用Fireworks中的批次處理,將我們先前製作命令與批次處理結合,一次將多張圖片處理完畢! 04分04秒

06-06如何執行FireWorks所儲存的Script命令?,請看本小節。 03分24秒

06-07製作『增加調換影像的行為』的第二種範例;步驟一:繪製一個版面來。 04分08秒

06-08製作『增加調換影像的行為』的第二種範例;步驟二:製作一個路徑文字標題 04分45秒

06-09製作『增加調換影像的行為』的第二種範例;步驟三:匯入小圖示到我們的版型中 03分44秒

06-10製作『增加調換影像的行為』的第二種範例;步驟四:接著再匯入原始尺寸的大圖片,在另外新增的四個影格裡 05分22秒

06-11製作『增加調換影像的行為』的第二種範例;步驟五:然後再將圖片的分割區一次製作完成。 05分56秒

06-12製作『增加調換影像的行為』的第二種範例;步驟六:最後,我們在每一個小縮圖上,加上『增加調換影像的行為』,讓滑鼠指到縮圖時,就會顯示大圖來 03分48秒

06-13製作『增加調換影像的行為』的第二種範例;步驟七:將製作完成的網頁匯入到Dreamweaver網頁設計程式中,並且另外說明,再從Dreamweaver跳回Fireworks編輯的方式 07分50秒

07.網頁版型製作1小時05分13秒

07-01何刪除與修改影像作用行為? 02分53秒

07-02製作網頁樣版版型;步驟一:繪製圓角矩形 02分41秒

07-03製作網頁樣版版型;步驟二:接著再繪製一個有格線材質的矩形 02分36秒

07-04製作網頁樣版版型;步驟三:然後在繪製一個白色灰線外框的矩形 03分09秒

07-05製作網頁樣版版型;步驟四:說明如何在圖層中調整物件,並且將圖層鎖住,保護起來 01分55秒

07-06製作網頁樣版版型;步驟五:從Photoimpact中匯入PNG格式小圖片 08分33秒

07-07製作網頁樣版版型;步驟六:從Photoimpact中再匯入PNG格式的水平線圖示 07分10秒

07-08製作網頁樣版版型;步驟七:標題文字的插入與文字轉成路徑的變化應用 03分44秒

07-09製作網頁樣版版型;步驟八:將圖示插入運用高斯模糊效果作的陰影 02分18秒

07-10製作網頁樣版版型;步驟九:接著將小圖示都加上『增加簡易變換影像的行為』 07分31秒

07-11製作網頁樣版版型;步驟十:在分割區上,加上替代文字與超連結 02分09秒

07-12製作網頁樣版版型;步驟11:設定儲存我的最佳化,以及將背景改成透明的方式 04分26秒

07-13製作網頁樣版版型;步驟12:將製作好的網頁版型,匯入到Dreamweaver中,並開啟檢查 03分37秒

07-14製作網頁樣版版型;步驟13:然後建立一個新的網頁檔案,儲存後運用『插入Fireworks HTML』功能,將網版型頁插入 06分28秒

07-15製作無接縫網頁背景圖片 06分03秒

08.與Dreamweaver 8整合18分01秒

08-01如何讓編輯區設定在Fireworks表格範圍內 03分16秒

08-02再製作一個Fireworks表格,插入到網頁中;步驟一:繪製表格 03分45秒

08-03再製作一個Fireworks表格,插入到網頁中;步驟二:轉存指定的分割區域,到我們的網頁中 04分46秒

08-04再製作一個Fireworks表格,插入到網頁中;步驟三:將分割好的圖片,放置到網頁中 02分48秒

08-05再製作一個Fireworks表格,插入到網頁中;步驟四:修改後讓表格看起來更漂亮 03分26秒

09.製作彈出式選單19分26秒

09-01製作彈出式選單;步驟一:套用『樣式』製作按鈕 03分20秒

09-02製作彈出式選單;步驟二:開始製作『彈出式選單』 04分25秒

09-03製作彈出式選單;步驟三:詳細解說彈出式選單的設定方式 06分04秒

09-04製作彈出式選單;步驟四:將製作完成的彈出式選單,匯入到網頁中 04分32秒

09-05製作彈出式選單;步驟五:修改選單的位置 01分05秒

其它相關課程