叮咚谜嫉,六一兒童節(jié)又快到了,不知道各位小伙伴們準(zhǔn)備好如何用H5頁面這種方式借勢營銷了嘛凹联?本期我們使用的是?意派Epub360?H5編輯器沐兰,希望本期教程可以給你帶來一些靈感和啟發(fā)~
工具/原料
聯(lián)網(wǎng)的電腦一臺
意派epub360賬號
兒童節(jié)相關(guān)的圖片、音頻等素材
方法/步驟
1匕垫、網(wǎng)上搜索 Epub360 僧鲁,進(jìn)入官網(wǎng)注冊登錄,進(jìn)入工作臺象泵,點擊左側(cè)創(chuàng)建第一個空白的H5作品
2寞秃、進(jìn)入工作臺,點擊左上角的“+”偶惠,創(chuàng)建第一個作品
3春寿、我們在第一頁添加六一兒童節(jié)相關(guān)的圖片素材,并排版好忽孽,在左側(cè)資源面板可以找到對應(yīng)的圖層進(jìn)行替換
4绑改、我們在第二頁添加背景、題目和選項圖片按鈕兄一,接著添加“按鈕組”組件和參數(shù)變量厘线,綁定這四個選項,并設(shè)置每個選項的得分出革,在觸發(fā)器上設(shè)置點擊總分=總分+ 按鈕組組件
5造壮、我們復(fù)制第二頁,修改題目和選項的圖片骂束,并調(diào)整好選項的得分耳璧,按照這個方法,我們復(fù)制出九個頁面(一共十道題)展箱,調(diào)整好每個頁面的內(nèi)部
6旨枯、然后我們新建一個界面,設(shè)置六一兒童節(jié)的結(jié)果海報和不同分值的文案混驰,添加截屏組件攀隔,關(guān)聯(lián)需要參與截屏的元素皂贩,并賦值到一張空白的圖片上,這個圖片需要勾選“允許微信長按識別保存圖片”
7竞慢、這樣先紫,我們整體的案例就做好,可以點擊編輯器左上角預(yù)覽和發(fā)布筹煮,進(jìn)行查看和發(fā)布出去啦
END
注意事項
如果需要跨頁顯示,則需要添加文本類型的全局變量
請使用谷歌瀏覽器編輯制作
最后的圖片需要勾選支持微信識別長按保存
本期教程較為籠統(tǒng)介紹制作思路居夹,適合中級epub360的同學(xué)
拓展閱讀:《【測試題案例教程】根據(jù)得分獲得不同結(jié)果》