可視化H5頁面設計與製作 Mugeda標準教程

彭澎

教授教育部教育管理信息中心特聘專家，
NCC(新專業核心課程)項目策劃、開發負責人，
ITAT（全國信息技術應用培訓教育工程）項目負責人,
教育部自學考試專業委員會委員，北京市考試中心出題專家,
專業知識橫跨數學、計算機、藝術設計領域，
“藝術設計與科學”研究領域專家，
教育部特批的我國唯*的“設計數學”碩士專業創建者，
率先提出創建融媒體專業，有豐富的寫作經驗，
其主編和獨立撰寫教材有50餘種，
其中7種為國家十一五規劃教材，另有多種為雲南省*秀教材。

第１章移動通信、信息傳播與H5  
1.1移動通信技術概述  
1.1.1通信與移動通信  
1.1.2移動通信的發展階段  
1.1.3移動通信的優勢及應解決的關鍵問題  
1.2信息內容與信息傳播  
1.2.1信息內容及其表達形式  
1.2.2信息傳播  
1.3移動用戶終端與智能手機  
1.3. 1無處不在的移動用戶終端  
1.3.2智能手機  
1.4 H5簡介  
1.4.1 H5的基本特徵  
1.4.2 H5開發工具與H5營銷  
1.4.3 H5案例體驗  
 

第２章可視化的H5頁面製作平臺Mugeda  
2.1初識Mugeda  
2.2 Mugeda的基本功能與應用  
2.2.1 Mugeda的基本功能  
2.2.2 Mugeda的應用  
2.3體驗H5頁面製作過程  
2.3.1 Mugeda基本操作流程與賬號註冊  
2.3.2數字賬號操作  
2.3.3新建H5作品  
2.3.4編輯、刪除和發布作品  
2.3.5課堂實訓——製作“自我介紹”H5  
2.4 Mugeda的編輯界面及其操作  
2.4.1菜單欄  
2.4.2工具欄  
2.4.3頁面欄、頁面編輯區和舞臺  
2.4.4工具箱  
2.4.5屬性面板  
2.4.6課堂實訓——圖形變形練習
 

第３章屬性與基本的H5創作  
3.1工作臺頁面、作品管理頁面的主要功能與操作  
3.1.1工作臺頁面的基本結構及操作  
3.1.2作品管理頁面的主要功能及操作  
3.2舞臺的屬性與操作  
3.2.1操作任務——設置舞臺的屬性  
3.2.2課堂實訓——新建作品練習  
3.3 H5頁面的基本設計與製作  
3.3.1頁面的屬性與操作  
3.3.2操作任務——“圖文配對”遊戲  
3.3.3課堂實訓——“填字”遊戲  
3.4預置動畫  
3.4.1操作任務——“護眼檯燈”產品廣告  
3.4.2課堂實訓——“公益宣傳”廣告  
3.5元件  
3.5.1操作任務——製作壁紙  
3.5.2課堂實訓——製作產品介紹H5作品  
3.6組與長頁面  
3.6.1操作任務——製作輪播圖片效果  
3.6.2課堂實訓——製作照片輪播效果  
3.7模板的使用  
3.7.1模板的類型與商業模板的購買  
3.7.2操作任務——使用邀請函模板  
3.7.3課堂實訓——製作母親節賀卡  
3.8加載頁的設置  
3.8.1加載頁的設置操作  
3.8.2課堂實訓——設計加載頁 
 
第４章行為、觸發條件與交互  
4.1行為與觸發條件  
4.1.1 “醒一醒”動畫製作與音樂控制分析  
4.1.2行為與觸發條件介紹  
4.2時間線、圖層和幀的概念與基本操作  
4.2.1基本概念  
4.2.2圖層和幀的基本操作  
4.3幀行為交互設計與製作  
4.3.1操作任務——“看圖猜成語”遊戲  
4.3.2操作任務——“定時看圖搶答”遊戲  
4.3.3課堂實訓——製作“四格漫畫分頁播放”效果  
4.4頁行為和多層幀交互設計與製作  
4.4.1操作任務——文字按鈕交互影集  
4.4.2操作任務——圖片按鈕交互影集  
4.4.3課堂實訓——製作交互影集和交互遊戲  

第5章幀動畫設計與應用  
5.1幀動畫製作基礎  
5.1.1製作幀動畫的基本方法和過程  
5.1.2操作任務——“放氣球”幀動畫  
5.2動畫幀的操作與動畫中物體運動狀態的 化  
5.2.1插入幀——將動畫運動速度調慢  
5.2.2刪除幀——將動畫運動速度調快  
5.2.3複製幀——將動畫重複播放  
5.2.4移動幀——調整動畫中物體的運動時間  
5.2.5複製圖層與復制幀  
5.3運動鏡頭幀動畫製作  
5.3.1 “街景”移鏡頭幀動畫  
5.3.2 “飛機飛行”跟鏡頭幀動畫  
5.3.3 “通道”推鏡頭幀動畫  
5.3.4 “共享自行車”搖鏡頭幀動畫  
5.3.5課堂實訓——運動鏡頭幀動畫製作練習  
5.4運動鏡頭幀動畫設計製作案例  
5.4.1操作任務——“倒黴的貓”幀動畫  
5.4.2課堂實訓——運動鏡頭幀動畫製作與應用 
 
第6章特型動畫  
6.1進度動畫  
6.1.1操作任務——“繪製小房子”進度動畫  
6.1.2課堂實訓——製作“保護動物”動畫廣告  
6.2路徑動畫  
6.2.1操作任務——“UFO來了”路徑動畫  
6.2.2課堂實訓——製作汽車動畫廣告  
6.3變形動畫  
6.3.1操作任務——“五角星變小汽車”變形動畫  
6.3.2課堂實訓——製作LED燈的H5動畫廣告  
6.4遮罩動畫  
6.4.1操 作任務——“走光”動畫效果  
6.4.2課堂實訓——製作“走光”動畫效果  
6.5元件動畫  
6.5.1操作任務——“飛機群飛”動畫  
6.5.2課堂實訓——製作禁煙廣告動畫元件及作品  
6.6動畫控制  
6.6. 1操作任務——雙按鈕動畫控制  
6.6.2操作任務——單按鈕動畫控制 
 
第7章實用工具及其應用  
7.1虛擬現實工具  
7.1.1製作虛擬場景  
7.1.2添加熱點和編輯熱點參數  
7.1.3播放控制設置  
7.1.4添加更多場景  
7.1.5課堂實訓——製作室內虛擬現實場景  
7.2微信定製工具  
7.2.1微信頭像  
7.2.2微信暱稱  
7.2.3定製圖片  
7.2.4發布與使用  
7.2. 5課堂實訓——製作個性化微信頁面  
7.3圖表工具  
7.3.1圖表的製作方法  
7.3.2課堂實訓——製作學生成績圖表  
7.4表單工具和數據統計  
7.4.1操作任務——“城市人口愛好”調查表  
7.4.2數據統計  
7.4.3編輯表單  
7.4.4課堂實訓——製作“*受遊客歡迎的景區”調查表  
7.5預置考題工具  
7.5.1操作任務——製作模擬練習題  
7.5.2課堂實訓——製作練習題  
7.6陀螺儀工具  
7.6.1陀螺儀工具的使用方法  
7.6.2課堂實訓——製作“放孔明燈”交互頁面  
7.7其他實用工具  
7.7.1幻燈片工具  
7.7.2擦玻璃工具  
7.7.3點贊工具  
7.7.4繪畫板工具  
7.7.5隨機數工具
  
第8章交互邏輯案例解析  
8.1 “猜謎”遊戲  
8.2 “拼圖”遊戲  
8.3 “射擊”遊戲