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

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

Fireworks CS4教學 網頁版型設計課程 線上看
版 本: Fireworks CS4 一般
回饋紅利點數: 75
庫存狀況: 尚有庫存
價格: 250元
含稅價: 250元
可使用紅利點數: 2500
購買數量:     - OR -   加入追蹤清單
本課程您可學到以下範例:
Fireworks CS4教學 網頁版型設計課程 線上看 Fireworks CS4教學 網頁版型設計課程 線上看 Fireworks CS4教學 網頁版型設計課程 線上看 Fireworks CS4教學 網頁版型設計課程 線上看 Fireworks CS4教學 網頁版型設計課程 線上看 Fireworks CS4教學 網頁版型設計課程 線上看 Fireworks CS4教學 網頁版型設計課程 線上看 Fireworks CS4教學 網頁版型設計課程 線上看 Fireworks CS4教學 網頁版型設計課程 線上看

【課程簡介】

最佳化的設定與濾鏡的加入、幾何圖形的繪製與文字的加入、導覽列的建立、插入到Dreamweaver CS4後的調整、網頁版型的完整製作範例‥‥ 等等

﹝本課程共9章、共101小節、共448分鐘﹞

※本課程為線上觀看課程,自購買日起算,使用期限為一年。期限內,您可以在網站上觀看所購買的教學課程,不限觀看次數,下載範例檔案及相關試用版程式,讓您完整學習、更能夠輕鬆複習喔!

【課程目錄】

01.操作介面的介紹
01-01面版模式的切換與儲存
01-02手形工具與放大鏡工具的使用
01-03新功能!輔助說明功能的介紹
01-04工具列的開啟與關閉
01-05工具箱與面板的顯示及隱藏
01-06圖片檢視的放大縮小快速鍵操作
01-07新功能!新視窗的切換方式介紹

02.最佳化的設定與濾鏡的加入
02-01影像套用濾靜的使用方式
02-02預覽功能與2欄式及4欄式和「最佳化」的輸出關聯
02-03點陣圖與向量圖的識別方式
02-04點陣圖與向量圖在編輯上的差異
02-05「貼成遮色片」向量圖與點陣圖的搭配操作介紹
02-06「貼入範圍內」的另一種點陣圖與向量圖的搭配操作
02-07點陣圖的選取工具使用操作介紹
02-08「筆刷」「鉛筆」「橡皮擦」等工具的介紹
02-09「模糊」「加亮」「加深」「銳利」「暈開」等工具的介紹
02-10「橡皮圖章」「取代顏色」「消除紅眼」等工具的操作介紹
02-11畫布的調整方式與「符合畫布」的介紹操作
02-12「裁切」與「匯出區域」工具的操作介紹使用說明
02-13線段工具的基本操作介紹
02-14「自由變形」工具的使用介紹
02-15為何我的矩形無法變形切割?
02-16「向量路徑」與「重繪路徑」工具的介紹使用

03.幾何圖形的繪製與文字的加入
03-01Fireworks CS4向量幾何圖片的繪製介紹
03-02除了基本幾何圖形外,還有哪些更好用的圖形?「形狀」面板的介紹
03-03鋼筆工具的使用介紹
03-04「編輯點」的操作方式
03-05錨點要如何對齊?
03-06各種路徑的組合變化介紹
03-07新功能!路徑變更的效果的套用方式
03-08文字工具的使用以及製作文字附加至路徑的操作
03-09文字外框的建立與立體文字效果的製作
03-10簡單動畫的製作
03-11將製作完成的動畫輸出成動畫檔
03-12再製作一個文字動畫

04.滑鼠效果的套用
04-01內建動指令的設定使用
04-02範例練習:製作下載動畫圖示與「共享圖層至狀態」的使用時機
04-03「共享圖層至狀態」時的物件編輯方式與取消共享的方式
04-04使用分割工具讓圖片沒有辦法完整下載
04-05分割區域的調整與編輯方式
04-06使用「增加簡易滑鼠變換影像的行為」來製作效果
04-07使用「增加簡易滑鼠變換影像的行為」來製作簡易按鈕變化
04-08使用「增加簡易滑鼠變換影像的行為」來製作圖片變換的效果
04-09用「行為」面版來刪除與調整我們的行為效果

05.導覽列的建立
05-01如何使用「增加調換影像的行為」來製作效果?
05-02為何點到圖示上時會出現不規則邊緣?
05-03將完成的檔案轉存成網頁,並使用Dreamweaver CS4開啟
05-04製作導覽列按鈕。步驟一:繪製外框
05-05製作導覽列按鈕。步驟二:再製物件於下方
05-06製作導覽列按鈕。步驟三:按鈕樣式的套用
05-07製作導覽列按鈕。步驟四:再製整排的導覽列按鈕
05-08製作導覽列按鈕。步驟五:更改按鈕文字與按鈕狀態
05-09製作導覽列按鈕。步驟六:按鈕狀態的完整設計
05-10如何匯入圖示到檔案中?
05-11導引線與尺規的搭配使用操作

06.插入到Dreamweaver CS4後的調整
06-01使用「匯出區域工具」將網頁分三次匯出的操作
06-02再Dreamweaver CS4中建立新檔案與頁框檔案
06-03分割頁框,並將網頁放入指定位置,然後瀏覽
06-04調整各個頁框網頁的區域的大小
06-05表格展開的方式調整間隙的操作方式
06-06設定導覽列按鈕的連結方式
06-07如何正確的從頁框網頁連結到首頁去?
06-08會出小區塊,準備修補網頁空白!
06-09將頁框的空白處將其補滿!完成版型設計

07.動畫範例的製作
07-01用自己的圖片來變成動畫
07-02用擦除的方式將自己的圖片變成動畫
07-03動畫範例製作:雲遮太陽,步驟一
07-04動畫範例製作:雲遮太陽,步驟二、去除底圖
07-05動畫範例製作:雲遮太陽,步驟三:轉換元件
07-06動畫範例製作:雲遮太陽,步驟四:設定雲朵出現
07-07動畫範例製作:雲遮太陽,步驟五:移動雲朵
07-08動畫範例製作:雲遮太陽,步驟六:讓雲朵消失
07-09動畫範例製作:雲遮太陽,步驟七:更改時間

08.自動化操作
08-01批次處理操作、步驟一:建立新的命令
08-02批次處理操作、步驟二:開始執行批次處理完成動作!家裏的數位照片也可以用此功能來大量處理
08-03批次處理操作、步驟三:製作自己的LOGO
08-04批次處理操作、步驟四:改變LOGO文字樣式
08-05批次處理操作、步驟五:完成LOGO的製作
08-06批次處理操作、步驟六:開始執行批次LOGO的貼上動作

09.網頁版型的完整製作範例
09-01網頁版型設計。步驟一:裁切圖片
09-02步驟二:在影像上加上橫紋效果
09-03步驟三:繪製覆蓋區
09-04步驟四:製作羽化邊緣效果
09-05步驟五:將檔案儲存成PNG格式檔
09-06步驟六:補上底邊線框
09-07步驟七:複製影像到版型中
09-08步驟八:使用「貼入範圍內」的技巧加上紋路
09-09步驟九:加上網頁標題
09-10步驟十:加上網址文字
09-11步驟十一:加上腳踏車符號圖形
09-12步驟十二:開始製作按鈕文字
09-13步驟十三:製作按鈕元件
09-14步驟十四:製作整排的按鈕
09-15步驟十五:如何更改按鈕文字的大小與色彩?
09-16步驟十六:製作腳踏車動畫
09-17步驟十七:繪製動畫分割區
09-18必學技巧!步驟十八:將動畫與按鈕連接
09-19步驟十九:繪製分割區
09-20步驟二十:匯出成HTML網頁檔案
09-21步驟二十一:讓網頁置頂與置中的設定
09-22步驟二二:完成版面設計

發表評論

評論者:


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

評價: 很差           非常好

請輸入驗證碼:



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