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

作者&投稿:戴树 (若有异议请与网页底部的电邮联系)

有哪些不用编写代码就能轻松制作生成HTML5页面的工具?
最好能简单介绍一下各工具的优缺点。
回复内容:我觉得我可以来回答一下这个问题。

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

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

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

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

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

【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】和【兔展】,这两个相对来说更适合半天时间来完成;如想快速制作展示页面就用【初页】,这个在功能效率与设计感方面更突出一些;组织活动、制作邀请函、分发活动通知等用【快邀约】;平时推广新产品、联络客户和招聘新人用【易企秀】。




~

怎么样用ASP代码编写将WORD文件转换成HTML文件
答:'word文档转换成html格式 '*** ' ' 调用方法:doc2html c:\doc2html c:\doc2html ' 调用方法:doc2html -s c:\doc2html\a.doc c:\doc2html ' '*** Dim Objword Dim Objdoc Dim Objfso Dim Strsource Dim Strtarget Dim ...

如何用notepad++来编写HTML网页程序
答:1.双击打开notepad++,点击新建,如下图。2.输入或者拷贝第一个HTML程序,如下图。3.点击保存按钮来保存我们刚刚输入的文字,如下图。4.文件名为start-1,文件类型为超文本标记语言,也就是html,如下图。点击确定。5.保存后,我们看到标签变成了淡蓝色,便于我们来编写网页,如下图。6.打开我们保存...

编写程序,将一个Java文件转换为HTML一个文件
答:java中将java文件转换为html一个文件,先使用file类读取java文件,然后使用string进行分割、替换等操作,输出html后缀名的文件,如下代码:import java.io.BufferedReader;import java.io.BufferedWriter;import java.io.File;import java.io.FileInputStream;import java.io.FileWriter;import java.io....

html简单网页代码怎么写?
答:1、在电脑桌面空白处单击右键,新建一个记事本并打开 2、在新建文件中输入如下代码。 html语言都是以<html><head><title><body>等标签开始,以</html></head></title></body>标签作为结束。3、接下来要在<title></title>标签中间输入标题(如个人网页)在<body></body>中输入“自己做的第一个...

如何制作HTML文件?
答:HTML文件制作方法如下:一、打开简单的文本编辑器。大部分文本编辑软件都能编写HTML,不过,复杂的软件有自动格式功能,比较难组织HTML页面。二、将文件格式改成“网页”(Web Page)、“.html”或“.htm”,存在容易找到的位置。上面三个选择是一样的,没有差别。三、用网页浏览器打开文件,双击文件,...

怎么用JS输入HTML代码?
答:<!DOCTYPE HTML><html lang="zh-CN"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" /> <meta name="format-detection" content="telephone=no" /> <title>tryMyOwnCalendar</t...

制作Html语言网站全攻略
答:在桌面上建一个文本文档,然后开始第一个页面首页的Html代码编写,如下:html head title母亲节1/title /head body bgcolor="11ca11"div id="butong_net_right" style="overflow:hidden;width:500px;" table cellpadding="0" cellspacing="0" border="0" trtd id="butong_net_right1" valign="top" align=...

谁能帮我解释一下这个代码么,关于ASP生成HTML文件的。
答:set htmout = objfso.CreateTextFile(server.mappath("html/"&id&".htm")) '建立一个类似于html/4.htm的文件 '以下内容为将刚才取得的文件内容替换成需要的内容。(在这里是将它的链接路径转换为上一级)AA=replace(AA,"adpic/","../adpic/") '替换 AA=replace(AA,"link.asp","../...

如何学习网页代码用代码做网页教程
答:用html如何制作一个简单的网页代码?1、首先,在计算机桌面上创建一个新文件夹,然后在该文件夹中创建一个新的文本文档。2、然后双击打开带有记事本的文本文档,如下图所示,我们编写一个简单的html代码。3、单击“另存为”的功能选项,显示默认保存为编码为ANSI。4、我们将更改编码和文件名,将其更改...

html设计网站-如何用html编写一个简单的网页
答:html如何制作网站 1,可以直接新建一个.html结尾的文件,也可以打开编辑器之后,在里面新建一个文件,然后保存为.html结尾的,结果都一样。2,然后选择使用某种编辑器来打开它,如使用Notepad++编辑器来编辑它。3,然后在这个文件中写入网页所需的基本代码。4,写好之后,根据需要设置编码格式,一般是utf-8格式,...