• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 不用编写代码就能制作生成HTML5页面的工具有哪些

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

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5,工具等相关知识,匿名希望在学习及工作中可以帮助到您
有哪些不用编写代码就能轻松制作生成HTML5页面的工具?

最好能简单介绍一下各工具的优缺点。

回复内容:

我觉得我可以来回答一下这个问题。

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

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

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

  • 先总的说一下个人感受

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

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

基于HTML5的工具网站:
【兔展】www.rabbitpre.com/
优点:页面DIY程度较高,动效实现起来也简易方便,可制作比较任性的H5页面。
缺点:屏幕界面大小不可调节,上传的图会比例失调;生成后到各尺寸屏上页面会存在拉伸现象。

1326.jpg

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

【MAKA.im】www.maka.im/home/index.html
优点:与兔展类似,更像制作PPT一样。每一页的具体效果可以具体编辑,单页操作性较高,有新手(有模板)和高阶(无模板)两种编辑模式;翻页效果比兔展多,模板也更强大一些。
【居高互动刊】hdk.jugocn.com/
优点:最简单易上手的工具之一,根据提示一步一步的添加,共4步,最后生成微杂志。相比其他在线工具,较稳定。
缺点:目前没试通制作单页上的交互效果,没找到开启pro功能的入口。
【ANIMATRON】www.animatron.com/
优点:像flash的在线版,功能强大,可以创建HTML5动画。适合有动画基础的人做演示制作。
缺点:需要动画制作基础;工作界面响应时间长;貌似只能分享到twitter、Facebook、google+、tumblr?

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

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

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

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

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

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

  • 总结

工具网站做的H5页面,多注重单独页面的自定义交互方案,DIY程度高,相对来说用时较长,又受制于带宽因素,故影响操作;
工具APP做的H5页面,多注重效率,目前都是套用模板,因而对单页面的DIY程度较低,交互效果受限。
作为我个人而言,移动互联的新任PM,我平时常用到的是【MAKA】和【兔展】,这两个相对来说更适合半天时间来完成;如想快速制作展示页面就用【初页】,这个在功能效率与设计感方面更突出一些;组织活动、制作邀请函、分发活动通知等用【快邀约】;平时推广新产品、联络客户和招聘新人用【易企秀】。

以上就是不用编写代码就能制作生成HTML5页面的工具有哪些的内容,更多相关内容请关注微课江湖()!

您可能想查找下面的文章:

  • HTML5知识点总结
  • HTML5的本地存储
  • HTML5本地存储之IndexedDB
  • Html5实现文件异步上传功能
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
  • 详解HTML5 window.postMessage与跨域
  • HTML5拖放API实现拖放排序的实例代码
  • 解决html5中video标签无法播放mp4问题的办法
  • HTML5新特性 多线程(Worker SharedWorker)
  • Html5新增标签有哪些

相关文章

  • 2018-12-03html5的sessionStorage和localStorage详解与使用
  • 2018-12-03想尝试开发些HTML5小游戏,请大大们推荐款JS游戏引擎,轻量的,简单的有么?
  • 2018-12-03大势所趋 HTML5成为Web开发者最关心的技术
  • 2018-12-03SVG基础|SVG DEFS元素、SYMBOL元素和USE元素
  • 2017-08-06使用html5 canvas创建太空游戏的示例
  • 2018-12-03有人说基于成熟后的HTML5 移动web应用才是未来,因为省去了app移动应用在不同终端的开发时间。基于终端的移动应用也会走下舞台,各位怎么认为?
  • 2018-12-03HTML5+CSS3实现拖放(Drag and Drop)示例_html5教程技巧
  • 2018-12-03HTML5实现留言和回复的页面样式
  • 2018-12-03HTML5样式控制示例代码_html5教程技巧
  • 2018-12-03【HTML5】 jQuery Mobile 初体验

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 使用HTML5的表单验证的简单示例_html5教程技巧
    • HTML4和HTML5之间的10个主要不同
    • H5响应式网站的详细介绍
    • HTML5注册表单的自动聚焦与占位文本示例代码_html5教程技巧
    • html5新增加的标签有哪些
    • HTML5不支持frameset的两种解决方法
    • 利用HTML5中的Canvas绘制笑脸的代码
    • HTML5内联SVG教程以及与Canvas的区别
    • 关于HTML5中p和span标签的介绍
    • 7款个性化jQuery/HTML5地图插件图文详细介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有