【PConline 应用】毕业季的时候，做个可互动的相册，展现曾经共处的时光，照片中加上幽默备注，加上老师寄语，还有可收集同学们联系方式和毕业留言的表单功能，加点互动组件，一个能互动的足以吸引眼球的毕业册就闪亮登场了，真是轻松愉快，想想我们以前还得拿着一个本本到处找同学留言签名。
既然决定了做个相册，就要考虑用啥方式展现的好，现在啥最流行，那当然是智能手机了，那就用流行的H5展示吧，现在有许多傻瓜式的H5制作工具，让用户可以轻松打造靓丽的H5场景，既可以从零开始大招也有模板可以轻松套用，着实方便我等没有艺术天分的用户。此外，H5场景还能添加互动元素，并且目前的H5制作工具大多都为用户免费提供存储空间，并且制作工具是免费的，也就没有那么多繁琐的事了。
那么使用H5制作工具制作H5场景简单不？要怎么做呢？接下来小编就以制作一个毕业相册为例，一起来看看傻瓜式的H5场景搭建简单不，本文以较为流行的H5制作工具MAKA为例。其它的H5制作工具大同小异，自行选择喜欢的。
关于H5（HTML5）：H5是集文字、图片、音乐、视频、链接等多种形式的展示页面，它拥有丰富的控件、灵活的动画特效、与用户交互的能力及数据分析能力。
图1 轻松打造毕业互动相册
傻瓜式的H5场景搭建之一 寻找适合的模板
如果你不想花太多的时间去自己从零开始打造一个H5场景，那么使用H5制作工具所提供的模版来进行DIY进行一定的改造，就能快速的制作出适合自己的H5场景，轻松愉快。MAKA为用户准备了丰富的H5场景模板，并将它们进行了详细的分类及有模板专题，加上搜索功能，让用户可以快速的找到自己需要的模板。
图2 模板分类
图3 搜索“毕业”可得到一堆不同风格场景
选择场景的时候用户可以先预览场景，看到喜欢才下手。需要注意的是有些场景是免费的，有些则是收费的，不过10多块钱的版权费也不贵。
图4 可预览场景
傻瓜式的H5场景搭建之二 修改模板
选好后就可以进行模板的编辑操作了。使用MAKA制作H5场景比较的简单，进入场景编辑页面，就可以根据自己的需要来对模板上的文字、图片、素材及表单进行添加修改，用户可以轻松的复制、删除、排序页面。可惜的是，图片不支持旋转功能，而且画板也不支持横版模式。
图5 模板编辑页面
图6 可对页面进行复制删除及拖动排序
傻瓜式的H5场景搭建之三 可添加的内容有哪些
文本内容中用户可以向场景中添加文字内容，字体、字号、透明度、旋转什么的一应俱全，MAKA还为用户准备了不少文字贴纸，这些贴纸可放大缩小，可改变文字内容，只是奇怪的设置是，放大缩小的时候并不是整体放大缩小而是单独组件放大缩小的。
图7 添加文本内容
图8 可添加文本贴纸
素材页面用户可以使用MAKA为用户准备的图片素材内容，用户也可以自行上传图片素材。
图9 丰富的素材内容
形状元素栏目则可以添加不少符号图标，还能添加数据图表。
图10 形状元素
链接栏目中用户可以往场景中添加互动点赞、倒计时、发起拨号（用户点击后直接跳转到系统拨号页面）、跳转链接。
图11 链接栏目
特效栏目则可以为场景元素添加各种的特效。最多人玩的就是擦一擦，要擦掉屏幕中的水雾才能看清被遮挡的内容。
图12 特效栏目
图13 擦一擦效果
在高级功能中还能添加各种好玩的互动内容，如测试调查、表单、投票、接力、地图、图组、抽奖等内容。表单等获取到的互动内容是可以在后台查看到的。添加表单，收集同学们的联系方式和留言，然后导出，做通讯录什么的简单快捷。
图14 高级功能
图15 添加表单内容
傻瓜式的H5场景搭建之四 预览场景与发布分享
场景DIY完毕后，可以进行预览操作，预览测试无误后，就可以通过扫描二维码形式来将作品分享到微信等地方了。
图16 预览与发布
傻瓜式的H5场景搭建之五 查看战果收集数据
MAKA还为用户准备了丰富的统计数据，每个用户作品都有单独的统计页面，在统计数据页面，用户可以查看到该作品的浏览量、查看的用户量、传播途径、访客分析等内容，整体数据可导出为excel文件。而互动表单收集的内容也可以在这里查看到详细内容，并且同样可以导出为excel文件，非常方便。用户还可随时上线下线H5场景。
图17 详细的统计数据
图18 可以自由上线、下线、复制、删除场景
总结
使用傻瓜式H5制作工具，经过用户简单的改造，就能获得一个适用于自己的H5场景，当然你也可以自行打造一个全新的场景。个人的H5宣传秀，企业搞活动、同学聚会邀请函、新年拜年、毕业相册、家庭相册等等的以H5场景展示出来，可以大大的吸引眼球，还能添加互动内容增加乐趣与方便数据收集，你也来试试吧。
