h5页面的制作

各个平台区别不是很大，但各自有又有特点。几个使用最多h5页面制作编辑器我都用了一下，底下纯属拙见：we+ 最强大的在线H5制作工具从用户层面，是个很好的针对个人的H5应用制作软件，功能包括邀请函，邀请相册，贺卡，杂志，游戏等。模版化制作，傻瓜化操作， 轻松体验。用户口碑很好，特别是针对个人的制作。同时还提供高级H5的定制，强大的营销场景应用，重点在创意和程序设计上，而这 是普通个人用户无法完成的。云来(场景应用：重构企业与人的商业连接)：云来的出现比较早，由于当时H5还有许多不确定性原因，云来后台的制作模式并没有充分体现H5的强大之处，是通过模版化的填充，也就是说，如果你要制作一个效果，首先需要找到这个模版，然后更换背景，更换元素，使其成为你自己的页面。 这种方式其实并没有 体现H5的功能，只是傻瓜化的复制和替换，针对小白用户级别，其实能通过复制＋替换，制作出一个‘属于自己’的场景应用，已经是很happy的事情了。Maka.im(MAKA.im | 简单、强大的HTML5创作工具):这是一个纯粹的H5应用制作工具，从Maka的更新日志看到，他们是通过angular引擎驱动来完成强大的富客户端交互设计，笔者体验了 一下，确实如此，Maka在每个制作环节，都强调了“所见即所得”的实时动态更新，功能如此强大。只是笔者认为，Maka的设计核心是 专注在一个工具的打磨：打造一个强大的H5应用制作工具。但是如果那样，而输出渠道却只有微信的话，显然是不够的。Epub360这是在线使用的交互内容设计平台，无需编程，可在线设计交互式电子杂志、品牌展示、产品指南、培训课件、交互童书、微网页等互 动内容，一次创作，可同时发布到iOS、安卓、桌面及微信。笔者在体验中发现，Epub360的营销相对专业，教程／营销页面俱全，也充 分顾及到了初学者的学习培养。Epub360也是专注一个H5工具的打磨，复杂性大于MAKA，我觉得普通用户是很难接受的，所以Epub360也 体会到了，他们重点也在偏向设计师的营销。Vxplo(互动大师|最专业的html5制作工具，海量H5页面分享平台)VXPLO是一个在线的交互式网页设计工具，也是一个互动作品分享平台。它的特点是并不基于微信平台的适配，而是可以制作PC端／移 动端的轻应用。移动端的编辑宽高640*1008, PC端的默认宽高600x450，分类有广告，教程，简历，视频，迷你网站，游戏。易企秀(易企秀|免费移动场景应用自营销管家)易企秀移动场景应用自营销管家,免费为中小微企业或团队提供业务场景应用展示、潜在客户在线报名收集、管理和二次营销. 易企秀 在付费上采用秀豆的积分豆充值豆模式，创建时可以选择空白自主创建，或者选择一个样例制作。支持chrome、360浏览器、IE11浏览 器， 在编辑上，采用元素分拆，点击即编辑到方式完成。兔展(兔展|微信场景应用_H5页面制作工具)兔展(rabbitpre)是基于html5搭建的移动app创建平台，致力成为微信、微店、微博等移动营销渠道的理想工具，让你像制作PPT一样制 作web app.但是我个人倾向于选择we+，因为功能相对较全，操作也比较简单，十分钟就可以上手制作大师级的作品出来了（设计得漂亮是前提哈！）

　　HTML5页面制作工具，大体分为两类：基于HTML5的网站工具和手机APP工具（当然还有一些其他的，例如基于微信公众号的等，下面也会介绍）。　　先总的说一下个人感受1.基于HTML5的工具网站：功能较强大，单页面的操作性较强，可完成各种页面交互效果；但是某些时候会有操作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。原因你懂得~2.手机工具APP：相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷；但是拘泥于现有的模板，使得单页面不会有较大的可操作空间，从而无法实现DIY交互效果。　　下面展开说下每个使用过的工具吧基于HTML5的工具网站：【兔展】 优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）【MAKA.im】 可以具体编辑，单页操作性较高，有新手（有模板）和高阶（无模板）两种编辑模式；翻页效果比兔展多，模板也更强大一些。【居高互动刊】 优点：最简单易上手的工具之一，根据提示一步一步的添加，共4步，最后生成微杂志。相比其他在线工具，较稳定。缺点：目前没试通制作单页上的交互效果，没找到开启pro功能的入口。【ANIMATRON】 优点：像flash的在线版，功能强大，可以创建HTML5动画。适合有动画基础的人做演示制作。缺点：需要动画制作基础；工作界面响应时间长；貌似只能分享到twitter、Facebook、google+、tumblr？【iSpring 7】 噱头是PPT转HTML5工具，完美与PPT兼容，可制作Html5移动课件。不过，目前我只能连着VPN再用Safari才能打开网站链接。【秀制作】 优点：版式轻松，制作快捷，宽带稳定。缺点：对图片和文字在各种屏幕上的显示没有做很好的适配；不能对模板中文字的编辑调整位置。手机工具APP：【初页】优点：模板质量高，套用模板编辑时效率高，操作简单快捷，效果和体验在制作H5页面的APP工具里面算是出类拔萃。缺点：单页面可操作性较低，仅支持套用模板。【快邀约】快速制作邀请函优点：易上手，省时高效，便于统计。缺点：页面简陋，只能选择固有模板创建文字和添加图片。【易企秀】中小微企业的移动场景营销管家优点：套用模板，创建快捷，用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯，这里应该赞一个。缺点：只能用模板，DIY程度低；统计数据是否准确需要进一步确认，目前看来可能有遗漏数据的现象（在小范围测试中，统计到的数量小于应有的数量）。【微贴】：通过微信公众号创建H5页面优点：手机公众号内直接创建简单页面，根据提示创建即可，无脑方便快捷。缺点：只是单页面展示，承载不了交互效果等特效和内容。　　总结　　工具网站做的H5页面，多注重单独页面的自定义交互方案，DIY程度高，相对来说用时较长，又受制于带宽因素，故影响操作；工具APP做的H5页面，多注重效率，目前都是套用模板，因而对单页面的DIY程度较低，交互效果受限。作为我个人而言，移动互联的新任PM，我平时常用到的是【MAKA】和【兔展】，这两个相对来说更适合半天时间来完成；如想快速制作展示页面就用【初页】，这个在功能效率与设计感方面更突出一些；组织活动、制作邀请函、分发活动通知等用【快邀约】；平时推广新产品、联络客户和招聘新人用【易企秀】。转载

1. iH5iH5定位于一款专业级H5制作工具，功能较为强大，用户可以编写代码，但是学习成本较高，不适合不懂代码的初学者。2. we+we+定位于3分钟制作H5，使用简单功能也较为强大，各种功能以插件化提供给用户，直接拖拽即可使用。3. Epub360epub360的定位和iH5一样，是一款专业级H5制作工具，企业用户较多，很多功能需要开通年度VIP才可以使用。4. 易企秀易企秀定位和we+类似，面向普通用户，用户可以发布模板，模板数量较多。5. MakaMaka的主要用户群体是设计师，操作体验较优，功能较少。6. 兔展兔展定位普通用户，操作体验佳，最近上线的psd导入功能挺实用的。7. 人人秀人人秀定位傻瓜级操作体验，跟we+类似，各种功能以插件方式提供给用户。8. 70C 70C定位普通用户，体验佳，活动比较丰富。9. 最酷网最酷网主要面向企业用户，费用较高，在互动方面做的较好。10. 云来云来和最酷网类似，面向企业用户，费用交高，高级组建都需要成为年度会员才可以实用。

自己设计需要多花一点时间，设置完了之后，一个页面，半天多就可以了

使用ME微杂志APP或者电脑端来设计制作并发布，可以分享到朋友圈，也可以发布到微信公众号里面，搜索“ME微杂志”即可；

　　一、Adobe Edge　　目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。　　动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。　　二、Adobe Dreamweaver CS6　　Adobe Dreamweaver CS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作，无需为代码所困。　　用户不但还能在Live View中预览，还提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。Live View通过WebKit渲染引擎支持HTML5。　　三、Adobe ColdFusion 10　　ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。　　四、Sencha Architect 2　　在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用，并实时预览。　　五、Sencha Touch 2　　Sencha Touch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。　　六、Dojo Foundation Maqetta　　来自于IBM的一个项目，Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板　　七、微软Visual Studio 2010 ServicePack 1　　虽然一开始并不支持HTML5，但微软在2011年三月发布的Visual Studio 2010 SP1中提供了IntelliSense，追加了针对HTML5的一些元素。　　八、JetBrains WebStorm 4.0　　作为拥有HTML编辑器的JavaScript集成开发环境，WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。例如砍伐者键入。开发者还可以在chrome浏览器中实时预览HTML文档。　　九、Google Web Toolkit　　该开发工具用于开发浏览器应用，但库中支持很多HTML5功能。包括对客户端或web存储的支持。其他HTML5功能还包括支持Canvas可视化，以及音频和视频widget。　　十、DCloud HBuilder　　HBuilder是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。

你会技术吗？会就自己开发，不会就用H5制作平台呀。 其实制作H5页面非常简单，首选平台是应用之星。整个制作过程无技术要求，图形化操作，简单易上手。具体步骤如下： http://tieba.baidu.com/p/4623386993

自己设计需要多花一点时间，设置完了之后，一个页面，半天多就可以了