h5頁面怎麼製作

1、新增基礎元件，點選中間區域，添加個文字試一下，選擇中號字。

2、添加個圖片，點選媒體，選擇圖片，上傳圖片，選中圖片即可加入當前頁面。

3、點選媒體，選擇音訊，點選上傳音訊，選中上傳的音訊即可加入到當前頁面。另外還可以新增視訊等其它元件。

4、設定頁面，我們先設定下背景，點選背景。點選顏色框選擇顏色作為背景，當然也可以點選後面的圖片，從電腦中選擇圖片作為背景。

5、設定物件，背景設定完成，需要選擇物件進行設定樣式等。文字：我們選中剛新增的文字，在右側的“編輯“中可以調整顏色、行高、對齊方式、文字投影等屬性。

6、圖片：同樣的也是選中圖片，通過右側屬性面板進行編輯。通過外觀及編輯屬性，可以修改背景，旋轉等。音訊：音訊也是通過屬性，可以選擇是不是自動播放背景音樂。還可以更改音訊的圖片背景等等。

7、新增動畫。新增動畫的方式跟樣式修改一樣，也是需要選中目標，然後在右側的動畫屬性中修改。可以選擇讓文字彈跳出現，然後再讓圖片彈跳進入，最後讓音樂脈動進來。先選中圖片，點選“新增動畫“按鈕，新增一個動畫。然後用同樣的方式把圖片跟音樂設定好。通過下方可以直接拉動時間和順序，便於控制。

8、新增事件。通過上面的步驟基本就設定完成一個H5頁面。這個事件分為三類，一個是連結類，比如點選文字，跳轉到頁面。

9、下載類，直接跳轉去下載APP。控制類，可以為不同的按鈕繫結不同的控制類事件，當輕點“播放歌曲1”按鈕時，“歌曲1”播放，“歌曲2”暫停。

10、創作完成之後，點選預覽，可以觀看製作的H5的效果。最後點擊發布就可以。