用Adobe Edge Animate CC 製作HTML5動畫與互動效果

Adobe Creative Cloud 介紹
1.1 Adobe Creative Cloud（Adobe CC）特點 ....................2
1.2 Adobe Creative Cloud 安裝 .................................................3
Chapter 02 Edge Tools
2.1 Edge Tools 系列 ...................................................................2-2
2.2 為何選擇Edge Animate CC .............................................2-3
Chapter 03 Edge Animate CC 開發環境
3.1 建立、發佈與專案管理......................................................3-2
3.2 工作區環境介紹 ...................................................................3-4
3.3 儲存自訂工作區 ...................................................................3-7
3.3.1 新增工作區 ...............................................................3-7
3.3.2 刪除工作區 ............................................................ 3-10
Chapter 04 舞台與時間軸的使用
4.1 舞台介紹 .................................................................................4-2
4.2 時間軸介紹 .............................................................................4-5
4.2.1 時間點的認識 ..........................................................4-6
4.2.2 播放器 ........................................................................4-7
4.2.3 格線與貼齊功能......................................................4-7
4.2.4 在時間軸上新增標籤 ............................................4-9
4.3 元件的時間軸控制項 ....................................................... 4-10
4.4 轉場效果的功能說明 ....................................................... 4-11
4.4.1 瞬間轉場特效 ....................................................... 4-11
4.4.2 流暢的轉場特效................................................... 4-13
4.4.3 利用插針製作動畫 .............................................. 4-14
4.4.4 手動新增或刪除關鍵影格 ................................ 4-16
4.4.5 編輯轉場特效 ....................................................... 4-17
4.4.6 加、減速轉場特效 .............................................. 4-17
4.5 時間軸快速鍵的使用 ....................................................... 4-19
Chapter 05 圖片功能
5.1 元件的繪製與設定 ...............................................................5-2
5.2 元件的選取與複製 ...............................................................5-6
5.3 對齊功能的使用 ...................................................................5-6
5.4 尺標與參考線 ........................................................................5-8
5.5 改變形狀（Transform） ......................................................5-9
5.6 陰影功能的使用（Shadow） ......................................... 5-10
5.7 裁切功能的使用（Clip） .................................................. 5-11
5.8 匯入圖片 .............................................................................. 5-12
5.9 開啟／隱藏的方式 ............................................................ 5-13
5.10 練習－小鳥繪製 ................................................................ 5-14
5.10.1 身體繪製 ............................................................ 5-14
5.10.2 眼睛繪製 ............................................................ 5-15
5.10.3 嘴巴繪製 ............................................................ 5-16
5.10.4 前側翅膀繪製................................................... 5-17
5.10.5 後側翅膀繪製................................................... 5-18
Chapter 06 文字功能
6.1 文字的新增 .............................................................................6-2
6.2 文字的屬性 .............................................................................6-3
6.3 網路字體的使用 ...................................................................6-4
6.4 練習－文字探照燈 ...............................................................6-6
Chapter 07 範例練習－邀請函
7.1 畫面佈置 .................................................................................7-2
7.2 動畫設定 .................................................................................7-5
Chapter 08 互動效果
8.1 使用的原則 .............................................................................8-2
8.2 觸發效果的說明 ...................................................................8-4
8.3 作業舞台與時間軸的觸發器和動作 ..............................8-6
8.4 刪除觸發器與動作 ...............................................................8-7
8.5 練習－商品放大展示 ..........................................................8-8
Chapter 09 元件的運用
9.1 關於元件 .................................................................................9-2
9.2 利用元件建構動畫 ...............................................................9-3
9.2.1 建立翅膀1 ................................................................9-3
9.2.2 建立翅膀2 ................................................................9-7
9.2.3 建立身體 ...................................................................9-9
9.2.4 建立頭部 ................................................................ 9-10
9.2.5 建立觸角 ................................................................ 9-11
9.3 將元件巢套（nesting）至元件中 .............................. 9-14
9.4 元件時間軸的運用 ............................................................ 9-14
9.5 將作業舞台上的符號轉為動畫 ..................................... 9-19
9.5.1 元件的相關修改................................................... 9-19
9.5.2 Import 匯入與Export 匯出 ............................. 9-20
9.6 練習－按鈕滑入效果 ....................................................... 9-20
9.7 練習－下拉式選單 ............................................................ 9-24
9.7.1 最新消息按鈕製作 .............................................. 9-24
9.7.2 關於我們按鈕製作 .............................................. 9-26
Chapter 10 HTML 與Animate 的關係
10.1 看懂HTML 文件 ................................................................ 10-2
10.1.1 概述html ........................................................... 10-2
10.1.2 html 的架構 ...................................................... 10-2
10.2 以Animate 開啟HTML 文件 ........................................ 10-3
10.3 將Edge Animate 置於HTML 文件中 ........................ 10-4
Chapter 11 發佈Animate 構圖
11.1 預設版面Layout Preset .................................................. 11-2
11.1.1 練習：Center Background Image的使用 ................................................................ 11-3
11.2 設定元件的最小與最大寬度 ......................................... 11-6
11.3 為專案建立預載畫面（preloader） ............................. 11-8
11.3.1 預載畫面（preloader）的設定 ................. 11-8
11.4 依比例變更元件相對位置 ............................................11-11
11.4.1 Global 設定練習 ...........................................11-11
11.4.2 Applied 設定練習 .........................................11-12
11.5 舊版瀏覽器的相容性處理 ............................................11-13
11.6 以網頁形式發佈 ..............................................................11-15
Chapter 12 網頁片頭動畫－非洲草原
12.1 開啟檔案 .............................................................................. 12-2
12.2 Sky 設定 ............................................................................... 12-2
12.3 Rabbit 設定 ......................................................................... 12-3
12.4 Prairie 設定.......................................................................... 12-4
12.5 Elephants 設定 ................................................................... 12-4
12.6 Giraffe 設定 ......................................................................... 12-5
12.7 Horse 設定 .......................................................................... 12-5
12.8 Zebra 設定 ........................................................................... 12-6
Chapter 13 廣告輪播與控制
13.1 設定舞台 .............................................................................. 13-2
13.2 圖片佈置與修改 ................................................................ 13-2
13.3 調整圖片時間 ..................................................................... 13-4
13.4 設定連續播放指令 ............................................................ 13-6
13.5 按鈕控制圖片切換 ............................................................ 13-6
13.6 設定標籤 .............................................................................. 13-8
13.7 設定動作指令 ..................................................................... 13-9
Chapter 14 網頁設計
14.1 環境設置 .............................................................................. 14-2
14.2 按鈕設置 .............................................................................. 14-6
14.3 圖片輪播廣告 ...................................................................14-11
14.4 最新消息內容設置 ..........................................................14-20
14.5 關於聖堂內容設置 ..........................................................14-24
14.6 服務項目內容設置 ..........................................................14-27
14.7 作品範例內容設置 ..........................................................14-32
14.8 聯絡我們內容設置 ..........................................................14-39

Adobe Creative Cloud 介紹
1.1 Adobe Creative Cloud（Adobe CC）特點 ....................2
1.2 Adobe Creative Cloud 安裝 .................................................3
Chapter 02 Edge Tools
2.1 Edge Tools 系列 ...................................................................2-2
2.2 為何選擇Edge Animate CC .............................................2-3
Chapter 03 Edge Animate CC 開發環境
3.1 建立、發佈與專案管理......................................................3-2
3.2 工作區環境...