兔展：像制作PPT一樣制作炫酷的H5

Step 1-注冊并登錄賬號

1.建議使用谷歌瀏覽器登錄兔展官網www.rabbitpre.com，點擊頁面右上角【注冊】按鈕，填寫相關信息，注冊完成

2.若已有兔展賬號，可直接登陸www.rabbitpre.com

注冊、登錄與密碼問題（←點擊查看更多詳情）

Step 2-新建作品

1.登錄模板市場www.rabbitpre.com/store/recommend，按照需求選擇相關分類或者搜索關鍵詞查找合適模板，并點擊立即使用
2.如果是免費模版，點擊【立即使用】—【去制作】即可；如果是付費模版，點擊【立即購買】，可支持支付方式（余額/支付寶/微信），后點擊【確認支付】購買模版即可。

新建作品、保存作品、發布作品、修改作品與刪除作品（←點擊查看更多詳情）


Step 3-編輯文本

1.替換模板文本：雙擊文本框即可編輯
2.新建文本：點擊上方菜單【文字】，即可雙擊編輯
3.文本設置：可按照需求設置文字大小、字體、顏色、行距字距等

注：打字機動畫驚喜上線，讓文字動起來
設置方法：點擊文本框，右側選擇打字機動畫即可

Step 4-編輯圖片

1.替換模板圖片
2.自定義上傳圖片：點擊上方【圖片】按鈕，點擊上傳圖片（圖片大小限制在5m以內，可批量上傳）

Step 5-編輯形狀

1.點擊上方【形狀】按鈕，選擇需要的形狀，右側可設置形狀顏色、高級樣式、動畫等



Step 6-設置背景及翻頁

1.點擊上方【背景】按鈕，可上傳自定義背景圖，也可設置純色背景并應用到全部頁面。
2.選擇想要的翻頁動畫（可應用到全部頁面也可分別設置）
3.全局設置：可開啟翻頁循環、翻頁指引，自動翻頁


Step 7-設置互動功能
1.表單：添加需要的表單組件，可設置相應的表單屬性及動畫
2.按鈕：添加按鈕，可設置按鈕的樣式、動畫及觸發事件
3.點贊：添加點贊按鈕，可設置點贊的形狀、布局，動畫等
4.地圖：默認高德地圖，可輸入地址并設置動畫，在預覽頁可進行導航
5.留言：添加留言組件，可設置留言標題、開啟彈幕并設置動畫
6.一鍵撥號：添加一鍵撥號，可輸入號碼，在手機端就可點擊撥打
7.倒計時器：添加倒計時，可設置倒計時的樣式、終止時間、到期后操作、文本及數字顏色，動畫等
8.指紋計數：添加指紋計數，可設置提示語、指紋圖片及動畫等
9.微信頭像：添加微信頭像后，在手機端預覽可顯示瀏覽者微信頭像

Step 8-添加背景音樂/音頻

1.點擊上方【音頻】按鈕，選擇【背景音樂】，右側點擊【添加音頻】，可上傳音樂或選擇音樂庫的音樂，還可以設置音樂循環、自動，是否顯示在全部頁面等
2.選擇【添加音頻】，可設置音頻組件的封面，其他如上

Step 9-添加視頻

1.可上傳本地視頻、一視作品，在線視頻通用代碼（優酷、騰訊）
2.添加成功之后可調整視頻在畫面的尺寸，旋轉角度等

Step 10-調整頁面

1.中心區：可撤銷回上一步或返回下一步；可預覽當前頁；可編輯圖層，鎖定或隱藏圖層；可導入psd頁面（詳看PS導入寶典）；在頁面的底部有拉長縮短按鈕，可以單獨作為長頁作品，也可普通頁和長頁相結合

2.左側菜單區：可上下移動頁面順序；復制頁面；刪除頁面；



Step 11-設置動畫

Step 11-設置觸發事件 （tip：文字、圖片、形狀，按鈕可設置觸發事件）

1.跳轉頁面：點擊某素材可跳轉到指定一頁，只能觸發一次
2.跳轉外鏈：點擊某素材可跳轉到指定的外部鏈接
3.撥打號碼：點擊某素材可外撥指定的號碼（僅手機端可撥）
4.顯示隱藏：點擊某素材可顯示或者隱藏當前頁的其他素材

Step 12-預覽發布作品

1.預覽：在制作過程中，可隨時點擊【預覽】查看當前作品，也可以掃碼或復制鏈接地址在手機端預覽
2.發布：作品完成之后可點擊【發布】，可設置封面標題描述，接著可以付費解除加載頁logo及底鏈信息，發布完成