零基础小白必知 常见HTML5开发工具有哪些 html5常用的开发工具是哪些？
HTML5\u5f00\u53d1\u5de5\u5177\u6709\u54ea\u4e9b1\u3001Sublime Text
Sublime Text \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u7684\u4ee3\u7801\u7f16\u8f91\u5668\uff0c\u540c\u65f6\u652f\u6301Windows\u3001Linux\u3001Mac OS X\u7b49\u64cd\u4f5c\u7cfb\u7edf\uff0c\u4e5f\u662fHTML\u548c\u6563\u6587\u5148\u8fdb\u7684\u6587\u672c\u7f16\u8f91\u5668\u3002
Sublime Text\u5177\u6709\u6f02\u4eae\u7684\u7528\u6237\u754c\u9762\u548c\u5f3a\u5927\u7684\u529f\u80fd\uff0c\u4e3b\u8981\u529f\u80fd\u5305\u62ec:\u62fc\u5199\u68c0\u67e5\uff0c\u4e66\u7b7e\uff0c\u5b8c\u6574\u7684 Python API \uff0cGoto \u529f\u80fd\uff0c\u5373\u65f6\u9879\u76ee\u5207\u6362\uff0c\u591a\u9009\u62e9\uff0c\u591a\u7a97\u53e3\u7b49\u7b49\u3002
2\u3001Dreamweaver
Dreamweaver\u662f\u96c6\u7f51\u9875\u5236\u4f5c\u548c\u7ba1\u7406\u7f51\u7ad9\u4e8e\u4e00\u8eab\u7684\u6240\u89c1\u5373\u6240\u5f97\u7f51\u9875\u7f16\u8f91\u5668\uff0c\u62e5\u6709\u53ef\u89c6\u5316\u7f16\u8f91\u754c\u9762\uff0c\u652f\u6301\u4ee3\u7801\u3001\u62c6\u5206\u3001\u8bbe\u8ba1\u3001\u5b9e\u65f6\u89c6\u56fe\u7b49\u591a\u79cd\u65b9\u5f0f\u6765\u521b\u4f5c\u3001\u7f16\u5199\u548c\u4fee\u6539\u7f51\u9875\uff0c\u521d\u5b66HTML5\u7684\u4eba\u53ef\u4ee5\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u5c31\u80fd\u5feb\u901f\u521b\u5efaWeb\u9875\u9762\u3002
3\u3001Adobe Edge
Adobe Edge\u662f\u4e00\u6b3e\u65b0\u578b\u7f51\u9875\u4e92\u52a8\u5de5\u5177\uff0c\u5141\u8bb8\u8bbe\u8ba1\u5e08\u901a\u8fc7HTML5\u3001CSS\u548cJava\u5236\u4f5c\u7f51\u9875\u52a8\u753b\u3002Edge\u7684\u4e00\u4e2a\u91cd\u8981\u529f\u80fd\u662fWeb\u5de5\u5177\u5305\u754c\u9762\uff0c\u65b9\u4fbf\u786e\u4fdd\u9875\u9762\u5728\u4e0d\u540c\u6d4f\u89c8\u5668\u4e2d\u7684\u67b6\u6784\u4e00\u81f4\u6027\u3002
4\u3001WebStorm
WebStorm\u662f\u4e00\u6b3eJava \u5f00\u53d1\u5de5\u5177\uff0c\u76ee\u524d\u5df2\u7ecf\u88ab\u5e7f\u5927\u4e2d\u56fdJS\u5f00\u53d1\u8005\u8a89\u4e3a"Web\u524d\u7aef\u5f00\u53d1\u795e\u5668"\u3001"\u6700\u5f3a\u5927\u7684HTML5\u7f16\u8f91\u5668"\u3001"\u6700\u667a\u80fd\u7684Java IDE"\u7b49\u3002
WebStorm\u5177\u6709\u7684\u4f18\u52bf\u662f\uff1a\u667a\u80fd\u7684\u4ee3\u7801\u8865\u5168\u3001\u4ee3\u7801\u683c\u5f0f\u5316\u3001html\u63d0\u793a\u3001\u8054\u60f3\u67e5\u8be2\u3001\u4ee3\u7801\u91cd\u6784\u3001\u4ee3\u7801\u68c0\u67e5\u548c\u5feb\u901f\u4fee\u590d\u3001\u4ee3\u7801\u8c03\u8bd5\u3001\u4ee3\u7801\u7ed3\u6784\u6d4f\u89c8\u3001\u4ee3\u7801\u6298\u53e0\u3001\u5305\u88f9\u6216\u8005\u53bb\u6389\u5916\u56f4\u4ee3\u7801\u3002
5\u3001HBuilder
HBuilder\uff0c\u5373Html Builder\u7684\u7f29\u5199\uff0cBuilder\u662f\u5efa\u9020\u8005\u7684\u610f\u601d\u3002HBuilder\u662f\u4e00\u4e2a\u6781\u5ba2\u5de5\u5177\uff0c\u8ffd\u6c42\u65e0\u9f20\u6807\u7684\u6781\u901f\u64cd\u4f5c\uff0c\u4e0d\u7ba1\u662f\u6572\u4ee3\u7801\u7684\u5feb\u6377\u8bbe\u5b9a\uff0c\u8fd8\u662f\u64cd\u4f5c\u529f\u80fd\u7684\u5feb\u6377\u8bbe\u5b9a\uff0c\u90fd\u878d\u5165\u4e86\u6548\u7387\u7b2c\u4e00\u7684\u8bbe\u8ba1\u601d\u60f3\u3002
HBuilder\u4e0d\u4e3a\u6572\u5b57\u6bcd\u800c\u82b1\u8d39\u65f6\u95f4\uff0c\u4e0d\u4e3a\u5927\u5c0f\u5199\u62fc\u9519\u800c\u8c03\u9519\u534a\u5929\uff0c\u628a\u7cbe\u529b\u82b1\u5728\u601d\u8003\u4e0a\uff0c\u60f3\u6e05\u695a\u540e\u843d\u7b14\u5982\u98de\u3002\u652f\u6491\u8fd9\u4e2a\u7406\u5ff5\uff0c\u9664\u4e86\u4f53\u9a8c\u4e0a\u7684\u7cbe\u7ec6\u8bbe\u8ba1\uff0c\u8fd8\u8981\u6c42\u6211\u4eec\u7a81\u7834\u5f88\u591a\u4e16\u754c\u7ea7\u6280\u672f\u96be\u9898\uff0c\u5305\u62ec\u8bed\u6cd5\u5e93\u3001\u8bed\u6cd5\u7ed3\u6784\u6a21\u578b\u3001AST\u8bed\u6cd5\u5206\u6790\u5f15\u64ce\u3002
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1\u2014\u2014Sublime Text
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1\u2014\u2014Dreamweaver
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1\u2014\u2014Adobe Edge
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1\u2014\u2014WebStorm
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1\u2014\u2014HBuilder
\u7b2c\u4e00\u3001\u3010Google Web Toolkit\u3011\u662f\u73b0\u5728\u5927\u5bb6\u8fd8\u4e0d\u719f\u6089\u7684\u5de5\u5177\u4e4b\u4e00\uff0c\u4e3b\u8981\u7528\u4e8e\u5f00\u53d1\u6d4f\u89c8\u5668\u5e94\u7528\u7684\u4e00\u4e2a\u5de5\u5177\uff0c\u4e0d\u8fc7\u5e93\u4e2d\u652f\u6301\u5f88\u591a\u3010HTML5\u3011\u7684\u529f\u80fd\uff0c\u5305\u62ec\u5bf9\u5ba2\u6237\u7aef\uff0c\u6216\u8005\u662fweb\u5b58\u50a8\u7684\u652f\u6301\uff0c\u90fd\u53ef\u4ee5\u5b9e\u73b0\u3002
\u7b2c\u4e8c\u3001\u8fd8\u6709\u4e00\u79cd\u662f\u3010JetBrains WebStorm\u3011\u5de5\u5177\uff0c\u9700\u8981\u521b\u5efaHTML\u6587\u6863\u65f6\u53ef\u83b7\u5f97\u5bf9\u3010HTML5\u3011\u6587\u4ef6\u7684\u652f\u6301\uff0c\u73b0\u5728\u7684\u8fd0\u7528\u5f88\u591a\uff0c\u6bd4\u5982\u780d\u4f10\u8005\u952e\u5165\uff0c\u4f7f\u7528\u8005\u53ef\u4ee5\u5728\u3010chrome\u3011\u6d4f\u89c8\u5668\u4e2d\u53ca\u65f6\u7684\u9884\u89c8\u3010HTML\u3011\u7684\u6587\u6863\u5f88\u65b9\u4fbf\u3002
\u7b2c\u4e09\u3001\u5fae\u8f6f\u7684\u3010Visual Studio 2010 SP1\u3011\u4e2d\u63d0\u4f9b\u4e86IntelliSense\u8fd9\u4e2a\u9879\u76ee\uff0c\u4e5f\u5c31\u662f\u8bf4\u8ffd\u52a0\u4e86\u9488\u5bf9\u3010HTML5\u3011\u7684\u4e00\u4e9b\u5143\u7d20\uff0c\u603b\u4f53\u4f7f\u7528\u8d77\u6765\u8fd8\u662f\u6bd4\u8f83\u597d\u7684\uff0c\u4f46\u662f\u6211\u4eec\u8981\u7ed3\u5408\u3010ddhu\u3011\u7684\u4e00\u4e9b\u5b9e\u7528\u5de5\u5177\u3002
\u7b2c\u56db\u3001\u3010Dojo Foundation Maqetta\u3011\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u8fd9\u6b3e\u662f\u5de5\u5177\u662f\u6765\u81ea\u4e8e\u3010IBM\u3011\u9879\u76ee\u4e4b\u4e00\uff0c\u3010Dojo Foundation Maqetta\u3011\u662f\u4e3a\u684c\u9762\u548c\u79fb\u52a8\u8bbe\u5907\u5f00\u53d1HTML5\u5e94\u7528\u7684\u5f00\u6e90\u5de5\u5177\uff0c\u6d4f\u89c8\u5668\u5373\u53ef\u4f7f\u7528\u3002
\u7b2c\u4e94\u3001\u5f53\u7136\u8fd8\u6709\u3010Sencha Touch2\u3011\u662f\u79fb\u52a8\u5e94\u7528\u6846\u67b6\u7684\u4e00\u79cd\uff0c\u53ef\u4ee5\u5f53\u505a\u4e00\u4e2a\u91cd\u8981\u3010Sencha\u3011\u7684HTML5\u5e73\u53f0\uff0c\u4f7f\u7528\u8005\u53ef\u4ee5\u7528\u5b83\u5f00\u53d1\u9762\u5411\u3010iOS\u3011\u8fdb\u884c\u5236\u4f5c\u548c\u4f7f\u7528\uff0c\u4e5f\u53ef\u4ee5\u3010Android\u3011\u548c\u3010Blackberry\u3001Kindle Fire\u3011\u4f7f\u7528\u3002
\u7b2c\u516d\u3001\u73b0\u5728\u6211\u4eec\u7ee7\u7eed\u4ecb\u7ecd\u3010Sencha\u3011\uff0c\u8fd9\u6b3e\u5de5\u5177\u7684\u4e3b\u8981\u5b9a\u4f4d\u662f\u3010HTML5\u3011\u7684\u53ef\u89c6\u5316\u5f00\u53d1\u7814\u7a76\uff0c\u4e00\u822c\u6765\u8bf4\u5f00\u53d1\u56e2\u961f\u53ef\u4ee5\u5728\u4e00\u4e2a\u4efb\u52a1\uff0c\u7136\u540e\u505a\u4e00\u4e2a\u96c6\u6210\u7684\u73af\u5883\uff0c\u7136\u540e\u5728\u8fd9\u4e2a\u73af\u5883\u4e2d\u5b8c\u6210\u5e94\u7528\u7684\u8bbe\u8ba1\u548c\u5f00\u53d1\uff0c\u4ee5\u53ca\u9700\u8981\u7684\u90e8\u7f72\u3002
\u7b2c\u4e03\u3001\u6211\u4eec\u6765\u4ecb\u7ecd\u4e00\u4e0b\u3010Adobe ColdFusion \u3011\uff0c\u8fd9\u6b3e\u5de5\u5177\u4e3b\u8981\u662f\u7528\u6765\u5f00\u53d1\u4f01\u4e1a\u3010Web\u3011\u7a0b\u5e8f\u7684\u4e00\u4e2a\u6280\u672f\uff0c\u901a\u8fc7\u3010Websockets\u3011\u548c\u4e92\u52a8\u8868\u5355\u4ee5\u53ca\u89c6\u9891\u7b49\u6765\u505a\u51fa\u3010HTML5\u3011\u6280\u672f\uff0c\u521b\u5efa\u4e00\u79cd\u7528\u6237\u4f53\u9a8c\u3002
\u7b2c\u516b\u3001\u6700\u540e\u3010Adobe Dreamweaver CS6\u3011\u4f5c\u4e3a\u4e00\u4e2a\u3010Web\u3011\u7aef\u53e3\u7684\u4e00\u79cd\u8bbe\u8ba1\u8f6f\u4ef6\uff0c\u8fd9\u6b3e\u5de5\u5177\u63d0\u4f9b\u4e86\u5bf9\u3010HTML\u3011\u7f51\u7ad9\u548c\u79fb\u52a8\u7a0b\u5e8f\u7684\u53ef\u89c6\u5316\u7f16\u8f91\u754c\u9762\uff0c\u6574\u4f53\u6765\u8bf4\u4f7f\u7528\u4e5f\u662f\u6bd4\u8f83\u7684\u65b9\u4fbf\u3002
1. Adobe Dreamweaver CS6
Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作！
2. Adobe Edge
Adobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。
3. 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开发人员开发跨平台移动产品的首选工具。
4. JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaS IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
5. Sencha Architect
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用，并实时预览。
6、Initializr
Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。
7、HTML5demos
想知道你的浏览器是否支持 HTML5 Canvas 吗？想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗？HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。
8、HTML5 Tracker
想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧，它可以跟踪 HTML5 最新修订信息。
9、HTML5 visual cheat sheet
想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个Web开发人员的必备。
10、Switch To HTML5
Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目，可以到这里获取免费的 HTML5 网站模板。
11、HTML5 Test
你浏览器准备好迎接 HTML5 革命了吗？HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。
12、Lime JS
LimeJS 是一个 HTML5 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。
记事本 dreamwevaer
扩展阅读：html5零基础入门教程 ... s100β蛋白检测大于0.2 ... 微pe安装wimboot红色 ... 电路板b+b- ... 前端零基础入门教程 ... 小白测评x100 ... 十二色颜料调色表 ... 零基础编写个人网页html ... bootmgrpbr黄感叹号 ...
