现在的位置:主页 > 新闻中心 > 建站常识 >

有哪些不用编写代码就能轻松制作生成HTML5页面的工具?

发布时间:16-01-10 来源:发我我网 人浏览 字号:TT 作者:admin 打印

毛帅,前端小菜鸟
发我我网-品牌介绍
Holych浩男,「让正确的事情相继发生」
我觉得我可以来回答一下这个问题。

作为移动互联网公司入职不到一年的产品新人,我最近用过一些制作H5的工具。不敢说是每个工具的深度使用者,起码平时可以利用起来,在不用代码的情况下,使用这些工具确实达到了省时省力的效果。

【开始答楼主】 ——————————————————

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


  • 先总的说一下个人感受

1.基于HTML5的工具网站:功能较强大,单页面的操作性较强,可完成各种页面交互效果;但是某些时候会有操作“失灵”的现象,如上传图片失败,点击保存失败,生成失败等。原因你懂得~
2.手机工具APP:相比起工具网站来讲,显得比较顺手,有大量模板套用,制作简单快捷;但是拘泥于现有的模板,使得单页面不会有较大的可操作空间,从而无法实现DIY交互效果。


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

基于HTML5的工具网站:

【兔展】http://www.rabbitpre.com/
优点:页面DIY程度较高,动效实现起来也简易方便,可制作比较任性的H5页面。
缺点:屏幕界面大小不可调节,上传的图会比例失调;生成后到各尺寸屏上页面会存在拉伸现象。
发我我网(此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸,不是图片本身的尺寸,不利于使用者调整)

MAKA.im maka.im/home/index.html
优点:与兔展类似,更像制作PPT一样。每一页的具体效果可以具体编辑,单页操作性较高,有新手(有模板)和高阶(无模板)两种编辑模式;翻页效果比兔展多,模板也更强大一些。

【居高互动刊】hdk.jugocn.com/
优点:最简单易上手的工具之一,根据提示一步一步的添加,共4步,最后生成微杂志。相比其他在线工具,较稳定。
缺点:目前没试通制作单页上的交互效果,没找到开启pro功能的入口。

【ANIMATRON】animatron.com/
优点:像flash的在线版,功能强大,可以创建HTML5动画。适合有动画基础的人做演示制作。
缺点:需要动画制作基础;工作界面响应时间长;貌似只能分享到twitter、Facebook、google+、tumblr?

【iSpring 7】http://www.ispringsolutions.com/
噱头是PPT转HTML5工具,完美与PPT兼容,可制作Html5移动课件。
不过,目前我只能连着VPN再用Safari才能打开网站链接。

【秀制作】http://xiumi.us/
优点:版式轻松,制作快捷,宽带稳定。
缺点:对图片和文字在各种屏幕上的显示没有做很好的适配;不能对模板中文字的编辑调整位置。

手机工具APP:

【初页】
优点:模板质量高,套用模板编辑时效率高,操作简单快捷,效果和体验在制作H5页面的APP工具里面算是出类拔萃。
缺点:单页面可操作性较低,仅支持套用模板。

【快邀约】快速制作邀请函
优点:易上手,省时高效,便于统计。
缺点:页面简陋,只能选择固有模板创建文字和添加图片。

【易企秀】中小微企业的移动场景营销管家
优点:套用模板,创建快捷,用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯,这里应该赞一个。
缺点:只能用模板,DIY程度低;统计数据是否准确需要进一步确认,目前看来可能有遗漏数据的现象(在小范围测试中,统计到的数量小于应有的数量)。

【微贴】:通过微信公众号创建H5页面
优点:手机公众号内直接创建简单页面,根据提示创建即可,无脑方便快捷。
缺点:只是单页面展示,承载不了交互效果等特效和更多内容。

  • 总结
工具网站做的H5页面,多注重单独页面的自定义交互方案,DIY程度高,相对来说用时较长,又受制于带宽因素,故影响操作;
工具APP做的H5页面,多注重效率,目前都是套用模板,因而对单页面的DIY程度较低,交互效果受限。

作为我个人而言,移动互联的新任PM,我平时常用到的是【MAKA】和【兔展】,这两个相对来说更适合半天时间来完成;如想快速制作展示页面就用【初页】,这个在功能效率与设计感方面更突出一些;组织活动、制作邀请函、分发活动通知等用【快邀约】;平时推广新产品、联络客户和招聘新人用【易企秀】。


【回答完毕】 ——————————————————

以上是近期以来对HTML5制作工具的一些浅显认知,希望对楼主有所帮助,也欢迎大家多多交流与指正。

X xxx,人不装逼和咸鱼有什么区别
知乎用户、周仲达大嚼 等人赞同
微信火了之后,现在这种东西很多啊,随便搜搜就有好多,推荐几个我在互联网 | 代码上看到的,其中我用过初页和MAKA都很不错。


搜狐快海报
发我我网-搜狐快海报
快海报是搜狐快站平台上全新推出的免费H5页面制作工具,操作也极为简便易学,完全没有技术要求。采用拖拽式操作,属性式设置的模式。一拖一拽,简单配置,所见即所得,一分钟即可学会,三分钟便能完成。还有海量模板即将上线,替换内容即可生成。快海报还支持同一组件的多重动画设置,让画面更丰富更炫酷。和其他一样,搜狐快站海报也是适用于包括活动推广、企业宣传、产品展示、会议组织、预约报名、节日祝福等不同的场景。
快站 - 首页

初页
发我我网-初页
初页作为手机端制作动态海报的APP,门槛还是比较低的,容易上手,可以直接在手机上编辑,制作极为便利,图文混排的模板也很丰富。可免费下载安卓版和苹果版初页App,或通过电脑在线创建、编辑,轻松创作优雅、炫酷,利于微信传播的H5海报。
chuye.cloud7.com.cn/

MAKA发我我网-maka

MAKA这个平台制作起来非常简单,静态模板和动态模板都有,模板样式丰富,浏览体验不错。有多种动态效果以及交互效果可供选择,除收费版外提供免费版,不过免费版不提供自定义动效、支付、导航、预约等服务,也不能添加外链。
MAKA.im | 简单、强大的HTML5创作工具

epub360意派
发我我网-epub360意派
这不是奇虎360的,意派的交互功能极为强大,可以说更适合专业的设计师打造的交互设计,动画效果出色,虽然简单傻瓜式的模板不多,但自由度相对较高。不过如果只是制作简单的单页,上手也并不是很复杂。只是免费版作品数量限制为10个,导出有logo。
Epub360 - H5页面制作工具

Vxplo发我我网-vxplo

Vxplo也是专注在线交互设计,功能强大,同epub360一样适合专业设计师,可以零代码制作轻应用。使用上相对较为复杂,不过其甚至也可以用来制作响应式网站,有时间可以试试。

互动大师|最专业的html5制作工具,海量H5页面分享平台


如果真的是工具层面上,只有VXPLO互动大师和Epub360两家。前者注重各种交互效果,后者更像做电子书。其他的L1总结的都只能算是模板...... 就像PS和美图秀秀的区别......

知乎用户,胆大心细女纸是也
知乎用户、羽衣甘蓝silversliver 赞同
互动大师,vxplo 。之前就是因为看了秀米,觉得千篇一律,没新意,才各种搜索类似的更好用的,搜到的互动大师。题主看了绝对不会失望,功能超全。

曹一聪,理解万岁
郑槿泠知乎用户、alsosweet 等人赞同
发我我网-理解万岁Mac下一抓一大把,比如上边这个能生成整站的Rapid Weaver。还有能制作HTML5动画的Hype 2,以Flash的方式制作HTML页面的Google Web Designer,甚至不写代码就能设计页面的Sparkle,能把代码结构管理的很清晰的Espresso……数不胜数

Brian,Artist of Spectrums
知乎用户,努力让自己不纠结
王致 赞同
9466网页助手

匿名用户
silversliver 赞同
市面上有比较多吧。朋友推荐的秀米就不错。

Aloys寒风,地质狗/程序猿
赵胖胖王政 赞同
不写代码使用HTML5最好的工具就是钱!有钱我给你写!嫌我写的差,我找人给你写!

匿名用户
野房子如花 赞同
这是html5程序员在知乎上被黑的最狠的一次。

匿名用户
宸千峥 赞同
建议修改一下问题描述,改成这样:“”如何不写代码做一个类似展示板的页面挂在微信应用场景和网页上?“
底下的回答大部分是在讲:在一些工具为帮助下像做PPT一样做网页,事实上我建议你打消这个念头。网页需求是有多个层次的,简单静态的展示,宣传,这些需求用工具是可以不写代码实现的。但事实上,你还是在做PPT,只不过是读者们用浏览器打开了你做的PPT。

如果你只是想生成一些简单的,展板式样的“广告牌”,这些工具能帮到你。如果你的页面涉及到了复杂的交互逻辑和多级页面,实时更新动态等功能,建议你趁早老老实实去学代码。

最后讲一点,不要老想着投机取巧,简单需求简单实现无可厚非。但请不要提这种
有哪些不用编写代码就能轻松制作生成HTML5页面的工具?
给HTML5技术和前端行业带来错误印象,误导对这一领域知之甚少的人们。追求省力,轻松,流于表面,傻瓜式的操作是典型的消费者思维,如果想成为一个真正的创造生产者,我希望你可以把思考和原理的利用潜的越深越好。
从古至今每个人都知道从高处掉下来会摔死,但只有掌握了牛顿三大定律的人才能带领人类踏上了月球,走的更远。

匿名用户
 
各种工具都一样差不多,我用了那么多工具就有图网的桌面版工具还不错

张翔,成功在望
推荐iebook超级精灵。原来是做电子杂志的,现在也提供H5广告制作功能。特点是:简单易用、模板多。

匿名用户
黑兔展黑的好彻底

陈晟祺,高三学生,开源爱好者,Java BugFactory
Adobe Muse

无风zakwu.me 刚刚入门的前端开…
这都是工具和html5没有什么关系,只是炒概念而已,你要是要制作一个网站的页面,还是必须动用前端工程师--设计师--各种师

吴悠,在努力痛苦地成长,大屏手机无脑黑。
SquareSpace. 用来做portfolio, resume十分好用。自带域名,78刀一个月。
完全不需要任何代码。模版耐用,自定义程度够用。

文剑武书生King,Office与微课
iSpring可以直接将PPT转成H5页面。下面这个小游戏就是这么做出来的。微信扫一扫,就能够在手机上玩,顺便考一考你的PPT基本功
发我我网在这里祝大家新年快乐,万事如意,身体健康,阖家欢乐!
发我我网-网站优惠2000元春节期间(1月27号至3月31号)任选择其中一款网站模板都会优惠2000元,全部网站的优惠价上再减去2000元,并提供2年免费网站维护服务。

 

做站资讯热线

15000161882

Copyright © 2010-2016 发我我网(小翔子酷酷网)官方网站
本站文字及图片内容版权归刘翔个人所有,任何单位及个人未经许可,不得擅自转载使用(上海) | 皖ICP备15010645号-1

在线创业留言申请: 姓名: 手机或座机: