談到H5，實際上就是HTML5，新的HTML標準，通常我們稱之為H5，實際中那種炫酷的多媒體頁面，小動畫等等，H5設計旨在支持移動設備上的多媒體功能，因此H5頁面制作非常簡單。百度H5移動端是H5頁面快速制作工具平臺。下面就由小編為您介紹一下如何在線制作H5頁面？一起來看看吧！

百度H5

2.2

7條點評

咨詢產品

免費試用

解決用戶選型困難的好軟件，有各維度的信息

客戶案例

暫無

合作品牌

暫無

如何在線制作H5頁面？

百度H5

      也是偶爾用百度腦圖的時候發現有這么個H5在線制作平臺，目前還是屬于測試階段，可以幫助大家制作簡單的動畫，包括產品演示、招聘廣告、邀請函、賀卡、情人表白等等。

如何使用百度H5?

1
首先我們先進入百度H5。

2
使用百度賬號進行登錄。

3
填完信息，點擊提交，即可開始試用。

4
進入之后需要先設置H5作品名稱。然后會讓你選擇想要的項目類型，

     “分頁布局”以及 “整頁布局”，前者是翻頁閱讀的 h5 模式，就是創建很多個頁面，后者是普通單頁網頁模式。

名稱設置完成就可以進入編輯區域，我們先看一下界面，找個完整一點的H5示范看一下：

左上角是保存及撤銷操作區域；左下方是文件區域，選擇文件進行編輯；

中間上方是編輯區域，添加文字，圖片都在這里操作；

中間下方是組件顯示區域，可以更改動畫時間等；

右側為時間及動畫編輯區域，選中對象，添加動畫。

制作H5過程

第一步添加基礎組件

       點擊中間區域，我們添加個文本試一下，選擇中號字。

       然后我們添加個圖片，點擊媒體，選擇圖片，上傳圖片，選中圖片即可加入當前頁面。

       一個頁面怎么能少了音樂呢，還是點擊媒體，選擇音頻，點擊上傳音頻，選中上傳的音頻即可加入到當前頁面。

       另外還可以添加視頻等其它組件。

第二步，設置頁面，我們先設置下背景，點擊背景。

      我們可以點擊顏色框選擇顏色作為背景，當然也可以點擊后面的圖片，從電腦中選擇圖片作為背景。

第三步，設置對象，背景設置完成，需要選擇對象進行設置樣式等。

文字：我們選中剛添加的文本，在右側的“編輯“中可以調整顏色、行高、對齊方式、文本投影等屬性。

      我們可以右上角的預覽，對效果進行實時預覽。

圖片：同樣的也是選中圖片，通過右側屬性面板進行編輯。通過外觀及編輯屬性，可以修改背景，旋轉等

音頻：音頻也是通過屬性，可以選擇是不是自動播放背景音樂。還可以更改音頻的圖片背景等等。

第四步，添加動畫。添加動畫的方式跟樣式修改一樣，也是需要選中目標，然后在右側的動畫屬性中修改。比如，我們可以選擇讓文字彈跳出現，然后再讓圖片彈跳進入，最后讓音樂脈動進來。

      我們先選中圖片，點擊“添加動畫“按鈕，添加一個動畫。然后用同樣的方式把圖片跟音樂設置好。通過下方可以直接拉動時間和順序，便于控制。

第五步，添加事件。通過上面的步驟 基本就設置完成一個H5頁面。

      這個事件分為三類，一個是鏈接類，比如點擊文字，跳轉到頁面。

      還有就是下載類，直接跳轉去下載APP

       控件類，可以為不同按鈕設置不同的控件類事件，當按“播放歌曲1”鍵時，“歌曲1”開始播放，“歌曲2”暫停。在創作完成后，點擊預覽，即可看到制作H5效果。最終按下發布按鈕。以上內容就是小編為您介紹的如何在線制作H5頁面？希望本篇文章可以為您帶來一些幫助！