H5页面简易教程
用表单做投票
Learn something Everyday
H5页面简单易学,适合有PPT制作基础的宝宝制作有动画、互动效果的页面。
嗯,就是酱紫。
事情的起因是酱的,之前和小伙伴们办了个单位内部的比赛,现在进行到了线上投票环节,由于组委会的宝宝们没有任何人有制作线上投票的经验,所以这项任务被多才多艺冰雪聪明举一反三热情认真(其实这些美好的特质我总结了一下就是:闲得慌)的我顶了下来。之前做过其他图文消息倒也算有一定基础,但之前没有做过网络投票,所以首先当然是要简单尝试几家做H5的平台。
人人秀挺耳熟的吧,总看到各种推广页面最后标着这个名字。刚一注册就接到一个被标记了“骚扰电话”的调查电话。嗯,然后我把它挂了。
而后又出现了新的bug——
1.作品简介部分能输入的字数有限;
2.作品只能传一张图,多图的作品只能提交拼图压根儿看不清呀啊喂;
3.能输入的项目有限(比如只能输入姓名、电话、个人简介,不许多不许少);
4.提交的作品不能修改,只能重新填一遍完整信息再提交,这个真心太不方便了;
5.……。
嗯,当然,最终是因为老板说要我在备选的作品中加些信息,但在人人秀上加数据信息无异于从头重新做一遍,绝望地放弃了人人秀这条路……
MAKA是我前段时间在应用商城里偶然看到的H5制作app,也有网页版,也可以制作投票。发现的第一个缺点依然是——免费的模板好少呀!虽然我每次都是自己设计,不过不主动给提供大量免费模板依然感觉不开熏。大概就像即使你不爱吃水果,你依然对一个同等条件下免费提供水果的餐厅印象更好,至少态度好嘛。
进到模板商城,赶紧挑一个免费模板试试。这时候发现了另一个大bug——不能添加详细信息,也不能点击放大图片……这么小一个框我真的没办法放一首诗进去。
但是MAKA很有意思的一点是,动画效果示意图做的相当直观,直接通过示意图就可以基本确定这是不是你想要的效果。当然,主要矛盾不能解决,这些锦上添花的功能对朕来说也没有什么用。
嗯嗯然后在百度爸爸的指引下又看到了另一个制作H5的平台——“最酷”,结果在我提交的时候告诉我“您的云平台尚未通过审核”??Excuse Me??嗯,我赶时间,再见。
其实我还试了问卷星,但是做出来实在是有点不美丽,就不赘述了,直接进入最后一个平台。咳咳你可能要问:作为一个合格的测试员,你不是应该把易企秀之类的知名平台都测试个遍嘛?但是,我要负责任地告诉你——
作为无敌·不走寻常路·汪汪酱,我才不要那么自找麻烦!好吧,我承认其实是因为我懒。所以接下来就直接进入正题,讲讲朕的老朋友秀米吧(哈哈哈当然不是做广告,但是毕竟秀米是我第一个用的消息制作平台,功能也齐全,感情还是很深厚的)。秀米是一个比较基础也比较全面的图文信息制作平台,功能较为全面,无论你想套用模板还是自由创作都还挺好用的。今天第一次了解“表单”这个工具,感觉以后也是大有可为啊哈哈哈。
首先来了解一下表单的含义,引自百度百科:
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。
用人话总结一下重点,表单的作用就是用来进行“采集数据”,比如统计所需信息啦(报名、建议)、统计选项啦(投票)……嗯,记住这就成!
投票说白了就是一种选择,因此投票完全可以用选择代替。选择分为单选和多选,与人人秀等微信投票平台不同的是,秀米的选择只能看到选项,没有位置放置图片等详细信息。
当然,在机智的汪汪酱大侠手里这都不是问题——把所有参赛作品都放在前面依次展示一遍,最后再进行统一投票,一来为每个作品提供了更宽阔的展示空间,二来也解决了投票部分只有简单文字描述的局限。在进行作品展示的时候还可以使用具有个性的排版和动画效果,比如下面的组诗作品,可以采用翻页的方式浏览,是不是比简单的文字或者照片有意思多了呢?
作品罗列完毕后,就可以根据作品或者作者顺序设置投票了。秀米的表单在“系统模板”-“表单”中,把表单中的“多选”拉入场景(如果你要求只选一项,使用“单选”表单即可),并设置问题和选项。
问题设置完毕后,有一个关键步骤,就是设置“提交按钮”,漏掉这一步,会导致选项无法提交哦。具体做法很简单,只需要添加一个普通按钮,设置动作为“提交表单”,投票结束后点击此按钮,我们的选择就会被自动提交到系统里了。
总结一下,如果是普通简单的投票(比如一张照片选美什么的)还是推荐用人人秀等平台,因为可供选择的模板和素材更多,投票的时候可以直观地看到候选选项,而且支持线上报名。当然如果你一百年挚爱从零开始制作模板(比如汪汪酱大侠这个手残志坚的同志),并且心有余、力也足,那就不要被平台限制住,随心选啦!吼吼吼!
好啦今天就这啦!晚安哦!
领取专属 10元无门槛券
私享最新 技术干货