“程序猿”走开!小白也能玩转H5

来源:转载

火热的HTML5页面现在不仅仅是营销界的宠儿,一些想要在朋友圈大秀一把的人而言,对它的需求同样旺盛。制作简单、成本低,而且非常有趣,HTML5页面可以轻松、活泼、生动地将内容展现在人们面前,而且制作其实并不难,现在已经有很多平台和软件都可以让你轻松实现这一诉求。

MAKA:小白的入门级工具

MAKA是一个名副其实好用的HTML5页面制作平台,只要简单几步就可以完成注册,注册完成后有新手引导,完成引导后基本就可以了解怎么做一个简单的HTML5页面了。

和做PPT一样简单

在个人的MAKA首页,最上部菜单条的第一项就是项目选项,用户可以在这里查看和编辑所有自己创建过的HTML5页面,同时也可以创建新的项目,只要点击项目列表最上方的“新建项目”选项。

项目编辑页面上方选项栏有4个功能按钮,分别是新建文本、图片库、形状元素、按钮链接,通过这些按钮可以添加制作HTML5页面的基本要素。在这四个按钮的前面有一个模式切换按键单元,可以在“自由模式”和“固定模式”之间切换。“固定模式”可以在用户确定了HTML5页面要用的基本元素之后,对这些元素进行锁定,在编辑的过程中,只能对元素的内容和形式进行编辑,不能删除这些元素。

用MAKA制作HTML5页面类似于做一个PPT,图文内容、形状元素、超链接等都可以自行添加,添加后的每个内容元素在右边都会有两个编辑条目,一个条目可以进行内容编辑,一个条目可以进行动作编辑。例如添加图片,除了可以在右侧编辑图片的大小、透明度、圆角等,还可以编辑图片进入的速度、延迟和动作,如以1秒的速度延迟0.5秒,从左滚入。

动作编辑在内容编辑过程中是重要一环,由于同一页面可能需要表达多个内容,同时出现容易让人分不清主次,通过设置延迟可以控制不同内容出场的先后顺序,给观者更为直接的观感。动作编辑菜单栏下丰富的进入方式选项,留给了制作者庞大的创作空间,这一功能颇似制作PPT时选择元素的入画方式。不过制作一个好看的HTML5页面,动作不宜太过丰富,否则可能会导致舍本逐末,分散了观众的注意力。

如果在同一页面添加多个元素,往往会出现叠加的情况,这时就要对各个元素进行分层,例如背景图片一定是放在最底层。选中已经添加到页面的元素,右击就会出现分层调整选项,可以上移一层或下移一层,也可置底或置顶。如果想要删除已经添加的元素也是在这个选项列表里,不过如果已经在左上角将模式设置为“固定模式”,在选中右击后,在选项中不会出现“删除”选项,这一选项只有在自由模式下可见。

发布后亦可更改

点击位于项目编辑页面左下方的加号按键可以新建页面,在这里有普通模版、统计模版、特效模版三大块可供选择。在普通模版中有封面、图文、滑块、表单等几项常用的模版形式,特效模块的内容并不太多,统计模版的内容需要用户扫描二维码分享应用,然后截图发送到MAKA公众号平台,平台工作人员会在一个工作日之内为你解锁该功能。

需要提醒的是,随手保存是一个好习惯,在编辑页面的右上角会有保存按钮,每做好一项内容都应该随手点击保存。在保存的旁边是预览按键,点该按键就可对已经制作好的内容进行预览。在预览页面用户可以设置该HTML5页面的标题、分享时显示的图片,以及简短的说明性文字。所有这些都完成以后,就可以点击发布按钮,然后系统会自动生成二维码和页面链接,通过扫码和分享链接就可以将内容分享给好友或者发布在朋友圈。

值得一提的是,MAKA制作的HTML5页面分享出去之后,如果用户在个人的项目选项中对该HTML5页面进行更改,其他人看到的内容也会发生变化。

总的来说,MAKA的简易性和实用性都非常出色,成功申请了统计模块后,还可以对效果进行观察、统计和分析,是一个值得一试的HTML5页面创作平台。

epub360意派:设计师的“专业范”

epub360意派的定位既有简单易用,又有专业强大。相对于一般以提供基础入门级HTML5页面设计体验为主的平台而言,epub360意派会透出一股子专业主义的气息,不过实际上功能与内容的强大并没有过多削减它的易用性。

亮点一:

数据收集花样多

邮箱、密码、昵称,甚至不需要任何验证的过程,epub360意派就已经完成了注册并会自动跳转到个人主页。

在epub360意派的个人主页上,左侧菜单栏有作品、素材库、表单等选项,在制作HTML5页面之前,最好先将所有可能要用到的素材在“素材库”栏目内进行上传,与众多傻瓜式的HTML5创作平台不同,epub360意派没有多少模版可用,设计者更多的是得自主完成任务。所以在开始制作HTML5页面之前,先收集好要用到的图片、配饰、文字、音响等内容十分有必要,这样你在制作的过程中就不会将过多的时间用在寻找和上传素材上。

在epub360意派的编辑页面,最上方为菜单栏,除了有模版页、图文、视频、音频等一些基本选项外,还有很多具有非常强大功能的其他工具,如在幻灯片选项里可以为页面内设计幻灯片、顺序帧和相册,可以通过按钮选项在页面内设计一个复杂的按钮,实现开关、跳转、页面切换等功能。

在上部菜单栏最右侧有两个红色的热区按钮,分别为“数据应用”和“微信应用”,epub360意派与其他简易HTML5页面制作平台的最大区别或许就体现在这。在数据应用下拉栏里,有信息列表、统计列表、评论、助力列表等按键,这些按键可以实现各种数据收集功能。

亮点二:

元素编辑功能强大

epub360意派的功能强大也表现在设置面板的高可玩性上,通常添加一个元素之后,针对该元素的编辑设置面板都会包含元素的基本信息编辑、层次的编辑、动画序列编辑、按键触发器编辑,仅仅基本信息编辑中就有元素信息、页面信息、文档信息可以进行匹配调整,内容丰富和强大可见一斑。

为了方便用户处理各个层面复杂的元素, epub360意派在左侧的页面预览和编辑栏中,为当前页面设置了不同的分层管理单元,用户可以选择只对层次进行编辑调整,或者只对智能页面和背景页面进行编辑。这样做的好处在于,避免了当你在同一个页面里添加了太多元素后,对它们进行编辑和梳理顺序时的困难。

在将全部元素和页面都编辑好之后,在上部菜单栏的最左边有预览按键,点击全部预览就可以看到自己制作的HTML5页面的效果了,如果看得不够清楚,在预览页的右下方可以将页面放大至全屏。在检查完全部内容之后,就可以点击分享按钮进行分享了。系统会自动生成网页链接、iframe链接、html代码供分享使用,在分享之前还可以对页面大小进行调整。

epub360意派是收费软件,免费版只能制作8个HTML5页面项目,而且储存量只有2G,部分高级功能也不能使用。


分享给朋友:
您可能感兴趣的文章:
随机阅读: