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

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

Fireworks 8教學 專業網頁版型設計課程 免費線上看
版 本: Fireworks 8 一般
庫存狀況: 尚有庫存
價格: 0元
含稅價: 0元
購買數量:     - OR -   加入追蹤清單
本課程您可學到以下範例:
Fireworks 8教學 專業網頁版型設計課程 免費線上看 Fireworks 8教學 專業網頁版型設計課程 免費線上看 Fireworks 8教學 專業網頁版型設計課程 免費線上看 Fireworks 8教學 專業網頁版型設計課程 免費線上看 Fireworks 8教學 專業網頁版型設計課程 免費線上看 Fireworks 8教學 專業網頁版型設計課程 免費線上看 Fireworks 8教學 專業網頁版型設計課程 免費線上看

【課程簡介】

Fireworks是世界知名軟體公司Macormedia旗下的重量級軟體之一,主要的功能是製作網頁版型,有了Fireworks你的網頁不再看起來呆呆的嘍...
本課程Fireworks 8共計98個小節,將帶著你完全瞭解Fireworks 8的全部操作要領。我們的課程比坊間任何一本書介紹的更詳盡!因為如此,你可以更清楚Fireworks 8的功能和應用技巧。學完此課程,你一定會更喜歡Fireworks 8,並且有能力將你的網頁設計得美美的唷!
課程學習重點:
1.圖片壓縮
2.影像的合成
3.影像色彩調整
4.圖片切割
5.動畫製作
6.網頁版型製作
7.製作彈出式選單
8.與DreamWeaver 8的整合應用
9.批次指令與Script的執行
10.互動式按鈕的製作

﹝本課程共9章、共98小節、共373分鐘﹞

【課程目錄】

01.操作環境的介紹與調整
01-01啟動Fireworks8
01-02版面的介紹與工具列的開啟
01-03儲存目前的版面
01-04各種可使用FireWorks8開啟的圖檔格式有哪些?也可以開啟動畫唷!
01-05各種圖片檢視放大縮小與瀏覽器檢視的方式介紹
01-06放大鏡與掌型工具的使用方式
01-07全螢幕的編輯模式切換方式
01-08視窗檢視的切換與檔案的切換方式
01-09兩欄式檢視與四欄式檢視及最佳化的關係
01-10最佳化與檔案的匯出或是另存新檔的關連

02.影像調整與工具使用
02-01圖片與畫布的旋轉與翻轉
02-02濾鏡內容色彩調整各項功能的套用方式
02-03影像的裁切與大小的調整
02-04符合畫布大小的使用方式
02-05Edges濾鏡的套用
02-06製作一個具有陰影的小縮圖示
02-07圖層混和模式的使用練習
02-08混和模式的簡易範例練習
02-09指標工具的使用介紹
02-10細部選取工具的使用方式
02-11縮放與裁切工具的介紹使用
02-12選取工具的介紹使用方式
02-13運用魔術棒的完整使用來做影像的合成介紹
02-14筆刷的使用方式介紹
02-15各種邊修工具的練習操作
02-16用印章工具去除畫面中的雜點
02-17怎樣使用Fireworks將照片影像中的紅眼移除掉

03.向量工具的使用
03-01介紹向量圖工具中的線段工具以及多邊形工具的繪製
03-02互動式幾何工具的操作使用
03-03鋼筆工具的基本使用介紹說明
03-04文字工具的使用與直書文字的建立方式
03-05文字路徑的製作與調整,還有取消的方式
03-06文字路徑的LOGO製作範例練習
03-07切割工具的完整使用方式介紹
03-08路徑的接合操作方式,也就是將兩條不同的線段連接在一起
03-09用鋼筆工具與路徑接合的應用,畫出一個心形來
03-10路徑的聯集、交集、裁切、打洞的操作介紹
03-11運用聯集的功能,製作一個簡易的心形物件
03-12快速的畫出L形外框架
03-13將剛剛畫出來的L形裁切成圓弧角的內角
03-14將圖片運用遮色片的功能放入至畫好的圓角框中的進階應用

04.GIF動畫製作
04-01用Fireworks製作簡易文字光暈動畫--步驟一開啟新檔案,並輸入文字
04-02用Fireworks製作簡易文字光暈動畫--步驟二、再製一個影格,並且將文字加上光暈效果
04-03用Fireworks製作簡易文字光暈動畫--步驟三、調整動畫的變化時間,以及將最佳化改成GIF動畫,並用瀏覽器預覽看看
04-04用Fireworks製作簡易文字光暈動畫--步驟四、動畫輸出與動畫的去背方式
04-05去除動畫的白色毛邊
04-06製作一個簡易的箭頭動畫
04-07製作怎樣在Fireworks中製作一個漂亮的動畫?

05.圖片變成網頁
05-01將一般圖片變成網頁的製作方式、步驟一開啟圖檔
05-02將一般圖片變成網頁的製作方式、步驟二匯入第二個影像至第二個影格
05-03將一般圖片變成網頁的製作方式、步驟三用油漆桶將畫面中的物件填上顏色
05-04接著製作一個『增加簡易滑鼠變換影像的行為』
05-05如何將影片分割成多塊,讓網友沒有辦法從網路上複製下來
05-06進入到Dreamweaver中開啟此網頁來看看
05-07在Dreamweaver匯入Fireworks所產生的HTML檔案,並與其他網頁共存
05-08製作滑鼠調換影像的行為效果、步驟一分割影像
05-09製作滑鼠調換影像的行為效果、步驟二將分割後的影像加上效果,並且測試
05-10製作滑鼠調換影像的行為效果、步驟三再繼續將影片分割完畢,並且說明如果分割區重疊的話會不會有影響
05-11製作滑鼠調換影像的行為效果、步驟四將完成的Fireworks HTML檔案插入到網頁中,並且調整網頁的超連結
05-12插入Fireworks HTML至網頁後如何置中?

06.批次命令與Script的執行
06-01使用『分割工具』,讓網友沒有辦法在網路上複製我們的圖片
06-02將圖片變成簡易動畫
06-03命令的製作與儲存;步驟一:開啟一個圖檔,將步驟一一執行,請注意,命令的錄製,無法記錄滑鼠的移動,也就是盡量使用功能指令。
06-04命令的製作與儲存;步驟二:將操作紀錄儲存成命令,並且測試看看看!
06-05命令的製作與儲存;步驟三:接著,我們開始使用Fireworks中的批次處理,將我們先前製作命令與批次處理結合,一次將多張圖片處理完畢!
06-06如何執行FireWorks所儲存的Script命令?,請看本小節。
06-07製作『增加調換影像的行為』的第二種範例;步驟一:繪製一個版面來。
06-08製作『增加調換影像的行為』的第二種範例;步驟二:製作一個路徑文字標題
06-09製作『增加調換影像的行為』的第二種範例;步驟三:匯入小圖示到我們的版型中
06-10製作『增加調換影像的行為』的第二種範例;步驟四:接著再匯入原始尺寸的大圖片,在另外新增的四個影格裡
06-11製作『增加調換影像的行為』的第二種範例;步驟五:然後再將圖片的分割區一次製作完成。
06-12製作『增加調換影像的行為』的第二種範例;步驟六:最後,我們在每一個小縮圖上,加上『增加調換影像的行為』,讓滑鼠指到縮圖時,就會顯示大圖來
06-13製作『增加調換影像的行為』的第二種範例;步驟七:將製作完成的網頁匯入到Dreamweaver網頁設計程式中,並且另外說明,再從Dreamweaver跳回Fireworks編輯的方式

07.網頁版型製作
07-01何刪除與修改影像作用行為?
07-02製作網頁樣版版型;步驟一:繪製圓角矩形
07-03製作網頁樣版版型;步驟二:接著再繪製一個有格線材質的矩形
07-04製作網頁樣版版型;步驟三:然後在繪製一個白色灰線外框的矩形
07-05製作網頁樣版版型;步驟四:說明如何在圖層中調整物件,並且將圖層鎖住,保護起來
07-06製作網頁樣版版型;步驟五:從Photoimpact中匯入PNG格式小圖片
07-07製作網頁樣版版型;步驟六:從Photoimpact中再匯入PNG格式的水平線圖示
07-08製作網頁樣版版型;步驟七:標題文字的插入與文字轉成路徑的變化應用
07-09製作網頁樣版版型;步驟八:將圖示插入運用高斯模糊效果作的陰影
07-10製作網頁樣版版型;步驟九:接著將小圖示都加上『增加簡易變換影像的行為』
07-11製作網頁樣版版型;步驟十:在分割區上,加上替代文字與超連結
07-12製作網頁樣版版型;步驟11:設定儲存我的最佳化,以及將背景改成透明的方式
07-13製作網頁樣版版型;步驟12:將製作好的網頁版型,匯入到Dreamweaver中,並開啟檢查
07-14製作網頁樣版版型;步驟13:然後建立一個新的網頁檔案,儲存後運用『插入Fireworks HTML』功能,將網版型頁插入
07-15製作無接縫網頁背景圖片

08.與Dreamweaver 8整合
08-01如何讓編輯區設定在Fireworks表格範圍內
08-02再製作一個Fireworks表格,插入到網頁中;步驟一:繪製表格
08-03再製作一個Fireworks表格,插入到網頁中;步驟二:轉存指定的分割區域,到我們的網頁中
08-04再製作一個Fireworks表格,插入到網頁中;步驟三:將分割好的圖片,放置到網頁中
08-05再製作一個Fireworks表格,插入到網頁中;步驟四:修改後讓表格看起來更漂亮

09.製作彈出式選單
09-01製作彈出式選單;步驟一:套用『樣式』製作按鈕
09-02製作彈出式選單;步驟二:開始製作『彈出式選單』
09-03製作彈出式選單;步驟三:詳細解說彈出式選單的設定方式
09-04製作彈出式選單;步驟四:將製作完成的彈出式選單,匯入到網頁中
09-05製作彈出式選單;步驟五:修改選單的位置

 

 

發表評論

評論者:


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

評價: 很差           非常好

請輸入驗證碼:



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