【转】HTML5工具篇：10个轻松使用的在线H5编辑平台
【转载说明】目前，在中小学教学中被教师和学生使用的H5创作平台有易企秀、初页和MAKA等，它们各有特点，适合师生在教学中创作制作自己的面向手机端的教学资源，例如：微课、数字故事、课程内容、练习与作业、学校文化、各类讲义、学校的宣传、各类规章制度等，逐步成为师生喜闻乐见的传播方式。
HTML5工具篇：10个轻松使用的在线编辑平台
作者：Teeya
2015年，HTML5
页面作为营销界新宠儿，“多快好省”的杰出代表，其灵活性高、开发成本低且制作周期短的种种特性使其在移动营销领域大放异彩。
此前，SocialBeta 发布了一篇文章，文中介绍了HTML5网页的基础知识、有哪些应用场景以及如何推广，反响强烈，不少读者都来询问HTML5&页面的制作工具。
对于这个问题，我只想说请去学编程写代码吧！！！ HTML5 + CSS3 +
Javascript，学完保证腿也不疼，脖子也不酸了，上楼也不喘气了，更不会被技术公司忽悠了……开个玩笑。要真去学，恐怕需求时效早已经过了，剩的
只有黄花菜了吧。放在以前或许是个问题，但现在完全不用担心，有许多公司开发了各种工具平台用以快速制作简易移动端HTML5页面。互联网+思维下带来最大
的便利就是大厨们早已把盛有答案和解决方案的盘子摆在你面前，我们只需要看其品相与自己的喜好选择一个便可。
下面介绍几个编程小白也能使用的微网页、微画报或场景应用的制作工具。
排名不分先后，功能大同小异，可按照自身需求挑选。
初页作为手机端制作动态海报的app，面向C端，门槛极低，上手简单容易，可在App
store免费下载，直接在手机上编辑创作。众多模板版式，任君挑选，也提供定制服务。
Maka目前只有Web端，IOS和Android版本还未上线，模板丰富，有多种动态效果以及交互效果可供选择，除收费版外提供免费版，不过免费版不提供外链模板。
3. Liveapp 场景应用/云来
云来Liveapp是面向企业方的移动场景APP云服务平台，许多知名企业都在使用，购买场景应用，近日云来开放了免费体验，“认证企业”可以申请获取，体验时长31天。
“秀制作”为秀米出品，免费提供多种模板，傻瓜式操作，可以外链，可与秀米图文排版双剑合璧。
5. 点点客海报
点点客作为微信第三方开发服务商，推出了免费的点点客海报，无需注册，扫码登录，即可编辑动态海报，多种效果、翻页动画、背景音乐、可统计浏览量，也提供定制。
兔展目前只支持Safari和chrome浏览器，承诺免费永久开放所有功能。
免费，有多种动态模板，能实现文本和图片带有滑动、隐现、放大缩小等动态效果。同时有ios
移动客户端，在手机上也可创建场景应用，以及数据统计功能.
时趣出品，为中小企业定制的社会化媒体营销软件。
&9. Epub360意派
为专业设计师打造的交互设计利器，交互效果强大，动画效果出色，虽然简单傻瓜式的模板不多，但自由度相对较高。
&10. Vxplo
专注在线交互设计，功能强大，同epub360一样适合专业设计师，可以零代码制作轻应用。
再介绍几款国外的在线免费网站建设平台，同样无需编程知识。
Wix基于HTML5技术，向用户提供多种网页模板，操作简单粗暴，零基础无需代码，智能拖拽即可实现网页建设。据Wix统计每天有超过45000的新用
户加入Wix，每个类目下有上百的HTML5模板可供使用，响应式设计，在手机端也有很好的展示。另外也支持大量第三方插件。
2. Google Web Designer
Google Web
Designer是谷歌是专门为创意设计者打造的的可视化HTML5网页和广告设计开发工具，全功能均免费。它提供了所见即所得的设计环境，包含设计视图和代码视图，还能制作Banner广告动画。（当然请自备梯子）
&3. Weebly
类似Wix，也是一款HTML5拖放式智能创建器，支持中文，拥有多种优秀网页模板和交互效果，并且有IOS和Android客户端可以管理自己的网页、随时随地跟踪。
&4. Ceilfire
是一个创建HTML5游戏并分享的平台。用户可以直接在浏览器中创建游戏、参与游戏、分享游戏，无需编程知识和相关技术细节。想做简单的HTML5游戏可以用这种方式试试手。
Jimdo是老牌的德国汉堡专业在线网页自助建站平台，在全球12个国家拥有超过1000万用户。用户可在不懂任何网页制作方面知识的情况下轻松制作出漂
亮的网页。同时除固定模板外，Jimdo允许用户使用自定义代码和widget外部插件接入。免费的IOS和Android移动客户端支持编辑页面。
如果您知道其他易上手好用的HTML5网页编辑工具，也欢迎您的推荐。
资料来源： /t/ten-html5-editing-tools
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。手机号/邮箱:?
使用第三方登录：?
还可以输入 300 字符
请输入举报理由
选择收藏分类：
默认收藏夹
添加收藏分类：
的其他素材
设计素材：HTML5开发手机网页必用 Ratchet 移动端Bootstrap
2年前上传　
系统分类：
简介：Bootstrap如今是Github上最火的开源项目之一，这是一个用于前端开发的工具包，由Twitter前设计师Mark Otto和Jacob Thornton合作开发。 现在Bootstrap开发团队又带来了一个专门针对移动端的框架——Ratchet，该框架允许你使用简单的HTML、CSS和JS组件来构建移动应用。 Ratchet官网：/ Ratchet组件：/components/ Ratchet示例：/examples/ 使用Ratchet创建应用的步骤 下载Ratchet，通过各个Ratchet组件拼凑出你想要的应用程序界面，可参考基本页面模板和示例应用。你可以在应用标签中添加ratchet-theme-ios.css或ratchet-theme-android.css文件来制定应用的平台。通过push.js来连接页面，Push.js允许你创建一个看起来像真实应用的原型。将应用原型保存到你的手机上。
下载素材（5.85MB / 1474 次下载）
版权信息： “设计素材”栏目内，站内会员所分享的全部“资源/素材”，仅供学习与参考，版权为原作者所有。
如果下载的压缩包需要解压密码，请输入：zcool。
站酷提示：已注册会员可以享受下载服务。
如遇不能解压的情况，请尝试修改扩展名为.rar。
同时推荐此素材
还可以输入 2000 个字符
为了给会员提供更流畅的服务，
请您，享受无限制下载服务。
如已经注册，。
如有任何疑问，请与我们联系。web前端大家用什么开发工具。_html5吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：77,199贴子：
web前端大家用什么开发工具。收藏
手机端web开发用什么工具好，用什么来模拟手机页面调试。
千锋html5 名师荟萃 汇聚html5前沿技术 全栈式教学模式 免费试学两周千锋html5 0基础4个月快速提升,成就html5实战精英 实战教学 学习就业无缝对接!
求大神告诉。
谷歌浏览器自带手机调试
920文本编辑器
谷歌浏览器自带手机调试
webstorm 好用
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或24小时客服热线：&&景安企业QQ：&
2015年主流html5开发工具推荐
来源：景安网络
作者：html5开发工具
更新时间： 17:01
景安网络—河南专业的多线服务器托管商！提供快云服务器,快云VPS,虚拟主机,域名注册,服务器托管,服务器租用,SSL证书。注册景安会员，免费领域名！
DCloudHBuilder
&&DCloud&HBuilder致力于做用的HTML5移动开发工具。DCloudHBuilder是当前最快的HTML5开发工具，拥有强大的代码助手，可以帮助你完成快速开发，拥有强大的语法库和浏览器兼容性数据，让浏览器的碎片化不再头痛，DCloud&还能提供云端打包服务，可以让开发者直接在云端生成&.ipa&或&.apk&安装包供部署调试。
& NO.2 Animatron
& Animatron是一款简单而又强大的在线工具，通过它，你可以创建出令人惊叹的的HTML5动画和互动内容。&使用起来非常直观的Animatron编辑器去设计和发布完美的移动产品，同时也可以到处播放的电影和信息图表等，从桌面浏览器到移动设备，无需编码。
& NO.3&Lungo&
& Lungo是一款基于HTML5的开发框架，是专门为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTML5、CSS3和JavaScript；支持手机、电视以及桌面设备。
& 拥有强大的JavaScript&API：Lungo提供了一个强大的API，让我们可以完全掌控自己的webAPP应用程序。
& NO.4&&mobl
& mobl&是一个新的开源编程语言，主要适用于加速手机应用的开发，mobl 可以很方便的构建手机&web&应用程序，这包括&iOS、Android&和其他支持&HTML5&技术的手机。
& Mobl是一种与JavaScript非常类似的脚本语言，该语言拥有以下结构：&
& 实体（entities）、类型（types）、函数（functions）、控件（controls）、屏幕（screens）、样式（styles&）和设备（services）
& 实体是在本地存储中持久化的数据元素，而类型是一种供我们使用的不稳定的数据。函数与那些定义在JavaScript以及能够调用JavaScript代码的语言中的函数类似等。
& NO.5&&DevExtreme
& DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows&Phone&8应用程序，是Visual&Studio开发人员开发跨平台移动产品的优选工具。
& NO.6&Adobe&Edge
& 目前还处于预览阶段的Adobe&Edge&是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。
& 内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。
& 动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。
& &NO.7 Sencha Architect 2
& 在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用，并能够实时预览。
& &NO.8&JetBrains WebStorm 4.0
& 拥有HTML编辑器的JavaScript集成开发环境，WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。开发者还可以在chrome浏览器中能够实时预览HTML文档。
本文链接：
关键字：html5开发工具
若无特别注明，文章皆为原创，转载请注明出处。H5编辑推荐：最好用的五大移动应用开发工具
查看: 24446|
摘要: 本期为大家精选国内外主流实用的五款混合应用开发平台，包括PhoneGap、 AppCan等，希望强大的功能可以帮助开发者减低成本、缩短周期、突破瓶颈。
& & & &移动互联网的开放性带给草根创业者许多想象，“有为青年、白手起家、90后创业”，成为这个时代最值得骄傲的字眼。打工不易，创业更不易，开发者不仅要面对专业技术、创新思维、市场推广的考验，而且要懂得产品设计、客户服务、商务谈判的知识，十足的全能选手。并且，移动碎片化严重、移动终端种类纷繁、开发系统更新迭代快、用户个性化需求突出，中小型团队和个人开发者必须学会利用外部环境和内部资源提高创业成功的概率。& & & &本期为大家精选国内外主流实用的五款混合应用开发平台，包括PhoneGap、 AppCan、Intel XDK、Appcelerator、Salesforce1，希望强大的功能可以帮助开发者减低成本、缩短周期、突破瓶颈。一、PhoneGap& & & &PhoneGap基于HTML、CSS和JavaScript的快速开发平台，一次开发可支持iOS、Android、WebOS、Symbian、Windows Phone、Bada和Blackberry7个平台的开源移动框架。PhoneGap XDK是一个完整的开发环境，也可以和其他代码编辑器一起使用，如Dreamweave 5.5或NotePad++等。PhoneGap XDK允许用于测试、模拟PhoneGap代码，以看该应用能否在iOS或Android设备上运行。PhoneGap的突出优点还有Native接口比较丰富，通过封装的API可以直接访问硬件，比如说加速，相机，指南针，GPS，文件访问等，接口文档描述非常详细。& & & &但是PhoneGap需要针对相应的平台环境配置，进行编译，打包测试，发布等等。由于使用Hybrid 开发的用户群，大部分是web开发者，对原生开发基本不了解，这无疑给每一个开发者增加了沉重的负担，需要对各个平台的开发都要需要了解，对硬件等等都要配置，加大开发成本。另外，还有两个难以逾越的障碍：文档虽比较详细但是基本是英文，对英文草鸟是不小的挑战；因为是国外的框架，技术支持不够到位，出现问题，无法排解，成为技术攻关的难点。二、AppCan& & & &AppCan是本土颇有发展前景和技术优势的开发平台，近期就有媒体曝出AppCan获得数千万元新融资。是国内首个HTML5移动应用开发平台，已拥有近50万人次的注册开发者，创建了近20万种应用，手机终端安装用户数达到5000万，在国内的软件厂商中算是佼佼者。& & & &AppCan企业移动开发套件技术优势：软硬结合一体化的移动开发套件，为开发者方便、快速地提供从App开发到运维管理直至移动安全的一体化服务；Mac mini应用开发服务器，包含正式版本编译环境，在企业内网上实现私有打包；支持SVN协同、多人同时开发；插件管理可自行配置、自行更新；独享引擎的版本回溯功能，开发者可任意选择当前某一版本引擎进行版本打包。当然，AppCan也存在一些问题：免费版不支持自定义插件，开发文档写的过于简单，需要继续丰富。& & & &据悉，原价49800元的AppCan 企业移动开发套件正在四折限时限量促销，这个价格对于起步阶段的开发团队是不错的选择。三、英特尔XDK& & & &作为Intel HTML5 Development Environment的组成部分，Intel XDK为一个跨平台工具包，可帮助开发人员跨应用商店、操作系统和设备快速开发、测试和安装应用程序。& & & &Intel XDK的拖放界面可加快新应用程序、原型以及更快速的游戏界面的开发。其开发框架，可根据设备的本机主题开发与之相适应的应用程序，可适配Android、iOS、、Windows 8、和Tizen操作系统。四、Appcelerator& & & &Appcelerator是一套结合了IDE、SDK以及多种框架，并将后端云服务添加至企业级系统中的移动开发方案。其Titanium SDK允许我们通过单一代码库开发出原生、混合以及移动Web等多种应用程序类型。& & & & Titanium Studio是一套基于Eclipse的可扩展IDE，用于创建Titanium与Web应用程序；Appcelerator Cloud Services则为我们的应用成果提供一系列自动化网络扩展功能及数据对象。Appcelerator提供的Alloy框架坚持快速实现Titanium应用程序开发的设计思路，以MVC架构为基础并内置对Backbone.js以及Underscore.js的支持能力。尽管Appcelerator并不是一套无需编码技能的解决方案，但它能够以一站式角度为iOS、Android、Tizen、黑莓以及移动Web应用提供基于JavaScript的各类开发工具。& & & & Appcelerator有面向个人开发者的免费版，在商业用途下的Appcelerator Platform收取费用。五、Salesforce1& & & & Salesforce1能够帮助开发者加快HTML 5、iOS、Android以及Web移动应用的开发与部署工作。在极简模式下，大家可以利用移动网站或者可下载的通用Salesforce查看应用创建自己的 Web应用。更进一步，我们也能够通过Salesforce Mobile Pack开发出jQuery Mobile、Angular.js、Backbone.js或者Knockout HTML 5移动应用。而经验丰富的用户也能够从最高难度起步，利用Salesforce Mobile SDK将自己的移动平台与其原生SDK工具相结合，从而开发出面向iOS或者Android平台的原生或者混合应用。这些应用通过Salesforce中的Connected App与后端实现通信。但这款工具目前在国内的使用率还比较低。关键词：html5、APP、AppCan
本站文章均由 HTML5中国 编辑从其他媒体精选HTML5相关文章转载，仅供网友学习和交流，如果我们的工作有侵犯到您的权益，请及时联系站长QQ：，我们会在第一时间进行处理！投稿： admin@html5cn.org
扫一扫 HTML5中国官方微信
Powered by}