html5可视化开发工具（html5 app 开发工具有哪些）

本文目录

• html5 app 开发工具有哪些
• h5的制作工具有哪些
• 国内几款比较好用的html5页面制作工具有哪些
• windows下做html5开发用什么工具
• html5常用的开发工具是哪些
• h5的制作工具有什么
• HTML5开发工具有哪些
• html5开发用什么工具好

html5 app 开发工具有哪些

1. Adobe Dreamweaver CS6
Dreamweaver CS6是世界**软件厂商Adobe推出的一套拥有可视化界面，用于制作并网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码工具更适用于Web开发高级人员的创作！
2. Adobe Edge
Adobe Edge是一个用HTML5、CSS、JavaScript开发动态互动内容的设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。
3. DevExtreme
DevExtreme Complete Subscription是性能最优的HTML5,CSS和JavaScript移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS，Android，Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。
4. JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
5. Sencha Architect
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch3和Ext JS4 JavaScript应用，并实时预览。

h5的制作工具有哪些

随着移动互联网时代的到来，市场营销人的工作也越来越复杂化，尤其是设计营销页制作的时候，必须要跟设计人员和技术人员打交道，十分头疼。
伴随着一些H5页面制作工具的诞生，这个问题得到了解决。市场营销人员只要对图片和文字稍加处理，就可以达到自己满意的效果。
那么，有哪些工具是特别好用的呢？
1
Page页面制作工具，来自M1云端市场部
这款工具是梅花网新推出的，针对集客营销的H5页面制作工具。这款工具拥有丰富的模板和插件，能够在较短的时间内做出美观又简洁的H5页面。
另外，这款工具搭配了表单以及客户管理系统等功能，能够快速的完成一次完整的营销活动，更为重要的是，这样一款工具竟然是免费的，不得不说是业内良心。
2
易企秀
该应用有多种动态模板，并实现多种动态效果，并且，易企秀拥有IOS移动客户端，可以在手机上进行H5的页面制作工作。
3
MAKA
Maka也是一款优秀的H5页面制作工具，模板丰富多样，在交互效果方面非常人性化，该工具有免费版，不过免费版不提供外链等功能。
4
Wix
Wix 基于HTML5技术的建站工具，向用户提供多种网页模板，操作非常简便，智能拖拽便可完成简单的网页建设。据Wix统计每天有超过45000的新用户加入 Wix，每个类目下有上百的HTML5模板可供使用，支持页面自适应，在手机端也有很好的展示。
5
Google Web Designer
Google Web Designer是谷歌是专门为设计者打造的的可视化HTML5设计开发工具。它提供了所见即所得的设计环境，包含设计视图和代码视图，还能制作Banner广告动画，功能丰富且强大。
6
Weebly
Weebly是一款HTML5拖放式智能建设工具，支持中文，拥有多种个优秀的网页模板，在交互设计商业为人称道，并且设有IOS和Android客户端，方便管理自己的网页、随时随地进行跟踪。
7
Ceilfire
Ceilfire是一个HTML5游戏设计平台。用户可以直接在浏览器中创建游戏、参与游戏、分享游戏，无需编程知识和相关技术细节。想做简单的HTML5游戏可以用这种方式试试手。
8
Jimdo
Jimdo 是一款德国的在线网页自助建站平台，在全球12个国家拥有超过1000万用户。用户可在不懂任何网页制作方面知识的情况下

国内几款比较好用的html5页面制作工具有哪些

HTML5被看做是Web开发者创建流行web应用的利器，增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。今天,我将为大家推荐几个主流的HTML5开发工具。
1、Sublime Text
Sublime Text是一个跨平台的代码器，同时支持Windows、Linux、Mac OS X等操作系统，也是HTML的文本器。
Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括：拼写检查、书签、完整的 Python API 、Goto 功能、即时项目切换、多选择、多窗口等等。
2、Dreamweaver cc
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页器，拥有可视化界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。
3、Adobe Edge
Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。
4、WebStorm
WebStorm是一款Java开发工具，WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。
5、HBuilder
HBuilder，即Html Builder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速操作，不管是敲代码的快捷设定，还是操作功能的快捷设定，都融入了效率第一的设计思想。
6、visual studio code
一个运行于Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码器。该器也集成了所有一款现代器所应该具备的特性，包括语法高亮，可定制的热键绑定，括号匹配以及代码片段收集。
7. DevExtreme
DevExtreme Complete Subion是性能比较好的的HTML5、CSS和Java移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS、Android、Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。
8. Sencha Architect
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch3和Ext JS4 Java应用，并实时预览。
开发工具的选择，可以说是开发者社区中一个经久不衰的话题，现今器的数量数不胜数，vim、sublime Text,Emacs,Atom等等，那么对于一个开发者而言，挑选一个合适的器是可以有效的提高编程效率;那么以上是我为大家推荐的几款开发工具啦，大家可根据自己的喜好选择哦！

windows下做html5开发用什么工具

工具/原料

AdobeDreamweaverCS6

AdobeEdge

DevExtreme

JetBrainsWebStorm

SenchaArchitect

Initializr

HTML5demos

HTML5Tracker

HTML5visualcheatsheet

SwitchToHTML5

HTML5Test

LimeJS

12款程序员必备的HTML5开发工具

方法/步骤1:

1.AdobeDreamweaverCS6

DreamweaverCS6是世界**软件厂商Adobe推出的一套拥有可视化界面，用于制作并网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码工具更适用于Web开发高级人员的创作！

方法/步骤2:

2.AdobeEdge

AdobeEdge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，AdobeEdge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。

方法/步骤3:

3.DevExtreme

DevExtremeCompleteSubion是性能最优的HTML5,CSS和Java移动开发框架，可以直接在VisualStudio集成开发环境，构建iOS，Android，Tizen和WindowsPhone8应用程序。DevExtreme包含PhoneJS和ChartJS两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android4+、iOS5+、Windows8、WindowPhone8、Tizen五大移动平台，是VisualStudio开发人员开发跨平台移动产品的首选工具。

方法/步骤4:

4.JetBrainsWebStorm

WebStorm是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5器”、“最智能的JavaSIDE”等。与IntelliJIDEA同源，继承了IntelliJIDEA强大的JS部分的功能。

方法/步骤5:

5.SenchaArchitect

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发SenchaTouch3和ExtJS4Java应用，并实时预览。

方法/步骤6:

6、Initializr

Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。

方法/步骤7:

7、HTML5demos

想知道你的浏览器是否支持HTML5Canvas吗？想知道Safari是否可以运行简单的HTML5聊天客户端吗？HTML5demos会告诉你每一个HTML5特性在哪些浏览器中支持。

方法/步骤8:

8、HTML5Tracker

想了解HTML5的最新动向吗?使用HTML5Tracker吧，它可以跟踪HTML5最新修订信息。

方法/步骤9:

9、HTML5visualcheatsheet

想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个Web开发人员的必备。

方法/步骤10:

10、SwitchToHTML5

SwitchToHTML5是一个基础而实用的模板生成工具。如果你开始一个新项目，可以到这里获取免费的HTML5网站模板。

方法/步骤11:

11、HTML5Test

你浏览器准备好迎接HTML5革命了吗？HTML5Test将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。

方法/步骤12:

12、LimeJS

LimeJS是一个HTML5游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。

html5常用的开发工具是哪些

第一、【Google Web Toolkit】是现在大家还不熟悉的工具之一，主要用于开发浏览器应用的一个工具，不过库中支持很多【HTML5】的功能，包括对客户端，或者是web存储的支持，都可以实现。

第二、还有一种是【JetBrains WebStorm】工具，需要创建HTML文档时可获得对【HTML5】文件的支持，现在的运用很多，比如砍伐者键入，使用者可以在【chrome】浏览器中及时的预览【HTML】的文档很方便。

第三、微软的【Visual Studio 2010 SP1】中提供了IntelliSense这个项目，也就是说追加了针对【HTML5】的一些元素，总体使用起来还是比较好的，但是我们要结合【ddhu】的一些实用工具。

第四、【Dojo Foundation Maqetta】是一个不错的选择，这款是工具是来自于【IBM】项目之一，【Dojo Foundation Maqetta】是为桌面和移动设备开发HTML5应用的开源工具，浏览器即可使用。

第五、当然还有【Sencha Touch3】是移动应用框架的一种，可以当做一个重要【Sencha】的HTML5平台，使用者可以用它开发面向【iOS】进行制作和使用，也可以【Android】和【Blackberry、Kindle Fire】使用。

第六、现在我们继续介绍【Sencha】，这款工具的主要定位是【HTML5】的可视化开发研究，一般来说开发团队可以在一个任务，然后做一个集成的环境，然后在这个环境中完成应用的设计和开发，以及需要的部署。

第七、我们来介绍一下【Adobe ColdFusion 】，这款工具主要是用来开发企业【Web】程序的一个技术，通过【Websockets】和互动表单以及视频等来做出【HTML5】技术，创建一种用户体验。

第八、最后【Adobe Dreamweaver CS6】作为一个【Web】端口的一种设计软件，这款工具提供了对【HTML】网站和移动程序的可视化界面，整体来说使用也是比较的方便。

h5的制作工具有什么

h5就是html5，HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集

h5的制作工具有:

一、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 Touch3和Ext JS4 JavaScript应用，并实时预览。

五、Sencha Touch 2

Sencha Touch3是移动应用框架，也被看作是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中提供了，追加了针对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开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。

HTML5开发工具有哪些

1、SublimeText

SublimeText是一个跨平台的代码器，同时支持Windows、Linux、MacOSX等操作系统，也是HTML和散文先进的文本器。

SublimeText具有漂亮的用户界面和强大的功能，主要功能包括:拼写检查，书签，完整的PythonAPI，Goto功能，即时项目切换，多选择，多窗口等等。

***隐藏网址***

2、Dreamweaver

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页器，拥有可视化界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、AdobeEdge

AdobeEdge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款Java开发工具，目前已经被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5器"、"最智能的JavaIDE"等。

WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、HBuilder

HBuilder，即HtmlBuilder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速操作，不管是敲代码的快捷设定，还是操作功能的快捷设定，都融入了效率第一的设计思想。

HBuilder不为敲字母而花费时间，不为大小写拼错而调错半天，把精力花在思考上，想清楚后落笔如飞。支撑这个理念，除了体验上的精细设计，还要求我们突破很多世界级技术难题，包括语法库、语法结构模型、AST语法分析引擎。

参考资料来源：百度百科——SublimeText

参考资料来源：百度百科——Dreamweaver

参考资料来源：百度百科——AdobeEdge

参考资料来源：百度百科——WebStorm

参考资料来源：百度百科——HBuilder

html5开发用什么工具好

一、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 Touch3和Ext JS4 JavaScript应用，并实时预览。
五、Sencha Touch 2
Sencha Touch3是移动应用框架，也被看作是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。