H5怎么制作?是什么?

H5怎么制作?是什么?,第1张

H5是html5的缩写,是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。

制作H5页面的方法:

1、首先在电脑中安装H5的制作软件,以WPS为例,点击打开WPS H5软件。

2、进入H5的制作页面后可以选择一种模板作为制作的基础样式。

3、点击需要的模板后点击其右侧的“立即使用”按钮。

4、点击后即可进入编辑页面,可以点击上方工具栏中的“文本、形状、、表单、背景”选项。

5、还可以设置“互动、音乐、图表、动画”的相关选项。

6、设置制作完毕后可以点击右上角的“预览/发布”按钮进行保存及发布。

HTML5页面制作工具,大体分为两类:基于HTML5的网站工具和手机APP工具(当然还有一些其他的,例如基于微信公众号的等,下面也会介绍)。

先总的说一下个人感受

1基于HTML5的工具网站:功能较强大,单页面的 *** 作性较强,可完成各种页面交互效果;但是某些时候会有 *** 作“失灵”的现象,如上传失败,点击保存失败,生成失败等。原因你懂得~

2手机工具APP:相比起工具网站来讲,显得比较顺手,有大量模板套用,制作简单快捷;但是拘泥于现有的模板,使得单页面不会有较大的可 *** 作空间,从而无法实现DIY交互效果。

下面展开说下每个使用过的工具吧

基于HTML5的工具网站:

兔展

优点:页面DIY程度较高,动效实现起来也简易方便,可制作比较任性的H5页面。

缺点:屏幕界面大小不可调节,上传的图会比例失调;生成后到各尺寸屏上页面会存在拉伸现象。

(此图意在说明上传的的尺寸都是网站自己默认的一个尺寸,不是本身的尺寸,不利于使用者调整)

MAKAim可以具体编辑,单页 *** 作性较高,有新手(有模板)和高阶(无模板)两种编辑模式;翻页效果比兔展多,模板也更强大一些。

居高互动刊

优点:最简单易上手的工具之一,根据提示一步一步的添加,共4步,最后生成微杂志。相比其他在线工具,较稳定。

缺点:目前没试通制作单页上的交互效果,没找到开启pro功能的入口。

ANIMATRON

优点:像flash的在线版,功能强大,可以创建HTML5动画。适合有动画基础的人做演示制作。

缺点:需要动画制作基础;工作界面响应时间长;貌似只能分享到twitter、Facebook、google+、tumblr?

iSpring7

噱头是PPT转HTML5工具,完美与PPT兼容,可制作Html5移动课件。

不过,目前我只能连着***再用Safari才能打开网站链接。

秀制作

优点:版式轻松,制作快捷,宽带稳定。

缺点:对和文字在各种屏幕上的显示没有做很好的适配;不能对模板中文字的编辑调整位置。

手机工具APP:

初页

优点:模板质量高,套用模板编辑时效率高, *** 作简单快捷,效果和体验在制作H5页面的APP工具里面算是出类拔萃。

缺点:单页面可 *** 作性较低,仅支持套用模板。

快邀约快速制作邀请函

优点:易上手,省时高效,便于统计。

缺点:页面简陋,只能选择固有模板创建文字和添加。

易企秀中小微企业的移动场景营销管家

优点:套用模板,创建快捷,用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯,这里应该赞一个。

缺点:只能用模板,DIY程度低;统计数据是否准确需要进一步确认,目前看来可能有遗漏数据的现象(在小范围测试中,统计到的数量小于应有的数量)。

微贴:通过微信公众号创建H5页面

优点:手机公众号内直接创建简单页面,根据提示创建即可,无脑方便快捷。

总结

工具网站做的H5页面,多注重单独页面的自定义交互方案,DIY程度高,相对来说用时较长,又受制于带宽因素,故影响 *** 作;

工具APP做的H5页面,多注重效率,目前都是套用模板,因而对单页面的DIY程度较低,交互效果受限。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10367163.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-08
下一篇 2023-05-08

发表评论

登录后才能评论

评论列表(0条)

保存