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

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

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

範例檔案下載

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

講師介紹

講師:王老師

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

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

章節目錄(點取標題)

01.操作介面的介紹25分27秒

01-01面版模式的切換與儲存 04分12秒

01-02手形工具與放大鏡工具的使用 04分10秒

01-03新功能!輔助說明功能的介紹 03分32秒

01-04工具列的開啟與關閉 02分17秒

01-05工具箱與面板的顯示及隱藏 04分00秒

01-06圖片檢視的放大縮小快速鍵操作 03分17秒

01-07新功能!新視窗的切換方式介紹 03分59秒

02.最佳化的設定與濾鏡的加入1小時07分15秒

02-01影像套用濾靜的使用方式 03分35秒

02-02預覽功能與2欄式及4欄式和「最佳化」的輸出關聯 05分40秒

02-03點陣圖與向量圖的識別方式 02分56秒

02-04點陣圖與向量圖在編輯上的差異 02分59秒

02-05「貼成遮色片」向量圖與點陣圖的搭配操作介紹 03分27秒

02-06「貼入範圍內」的另一種點陣圖與向量圖的搭配操作 02分01秒

02-07點陣圖的選取工具使用操作介紹 04分35秒

02-08「筆刷」「鉛筆」「橡皮擦」等工具的介紹 07分11秒

02-09「模糊」「加亮」「加深」「銳利」「暈開」等工具的介紹 03分58秒

02-10「橡皮圖章」「取代顏色」「消除紅眼」等工具的操作介紹 06分13秒

02-11畫布的調整方式與「符合畫布」的介紹操作 07分34秒

02-12「裁切」與「匯出區域」工具的操作介紹使用說明 02分46秒

02-13線段工具的基本操作介紹 03分13秒

02-14「自由變形」工具的使用介紹 04分50秒

02-15為何我的矩形無法變形切割? 03分46秒

02-16「向量路徑」與「重繪路徑」工具的介紹使用 02分31秒

03.幾何圖形的繪製與文字的加入56分49秒

03-01Fireworks CS4向量幾何圖片的繪製介紹 05分55秒

03-02除了基本幾何圖形外,還有哪些更好用的圖形?「形狀」面板的介紹 05分35秒

03-03鋼筆工具的使用介紹 03分36秒

03-04「編輯點」的操作方式 07分21秒

03-05錨點要如何對齊? 02分45秒

03-06各種路徑的組合變化介紹 06分38秒

03-07新功能!路徑變更的效果的套用方式 05分23秒

03-08文字工具的使用以及製作文字附加至路徑的操作 05分28秒

03-09文字外框的建立與立體文字效果的製作 02分46秒

03-10簡單動畫的製作 03分16秒

03-11將製作完成的動畫輸出成動畫檔 02分20秒

03-12再製作一個文字動畫 05分46秒

04.滑鼠效果的套用41分50秒

04-01內建動指令的設定使用 03分14秒

04-02範例練習:製作下載動畫圖示與「共享圖層至狀態」的使用時機 11分29秒

04-03「共享圖層至狀態」時的物件編輯方式與取消共享的方式 05分00秒

04-04使用分割工具讓圖片沒有辦法完整下載 04分21秒

04-05分割區域的調整與編輯方式 03分01秒

04-06使用「增加簡易滑鼠變換影像的行為」來製作效果 03分01秒

04-07使用「增加簡易滑鼠變換影像的行為」來製作簡易按鈕變化 02分13秒

04-08使用「增加簡易滑鼠變換影像的行為」來製作圖片變換的效果 06分22秒

04-09用「行為」面版來刪除與調整我們的行為效果 03分09秒

05.導覽列的建立48分53秒

05-01如何使用「增加調換影像的行為」來製作效果? 05分29秒

05-02為何點到圖示上時會出現不規則邊緣? 01分25秒

05-03將完成的檔案轉存成網頁,並使用Dreamweaver CS4開啟 06分57秒

05-04製作導覽列按鈕。步驟一:繪製外框 06分40秒

05-05製作導覽列按鈕。步驟二:再製物件於下方 02分54秒

05-06製作導覽列按鈕。步驟三:按鈕樣式的套用 06分12秒

05-07製作導覽列按鈕。步驟四:再製整排的導覽列按鈕 03分12秒

05-08製作導覽列按鈕。步驟五:更改按鈕文字與按鈕狀態 05分16秒

05-09製作導覽列按鈕。步驟六:按鈕狀態的完整設計 05分48秒

05-10如何匯入圖示到檔案中? 02分21秒

05-11導引線與尺規的搭配使用操作 02分39秒

06.插入到Dreamweaver CS4後的調整49分15秒

06-01使用「匯出區域工具」將網頁分三次匯出的操作 04分47秒

06-02再Dreamweaver CS4中建立新檔案與頁框檔案 05分36秒

06-03分割頁框,並將網頁放入指定位置,然後瀏覽 03分57秒

06-04調整各個頁框網頁的區域的大小 06分35秒

06-05表格展開的方式調整間隙的操作方式 08分18秒

06-06設定導覽列按鈕的連結方式 05分41秒

06-07如何正確的從頁框網頁連結到首頁去? 04分25秒

06-08會出小區塊,準備修補網頁空白! 02分39秒

06-09將頁框的空白處將其補滿!完成版型設計 07分17秒

07.動畫範例的製作31分29秒

07-01用自己的圖片來變成動畫 02分49秒

07-02用擦除的方式將自己的圖片變成動畫 06分46秒

07-03動畫範例製作:雲遮太陽,步驟一 04分12秒

07-04動畫範例製作:雲遮太陽,步驟二、去除底圖 02分26秒

07-05動畫範例製作:雲遮太陽,步驟三:轉換元件 05分34秒

07-06動畫範例製作:雲遮太陽,步驟四:設定雲朵出現 01分08秒

07-07動畫範例製作:雲遮太陽,步驟五:移動雲朵 03分39秒

07-08動畫範例製作:雲遮太陽,步驟六:讓雲朵消失 02分37秒

07-09動畫範例製作:雲遮太陽,步驟七:更改時間 02分18秒

08.自動化操作27分26秒

08-01批次處理操作、步驟一:建立新的命令 04分39秒

08-02批次處理操作、步驟二:開始執行批次處理完成動作!家裏的數位照片也可以用此功能來大量處理 05分28秒

08-03批次處理操作、步驟三:製作自己的LOGO 04分35秒

08-04批次處理操作、步驟四:改變LOGO文字樣式 05分01秒

08-05批次處理操作、步驟五:完成LOGO的製作 04分01秒

08-06批次處理操作、步驟六:開始執行批次LOGO的貼上動作 03分42秒

09.網頁版型的完整製作範例1小時40分03秒

09-01網頁版型設計。步驟一:裁切圖片 04分22秒

09-02步驟二:在影像上加上橫紋效果 03分12秒

09-03步驟三:繪製覆蓋區 06分53秒

09-04步驟四:製作羽化邊緣效果 06分37秒

09-05步驟五:將檔案儲存成PNG格式檔 00分48秒

09-06步驟六:補上底邊線框 02分32秒

09-07步驟七:複製影像到版型中 07分31秒

09-08步驟八:使用「貼入範圍內」的技巧加上紋路 04分05秒

09-09步驟九:加上網頁標題 06分55秒

09-10步驟十:加上網址文字 05分04秒

09-11步驟十一:加上腳踏車符號圖形 04分16秒

09-12步驟十二:開始製作按鈕文字 06分05秒

09-13步驟十三:製作按鈕元件 06分56秒

09-14步驟十四:製作整排的按鈕 04分55秒

09-15步驟十五:如何更改按鈕文字的大小與色彩? 02分36秒

09-16步驟十六:製作腳踏車動畫 05分37秒

09-17步驟十七:繪製動畫分割區 02分18秒

09-18必學技巧!步驟十八:將動畫與按鈕連接 02分32秒

09-19步驟十九:繪製分割區 05分06秒

09-20步驟二十:匯出成HTML網頁檔案 02分51秒

09-21步驟二十一:讓網頁置頂與置中的設定 02分40秒

09-22步驟二二:完成版面設計 06分12秒