叮咚，六一兒童節(jié)又快到了，不知道各位小伙伴們準備好如何用H5頁面這種方式借勢營銷了嘛？本期我們使用的是 意派Epub360 H5編輯器，希望本期教程可以給你帶來一些靈感和啟發(fā)~

工具/原料

• 聯(lián)網(wǎng)的電腦一臺

• 意派epub360賬號

• 兒童節(jié)相關的圖片、音頻等素材

方法/步驟

1、網(wǎng)上搜索 Epub360 ，進入官網(wǎng)注冊登錄，進入工作臺，點擊左側創(chuàng)建第一個空白的H5作品

2、進入工作臺，點擊左上角的“+”，創(chuàng)建第一個作品

3、我們在第一頁添加六一兒童節(jié)相關的圖片素材，并排版好，在左側資源面板可以找到對應的圖層進行替換4、我們在第二頁添加背景、題目和選項圖片按鈕，接著添加“按鈕組”組件和參數(shù)變量，綁定這四個選項，并設置每個選項的得分，在觸發(fā)器上設置點擊總分=總分+ 按鈕組組件

5、我們復制第二頁，修改題目和選項的圖片，并調整好選項的得分，按照這個方法，我們復制出九個頁面（一共十道題），調整好每個頁面的內部

6、然后我們新建一個界面，設置六一兒童節(jié)的結果海報和不同分值的文案，添加截屏組件，關聯(lián)需要參與截屏的元素，并賦值到一張空白的圖片上，這個圖片需要勾選“允許微信長按識別保存圖片”

7、這樣，我們整體的案例就做好，可以點擊編輯器左上角預覽和發(fā)布，進行查看和發(fā)布出去啦

END

注意事項

• 如果需要跨頁顯示，則需要添加文本類型的全局變量

• 請使用谷歌瀏覽器編輯制作

• 最后的圖片需要勾選支持微信識別長按保存

本期教程較為籠統(tǒng)介紹制作思路，適合中級epub360的同學

拓展閱讀：《【測試題案例教程】根據(jù)得分獲得不同結果》