h5海报怎么做?如何制作六一儿童节H5页面?

可以使用 意派Epub360 来制作，是可以制作PC、PAD和移动端的。

平台设置截图：

一、首先，这种可以翻页并可以合成图片的链接是H5，当然你看到的也可能是一张图片上放了一张二维码，本质上是一些网页，用代码完成了一些合成海报的功能交互。

这种H5常见的就是网易出品的一些H5，可以在微信朋友圈搜索如《网易睡姿大比拼》H5，《创造我的草莓音乐节》H5，《你的哲学气质》H5等，这些很常见，也好理解。

这一类H5统称为“合成海报”H5。

二、其次，因为H5是一页一页的，可以做成滑动翻页式的。

三、最后，关于如何制作这一类H5，我这边知道的是意派Epub360可以做，暂时是免费功能。

如果需要详细的直接在百度搜索    截屏组件教程   即可。

教程如下：

有了“截屏”组件，就可以将H5页面内容合成图片，用于：

制作个性化邀请函

单页海报

游戏获奖证书

照片拼图......

将 “截屏” 图片分享，相比较于缩略图配合文案的形式，也更直观、内容也更丰富。

一、设置方法

1. 在页面中放好图片、段落、组件，这些都是需要放到合成图片中的

2.点击添加截屏组件

3. 将页面内图片／段落组件添加到 “截屏” 组件中：

4.  添加一些提示用户操作的提示语和按钮（这个可以根据自己的需要来）

5. 案例里，是给 “完成”按钮 添加了点击触发器，触发 “截屏”   来合成图片

6.直接在当前页显示截图

关键点：截屏组件／一张要替换的图片（该图片右侧面板勾选初始隐藏）

尺寸建议跟截屏组件的截屏区域一致，如果没有勾选截屏区域，默认截屏区域是画布尺寸内框。

一般如图设置

截屏关联到要替换的图片，截屏成功后触发――图片显示。

7.合成后的图片如何保存下来？

一定要给最终用来显示的图片组件（也就是那张用来替换的图片），勾选 “二维码识别”，这样才可以长按后弹出菜单进行保存或转发。

8.合成图片的尺寸规格

一定要有一个底图，这个底图建议设计尺寸为：740x1136px

最终合成好的图片取画布内框尺寸：640 x 960px

叮咚，六一儿童节又快到了，不知道各位小伙伴们准备好如何用H5页面这种方式借势营销了嘛？本期我们使用的是 意派Epub360 H5编辑器，希望本期教程可以给你带来一些灵感和启发~

工具/原料

联网的电脑一台

意派epub360账号

儿童节相关的图片、音频等素材

方法/步骤

1、网上搜索 Epub360 ，进入官网注册登录，进入工作台，点击左侧创建第一个空白的H5作品

2、进入工作台，点击左上角的“+”，创建第一个作品

3、我们在第一页添加六一儿童节相关的图片素材，并排版好，在左侧资源面板可以找到对应的图层进行替换

4、我们在第二页添加背景、题目和选项图片按钮，接着添加“按钮组”组件和参数变量，绑定这四个选项，并设置每个选项的得分，在触发器上设置点击总分=总分+ 按钮组组件

5、我们复制第二页，修改题目和选项的图片，并调整好选项的得分，按照这个方法，我们复制出九个页面（一共十道题），调整好每个页面的内部

6、然后我们新建一个界面，设置六一儿童节的结果海报和不同分值的文案，添加截屏组件，关联需要参与截屏的元素，并赋值到一张空白的图片上，这个图片需要勾选“允许微信长按识别保存图片”

7、这样，我们整体的案例就做好，可以点击编辑器左上角预览和发布，进行查看和发布出去啦

END

注意事项

如果需要跨页显示，则需要添加文本类型的全局变量

请使用谷歌浏览器编辑制作

最后的图片需要勾选支持微信识别长按保存

本期教程较为笼统介绍制作思路，适合中级epub360的同学

拓展阅读：《【测试题案例教程】根据得分获得不同结果》