整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

H5页面制作软件,影响力前10

H5页面制作软件,影响力前10

到H5页面制作,现在国内市面上更多的是平台类型的“软件”,它可能是一个云端制作工具,但完全媲美软件的功能与质量。

严格意义上,他们不能算是软件,因为就是一个网站,不需要下载。但其实当你想要找这样的软件时,需要的就是这样的工具平台。

这篇文章来谈一下这些质量参差不齐、各自的使用场景不尽相同的H5页面制作“软件”。首先要明确区分这些软件好坏的标准,其实最简单的办法就是看这个软件做出来的案例,也就是用这些H5页面制作工具能做出哪些类型的H5。

1、易企秀

http://www.eqxiu.com

易企秀百度指数:★★★★★

易企秀名气最大,先说说它吧。其实易企秀很容易定义,就是移动版PPT的制作软件,用来在手机上做H5页面的简单动态演示。易企秀各方面的功能,比如文本、按钮、图表、动效这些和微软的PowerPoint比较像,有固定样式的表单功能,但设计上自由度比较低。

总的来说,易企秀的软件使用难度比较低,主要面向对H5页面制作没有太高要求的用户。

易企秀支持的H5页面制作类型:

微信邀请函、个人电子贺卡、手机相册等微场景

易企秀典型案例:

微信邀请函H5(易企秀制作)

易企秀付费情况:

免费版——提供基础编辑功能,有在线教程和人工客服

付费版——能去除广告尾页、底标和加载LOGO,有PSD上传、外链添加、数据统计等高级功能,有专属客服

2iH5

http://www.ih5.cn

iH5百度指数:★★★★

iH5是专业H5页面“软件”里名气最大的工具,可以定义为取代HTML5网页编程的可视化工具。要说iH5完全取代编程,目前也还达不到,不过确实几乎所有能想到的H5类型iH5都能实现,淘宝造物节那种720°全景啊天猫双十一一镜到底啊走马灯之类的,比较好玩。对于我这种不懂代码的文科生,iH5这样的软件还是很有诱惑力的,原来需要申请预算找外包的H5,现在基本都自己用iH5做了。

如果是企业推广iH5比较合适,不过我也用它接接小散单,毕竟很多创意对功能的要求比较高。

iH5支持的H5页面制作类型:

H5动画、720°全景&重力感应、互动广告、小游戏(支持物理引擎)、交互视频、照片合成、电商支付和微信红包、测试题、评论弹幕、电子杂志,微信邀请函等微场景

iH5典型案例:

H5小游戏(iH5制作)

http://bb5ecf9e126c.ih5.cn/idea/qMF0Jzh

全景动画(iH5制作)

http://2ac75eb5808a.vxplo.cn/idea/3uCaRD8

测试题(iH5制作)

http://0c8a0952908d.vxplo.cn/idea/Yo9cBZM

交互动画(iH5制作)

http://db84f609426b.ih5.cn/idea/RyY_l9h

交互视频(iH5制作,PC案例,建议在电脑上观看)

http://9996e459cdb4.ih5.cn/idea/ojumvW_

iH5付费情况:

免费版——功能没有限制,有在线教程和人工客服

付费版——针对企业用户,能修改加载LOGO和广告底标,有专门的数据服务,有一对一技术支持和线下培训,支持外部数据通信,开发者外调JS函数

3、兔展

兔展百度指数:★★★☆

兔展和易企秀很像,能制作具有翻页效果、对文字和图片进行排版的H5页面。兔展做出来的H5基本是用在微场景上,比如微海报、微邀请函、微信相册这些,也是个人用的比较多。

兔展支持的H5页面制作类型:

微信邀请函、微海报、手机相册等微场景

兔展典型案例:

微海报(兔展制作)

兔展付费情况:

免费版——功能没有限制,有广告底标,有加载LOGO,有在线教程和人工客服

付费版——有共享模板,能申请举办活动,有专属客服

4MAKA

MAKA百度指数:★★★

MAKA有很多模板套件,直接往里面填东西就行。我第一次做H5用的就是MAKA,当时用的是APP,做出来的页面很卡,当天就卸载了。虽然MAKA功能不多,可是对只想发发文字、照片合辑的初学者来说,还是很方便的。

MAKA支持的H5页面制作类型:

手机相册、小测试等微场景

MAKA典型案例:

微海报(MAKA制作)

MAKA付费情况:

免费版——数据统计有限制,有在线教程和人工客服

付费版——能去除广告尾页,有专属客服

5、初页

百度指数:★★☆

严格意义上,初页不能算是H5页面制作工具。说初页有一个非常贴切的比喻是傻瓜相机,零门槛,小学生也能用。初页本身就像一个照片合成器类型的H5,提供现成的模板版式,往里面换一下照片就行。

初页支持的H5页面制作类型:

手机相册

初页典型案例:

手机相册(初页模板)

初页付费情况:

6、搜狐快站

搜狐快站

百度指数:★★

搜狐快站用来做移动网站比较方便,有很多固定样式的框架,可以直接往里面填内容。不过搜狐快站有利也有弊,做的网站如果要改布局,必须使用代码。不过如果你有搜狐自媒体号的话,还可以直接生成一个移动主页。

搜狐快站支持的H5页面制作类型:

移动网站、电商支付,和微海报等微场景

搜狐快站典型案例:

移动网站(搜狐快站制作)

搜狐快站付费情况:

7、咫尺微页

百度指数:★☆

微页功能上和易企秀有点像,不过它的广告非常多,而且界面也不怎么样。只用过一次微页,我很难想象真的会有人花钱去掉各种各样的广告。

微页支持的H5页面制作类型:

评论弹幕,微海报等微场景

微页典型案例:

微海报(咫尺微页制作)

微页付费情况:

免费版——有基础编辑功能

付费版——能去除尾部链接、加载LOGO、广告底标、侧边栏等广告,有评论弹幕等高级功能,有互推功能

8Epub360

百度指数:★☆

Epub360的功能还是挺多的,也有一些数据库组件。感觉用Epub360比较多的是初级设计师。不过必须吐槽用惯了iH5后,用Epub360非常不习惯,整个体验不是很好。

Epub360支持的H5页面制作类型:

移动网站、电子杂志,和微信邀请函等微场景

Epub360典型案例:

电子杂志(Epub360制作)

Epub360付费情况:

免费版——支持基础编辑功能,有在线教程和人工客服

付费版——去除加载LOGO,有高级表单等升级功能,有专门的技术支持服务

9Wix

百度指数:★

Wix是国外的一个工具,用来建PC端网站很方便,因为模板很丰富,现套现用。不过根据我之前使用的情况,Wix的网页在国内稳定性不是很强。

Wix支持的H5页面制作类型:

PC网站

Wix典型案例:

PC网站(Wix制作)

http://www.wix.com/sample/website-viewer?lng=en&site_id=1444301520371540

Wix付费情况:

免费版——功能没有限制

付费版——去除广告,购买网站流量

10、凡科微传单

百度指数:★

凡科好像买了超多广告位,我必须承认注意到凡科微传单这个软件是因为很多次看到它的广告……凡科微传单属于套模板型的软件,有固定的样式,上手还是挺快的,不过现成样式在那里,没办法做比较自由的设计。

凡科好像“模仿”了很多其他同类软件的功能设计,网站看起来很像易企秀,而且它支持比较简单的全景功能。

凡科微传单支持的H5页面制作类型:

微信邀请函、个人电子贺卡、手机相册等微场景,

凡科微传单典型案例:

微信邀请函(凡科微传单制作)

凡科微传单付费情况:

免费版——功能没有限制

付费版——能去除广告,购买网站流量

最后说明一下,以上从1到10的排名依据是百度指数。

着各类移动终端日益增强对HTML5的支持性,我们在智能终端接触到的所有东西几乎都隐藏着HTML5属性,HTML5建站也是大势所趋。今天推荐几款HTML建站必备的软件,由于大部分是英文网站,英语不好的童鞋看起来会比较吃力。

1、HTML5 Reset

这是一组包括HTML、CSS的文件,提供HTML5的空白WordPress模板。可以在前期准备建站时帮你节省时间。

2、Initializr

一款HTML5制作入门工具,支持自定义、模块生成网站,之后会为你的网站迅速生成具有简洁代码的可定制网页模板。

3、HTML5 visual cheat sheet

实质上是一个速查表,没有网站,在软件平台中支持下载,表内包含了html tag列表以及支持html4.01/5版本的相关属性。

4、HTML5 Canvas cheat sheet

一个Canvas元素的详细速查手册,只有一个页面。Canvas元素是HTML5最重要的元素之一,它可以在网页中绘制图形,非常强大。

5、Lime JS

HTML5游戏开发框架,能快速构建运行于触屏设备和桌面浏览器的游戏,是HTML5游戏开发者必备的网站。

6、Cross browser HTML5 forms

能帮你构建完美的HTML5表单兼容方案,有一些非常好用的小工具,如日历、取色板、滑块部件等,不过有的浏览器不支持。

7、HTML5 Test

之前也推荐过,能帮你生成一份当前浏览器对video、audio、canvas等特性的支持情况的报告,便于进行代码调整。

8、HTML5demos

和HTML5 Test差不多,不过这是针对HTML5特性在哪些浏览器中支持。

9、Nicebox

性价比很高的自助建站软件。nicebox内置千套HTML5模板,不用写代码,直接套用,用心修改就能让你的网站千变万化,不用懂技术一样做HTML5网站。

以上的软件工具大部分都比较适合对HTML5有一定了解的IT人,网络上还有很多适合HTML5编码的实用工具,欢迎大家进行推荐。

HTML5网站建设:http://www.iisp.com/design/how-to-build.php?s=yuqiuping

HBuilderX,DCloud推出的一款HTML5的Web开发工具,软件体积小,启动快。

uni-app,一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。

准备IDE HBuilderX,下载地址:https://www.dcloud.io/hbuilderx.html,当前的使用的版本是:HBuilder X 3.5.3。

创建过程

1、菜单:文件->新建->项目

2、填写项目名称及存储路径,选择对应的模板

3、修改项目文件:hello\pages\index.vue

<template>
	<view class="container">
		<view class="intro">HelloWorld~</view>
		<text class="intro">佚名今人</text>
	</view>
</template>

4、运行项目

注: 第一次运行会自动安装插件~

5、预览运行效果