如何制作六一兒童節(jié)答題測(cè)試H5頁面？
時(shí)間：2023-07-06 01:18:01 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-07-06 01:18:01 來源：網(wǎng)站運(yùn)營(yíng)
如何制作六一兒童節(jié)答題測(cè)試H5頁面？：叮咚，六一兒童節(jié)又快到了，不知道各位小伙伴們準(zhǔn)備好如何用H5頁面這種方式借勢(shì)營(yíng)銷了嘛？本期我們使用的是 意派Epub360 H5編輯器，希望本期教程可以給你帶來一些靈感和啟發(fā)~
工具/原料
- 聯(lián)網(wǎng)的電腦一臺(tái)
- 意派epub360賬號(hào)
- 兒童節(jié)相關(guān)的圖片、音頻等素材
方法/步驟
1、網(wǎng)上搜索 Epub360 ，進(jìn)入官網(wǎng)注冊(cè)登錄，進(jìn)入工作臺(tái)，點(diǎn)擊左側(cè)創(chuàng)建第一個(gè)空白的H5作品
2、進(jìn)入工作臺(tái)，點(diǎn)擊左上角的“+”，創(chuàng)建第一個(gè)作品
3、我們?cè)诘谝豁撎砑恿粌和?jié)相關(guān)的圖片素材，并排版好，在左側(cè)資源面板可以找到對(duì)應(yīng)的圖層進(jìn)行替換
4、我們?cè)诘诙撎砑颖尘?、題目和選項(xiàng)圖片按鈕，接著添加“按鈕組”組件和參數(shù)變量，綁定這四個(gè)選項(xiàng)，并設(shè)置每個(gè)選項(xiàng)的得分，在觸發(fā)器上設(shè)置點(diǎn)擊總分=總分+ 按鈕組組件
5、我們復(fù)制第二頁，修改題目和選項(xiàng)的圖片，并調(diào)整好選項(xiàng)的得分，按照這個(gè)方法，我們復(fù)制出九個(gè)頁面（一共十道題），調(diào)整好每個(gè)頁面的內(nèi)部
6、然后我們新建一個(gè)界面，設(shè)置六一兒童節(jié)的結(jié)果海報(bào)和不同分值的文案，添加截屏組件，關(guān)聯(lián)需要參與截屏的元素，并賦值到一張空白的圖片上，這個(gè)圖片需要勾選“允許微信長(zhǎng)按識(shí)別保存圖片”
7、這樣，我們整體的案例就做好，可以點(diǎn)擊編輯器左上角預(yù)覽和發(fā)布，進(jìn)行查看和發(fā)布出去啦
END
注意事項(xiàng)
- 如果需要跨頁顯示，則需要添加文本類型的全局變量
- 請(qǐng)使用谷歌瀏覽器編輯制作
- 最后的圖片需要勾選支持微信識(shí)別長(zhǎng)按保存
本期教程較為籠統(tǒng)介紹制作思路，適合中級(jí)epub360的同學(xué)
拓展閱讀：《【測(cè)試題案例教程】根據(jù)得分獲得不同結(jié)果》
在線咨詢