《HTML5動畫制作神器：Adobe Edge Animate CC一本通》詳細地介紹了Edge Animate CC中的所有知識點，以通俗易懂的文字、精美的案例和新穎的版式講解各種類型交互動畫的制作方法和技巧，將Edge Animate CC的知識點與實際應用案例相結合，使讀者易學易用、快速掌握使用Edge Animate CC制作交互動畫的相關知識。

《HTML5動畫制作神器：Adobe Edge Animate CC一本通》共分為11章，分別講解初識Edge Animate、掌握Edge Animate的基本操作、圖形的創建與操作、添加文本和格式化文本、使用時間軸制作動畫、使用觸發器動作素在動畫中的使用、HTML和CSS樣式在Edge Animate中的應用、使用JavaScript和jQuery控制動畫、Edge Animate動畫制作技巧和Edge Animate動畫的發布與輸出等內容。在內容安排上，從基礎出發，講解Edge Animate的各個知識點，深入淺出，使讀者能夠在最短的時間裡輕松掌握各種類型交互式動畫的制作流程和方法。

《HTML5動畫制作神器：Adobe Edge Animate CC一本通》的配套光盤中提供了書中所有實例的源文件和相關素材，以及書中實例的視頻教程，方便讀者學習和參考。

張曉景，Adobe 網頁設計師認證講師，國家信息產業部653工程講師。Adobe專家組成員，參與中央電大網頁設計課程體繫開發。曾並參與設計了999集團設計宣傳冊，北京西單金澤大廈設計VI設計，以及國務院國資委電子資料室設計制作網站等眾多設計工作。從事網站設計開發近10個年頭，開發過數十個多媒體商業網站。有豐富的教學經驗，曾在北京大學、北京師範大學等重點院校以及Adobe創意大學和新東方等培訓機構教授網頁設計課程。對網頁色彩搭配有獨特見解。出版網頁設計與設計類書籍數十種，並參與清華大學中職教材的編寫工作。

第1章 初識 Adobe Edge Animate

1．1 Adobe Edge Animate簡介002

1．1．1Adobe Edge Animate的誕生003

1．1．2Adobe Edge Animate概述003

1．1．3Adobe Edge Animate功能簡介003

1．2 安裝和卸載 Adobe Edge Animate005

1．2．1Adobe Edge Animate的繫統要求006

1．2．2Adobe Edge Animate的繫統要求006

1．2．3卸載Adobe Edge Animate008

1．2．4啟動Adobe Edge Animate009

1．2．5退出Adobe Edge Animate009

1．3 Adobe Edge Animate工作界面009

1．3．1Edge Animate歡迎界面010

1．3．1Edge Animate歡迎界面012

1．4 Edge Animate的菜單欄013

1．4．1“File（文件）”菜單013

1．4．2“Edit（編輯）”菜單014

1．4．3“View（視圖）”菜單015

1．4．4“Modify（修改）”菜單016

1．4．5“Timeline（時間軸）”菜單017

1．4．6“Window（窗口）”菜單019

1．4．7“Help（幫助）”菜單020

1．5 Edge Animate中的面板021

1．5．1工具欄021

1．5．2舞臺022

1．5．3“Timeline（時間軸）”面板024

1．5．4“Properties（屬性）”面板024

1．5．5“Elemen素）”面板025

1．5．6“Library（庫）”面板025

1．5．7“Lessons（教程）”面板026

1．6自定義Edge Animate工作界面027

1．6．1手動調整默認工作界面027

1．6．2自定義工作界面027

1．6．3刪除工作界面029

1．6．4復位工作界面029

本章小結030

第2章 掌握Edge Animate的基本操作

2．1 新建Edge Animate項目文件032

2．1．1新建空白的Edge Animate項目文件032

2．1．2設置舞臺屬性033

2．1．3創建快照與下級瀏覽器舞臺035

2．1．4設置項目文件的預載方式037

2．1．5從模板新建Edge Animate項目文件038

2．2 打開/關閉Edge Animate項目文件038

2．2．1打開Edge Animate項目文件038

2．2．2關閉Edge Animate項目文件039

2．3 保存Edge Animate項目文件039

2．3．1直接保存Edge Animate項目文件039

2．3．2另存為Edge Animate項目文件040

2．3．3另存為Edge Animate模板文件040

2．4 應用標尺和輔助線041

2．4．1顯示/隱藏舞臺標尺041

2．4．2創建輔助線041

2．4．3貼緊至輔助線042

2．4．4顯示/隱藏輔助線042

2．5 使用模板制作Edge Animate動畫043

2．5．1制作網站圖片展示動畫043

2．5．2制作文章展示動畫046

2．5．3制作選項卡式面板049

2．6 本章小結052

第3章 圖形的創建與操作

3．1 使用Edge Animate中的基本繪圖工具054

3．1．1認識Edge Animate中的繪圖工具054

3．1．2繪制矩形055

3．1．3繪制圓角矩形055

3．1．4繪制橢圓形055

3．2 圖形屬性設置056

3．2．1設置顯示與隱藏屬性056

3．2．2設置位置和大小屬性059

3．2．3設置顏色和邊框屬性062

3．2．4設置純色063

3．2．5設置漸變顏色064

3．2．6設置變換屬性066

3．2．7設置光標效果070

3．2．8設置角效果072

3．2．9設置投影效果073

3．2．10設置對像濾鏡效果076

3．2．11設置裁切屬性078

3．2．12設置對像的可訪問性080

3．3 導素080

3．3．1支持的圖像素材格式080

3．3．2導入位圖素材081

3．3．3導入矢量圖素材083

3．3．4支持的音頻素材格式084

3．3．5制作圖像淡入淡出動畫084

3．4 多對像操作087

3．4．1對齊操作087

3．4．2分布操作088

3．4．3排列操作088

3．5 本章小結089

第4章 添加文本和格式化文本

4．1 在動畫中添加文字092

4．1．1 在動畫中添加文字的幾種方法092

4．1．2在動畫中添加文字093

4．2 設置文字屬性095

4．3 添加字體097

4．3．1添加web文字097

4．3．2添加中文字體098

4．4 剪切文本邊緣101

4．5 使用文字特效103

4．5．1陰影效果103

4．5．2 彈跳效果107

4．5．3設置文字鏈接109

4．6 Edge Animate中的HTML標簽114

4．7 本章小結114

第5章 使用時間軸制作動畫

5．1素層116

5．1素層的類型116

5．1．2素層117

5．1．3素層117

5．2素層118

5．2．素層重命名118

5．2．2素層119

5．2．3素層順序119

5．2．4展開素層屬性120

5．2．5素層顏色120

5．素層的狀態121

5．3．1顯示素層121

5．3．2鎖定素層121

5．4 “Timeline（時間軸）”面板122

5．4．1認識“Timeline（時間軸）”面板122

5．4．2使用快捷鍵控制時間軸124

5．5 “Timeline（時間軸）”面板的基本操作125

5．5．1設置“Timeline（時間軸）”面板網格125

5．5．2在“Timeline（時間軸）”面板中添加標簽126

5．5．3編輯標簽126

5．5．4制作開場動畫127

5．6 使用緩動效果131

5．6．1緩動效果詳解131

5．6．2制作網站廣告條132

5．6．3制作紙飛機飛行動畫134

5．6．4制作模糊入場動畫139

5．7 本章小結142

第6章 使用觸發器動作

6．1 了解觸發器144

6．1．1什麼是觸發器144

6．1．2“Trigger（觸發器）”對話框145

6．2 使用觸發器動作146

6．2．素添加觸發器動作146

6．2．2觸發事件詳解149

6．2．3觸發動作詳解150

6．2．4素添加觸發器動作154

6．2．5編輯觸發器動作156

6．2．6刪除觸發器動作156

6．3 舞臺觸發器使用技巧157

6．3．1舞臺觸發事件詳解157

6．3．2為舞臺添加觸發器動作158

6．4 時間軸觸發器使用技巧161

6．4．1時間軸觸發事件詳解161

6．4．2添加時間軸觸發器使動畫循環播放161

6．4．3在時間軸中使用標簽164

6．4．4添加觸發器到某個時間點165

6．5 非線性思考與設計169

6．6 iPhone和Android觸發器173

6．7 本章小結178

第7章素在動畫中的使用

7．1關於符號180

7．2創建符號181

7．2．1轉換為符號181

7．2．2導出符號182

7．2．3導入符號182

7．3使用符號183

7．3．1將符號應用到舞臺183

7．3．2制作氣泡動畫183

7．3．3編輯符號186

7．3．4復制符號187

7．3．5重命名符號188

7．3．6刪除符號188

7．4在符號時間軸上的運用188

7．5使用滑過變換動畫創建按鈕符號193

7．5．1制作基礎網頁按鈕動畫193

7．5．2制作復雜網頁按鈕動畫195

7．6創建下拉菜單選項200

7．6．1制作垂直導航菜單200

7．6．2制作下拉導航菜單205

7．7使用滑過變換動作創建文字標注212

7．8本章小結214

第8章 HTML和CSS樣式在Edge Animate中的應用

8．1認識HTML216

8．1．1關於HTML文檔216

8．1．2HTML文檔標簽217

8．1．3關於HTML5217

8．2認識CSS樣式218

8．2．1關於CSS樣式218

8．2．2CSS樣式語法218

8．2．3CSS樣式規則218

8．2．素應用ID CSS樣式219

8．2．素應用類CSS樣式219

8．2．64種應用CSS樣式的方式219

8．3Edge Animate與HTML的關繫220

8．3．1讀懂Edge Animate創建的HTML文檔220

8．3．2以Edge Animate開啟HTML文檔221

8．4在網頁中應用動畫224

8．5在同一個網頁中應用兩個不同的動畫227

8．6本章小結228

第9章 使用JavaScript和jQuery控制動畫

9．1了解JavaScript和jQuery231

9．1．1什麼是JavaScript231

9．1．2JavaScript基礎231

9．1．3什麼是jQuery231

9．2Edge Animate創建的JavaScript231

9．2．1認識自動創建的JavaScript231

9．2．2Edge Animate動畫項目相關的JavaScript文件232

9．3JavaScript和jQuery基礎233

9．3．1JavaScript語法中的基本要求233

9．3．2JavaScript數據類型235

9．3．3定義變量235

9．3．4JavaScript運算符235

9．3．5JavaScript條件和循環語句236

9．3．6了解文檔對像模型236

9．4了解jQuery的選擇方式237

9．5在動畫中實現獲取鼠標位置及跟隨鼠標功能237

9．6使用jQuery制作拼圖動畫效果240

9．7本章小結244

第10章 Edge Animate動畫制作技巧

10．1更多顯示與隱藏技巧246

10．1．1切換對像的顯示與隱藏247

10．1．2延遲的顯示、隱藏與切換248

10．1．3淡入淡出250

10．1．4上下滑動252

10．1．5Edge Animate中更多的視覺特效253

10．1．6實現滑塊向左和向右滑動258

10．2在Edge Animate中交換素材圖像259

10．3識別素和符號262

10．3．1變量賦值262

10．3．2使用“Trigger（觸發器）”對話框為變量賦值262

10．3．3為文本框賦予HTML代碼266

10．4控制符素269

10．5播放符號的時間軸274

10．6在Edge Animate動畫中使用音頻278

10．6．1Edge Animate中所支持的音頻格式278

10．6．2為動畫添加背景音樂278

10．6．3對動畫中的音頻進行控制279

10．7在Edge Animate動畫中嵌入視頻282

10．7．1Edge Animate中支持的視頻格式282

10．7．2在動畫中嵌入視頻282

10．8本章小結284

第11章 Edge Animate動畫的發布與輸出

11．1關於動畫尺寸286

11．1．1使動畫尺寸自適應瀏覽器窗口286

11．1．2設置動畫最大和最小寬度288

11．2發布Edge Animate動畫291

11．2．1“Publish Settings（發布設置）”對話框291

11．2．2發布為Web格式292

11．2．3發布為Animate Deployment Package格式292

11．2．4發布為iBook/OS X格式293

11．3本章小結294