h5页面制作工具

这个首先要设计好平面或者动画素材，想做得简单一下的话，就用 易企秀、MAKA之类 的简单H5制作工具完成，复杂的有交互成分的，可以用编程来做的呢。 嗯嗯 ，我就是想学习复杂的H5 。看来我要学习一下编程了。请问哪里有好的H5案例也好让我参考一下吗？ 秒度科技和无非创意做的还可以，建议你从这里的案例学习起。再后可以学习一下W和拇指部落的。

1 背景图炫酷的画面，离不开背景的衬托，能否快速更换背景图，相信是考验一个H5页面能否快速完成的准则之一；2 文本微信交互H5页面更重交互，重视觉效果，在酷炫的背景衬托之下，突出重点的文字往往是点睛之笔；3 音乐炫酷的背景下，配以提纲挈领式的文字，如果能够再来一段能够引起共鸣的音乐，那是何等的应景；4 图片背景之外，重点图片之间的交互、与文字的配合正是H5页面能够调动用户感官的重要方式!光速的定义是光在1秒内行驶距离，所以光速比声速快，比打字速度更快。那为什么不用图片呢?5 视频如果炫酷的背景、精炼的文字、应景的音乐，还不能够让你感到震撼的话，那就来段视频吧!一目了然!6 按钮(点击跳转链接)H5页面在微信展示的优势是交互效果好，观赏性强，但是归根结底，还是要回到营销的目的上来。或用于宣传，需要链接到更为详尽的介绍页面;或用户收集信息，需要链接到指定的信息收集页面。如此一来，是否具有点击跳转功能就成为判断一个H5工具是否可供选择的硬性标准之一；7 输入框在微信H5页面中，除宣传类外，大部分都是以收集信息为目的的。除了使用麦客表单、金数据、问卷星等第三方表单收集工具外，各个H5工具内置的输入框功能也不失为一个很好的选择。这样，在对应的后台，不仅可以看到访问信息(如已有查看权限)，还可查看详细报名数据。

现在所有的H5页面制作都带广告，不过你可以试试应用之星网站，广告是可以去掉的。

现在的第三方平台已经很成熟了，模板也很多，基本都能满足你的需求。这里我推荐我经常使用的一个平台，叫做应用之星，既能制作H5又能制作App，相当强大~制作教程：http://tieba.baidu.com/p/4629350618，希望能够帮到你！

H5编辑平台大大降低了H5制作的门槛，以可复用定制的案例模板为主要功能，提高了工具效率之余还降低了人工成本。悠云·轻故事平台在模板这块在同类型产品中具有明显优势：分类精细实用、选择丰富多样，定期更新。无论是产品展示、杂志、相册还是简历等等，悠云·轻故事平台都有比同类平台更丰富的H5场景模板。更受人青睐的功能在于它拥有相当高自由度的H5个性定制后台，使用者在打造个人特色时能更得心应手。 面对H5页面定制同质化的瓶颈，悠云·轻故事对于未来发展亦有了清晰的打算：完善页面定制，发展用户制作功能，打造真正能够应对各种社交传播、O2O营销需求的整合平台。如今，悠云·轻故事平台的移动端平台，手机网页版、APP已进入开发的冲刺阶段，预期在十月内将会进入测试阶段。 悠云轻故事将iBeacon技术整合Html5语言打造出创新性应用设备——Upal悠云子，交互性正是其独特优势所在。当客户走进商家店面，根据相关提示打开手机蓝牙，并使用微信摇一摇，即能获得该店的宣传内容或促销信息。除了和微信摇一摇结合的场景应用外，商家还能利用悠云·轻故事平台制作自家独特的平台小游戏，实现无需下载，轻松吸引宣传的数字营销方式。这种营销形式既新奇又有趣，一改以往传单式促销的负面影响，同时其自带的定制功能为内容新鲜和多样化提供了保证，对受众的交互主动性也有所提高。工具类：一、Adobe Edge目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。二、Adobe Dreamweaver CS6Adobe Dreamweaver CS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。三、Adobe ColdFusion 10ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。四、Sencha Architect 2在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。

最简单的是那种直接有模版往里套的H5工具，因为只能使用工具提供的模版，所以H5的交互体验也是有很大的限制，如果想快速出效果但不重视用户体验的可以用这种。还有种是可以自定义多种交互效果的，类似iH5这种工具平台，不会被模版限制住，可以自定义做出很多前端效果，完全就是那种只要你有脑洞就不怕实现不了的工具。

　　一、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开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。