長頁面H5製作步驟非常簡單，基本上大部分的H5平臺都支援長頁面製作，其中人氣比較高的就是人人秀、易企秀、兔展這些。

長頁面H5如何製作？

步驟一：建立空白活動

步驟二：加入長頁面背景

進入H5編輯器之後，選擇背景，更換背景。在更換背景中，您可以上傳自己設計的長頁面，也可以在我們的背景庫中尋找合適的使用。

步驟三：設定長頁面背景

我們在背景庫中選擇一款背景，勾選長頁面，併為您的頁面設定畫素數。（單頁為1008畫素）

調節背景選區，讓背景中的圖案顯示在合適位置。

預覽欄中明亮部分為長頁面在手機中顯示的第一頁。設定背景模式為固定。

固定代表頁面會自動填充。如果設定為滾動，在背景大小和長頁面大小不一致的情況下頁面會出現空白。

步驟四：設定停止翻頁

對於單頁的長頁面，可以勾選停止翻頁。因為下劃長頁面和向後翻頁手勢一致，如果不勾選，則在滑動長頁面時有可能會翻頁至後一頁。至此，一個長頁面背景就製作完成，您只需要在長頁面上新增諸如圖片、音樂、互動等其它元素，就能夠成功的製作出一個完整的長頁面了。

步驟五：直接套用模板

除了以上的方法之外，還可以直接選擇一個長頁面模板直接套用，更加簡單方便。

製作長頁面H5十分簡單，使用意派Epub360 h5工具往往只是需要幾個步驟：

一、場景應用

長頁面常用於連續的內容展示，並可以配合手勢滑動效果去做一些相關的互動。

二、功能設定

2.在頁面資訊處勾選“啟用長頁面”。勾選後，畫布的底部會出現可以拖動的灰色條，拖動它就可以將畫布縱向加長，如下圖，

3.向下拖動後，畫布會延長，此時畫布上會留下一跳灰色的線條，這個線條就是正常畫布的出血線，以方便觀察長頁面中一屏的位置，如下圖，

4.除了拖動外，還可以直接輸入數值，如下圖，

5.長頁面案例：一個頁面搞定所有