html5网站开发工具、html5游戏开发工具、html5移动web开发工具大全

HTML5 发展如火如荼，随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟，未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐10款优秀的HTML5开发工具，帮助你更高效的编写 HTML5 应用。

网站开发工具：

1、Adobe Dreamweaver 

最新版本Adobe Dreamweaver cs6支持html5，cs5一下的版本都不支持html5

首先是大名鼎鼎的Adobe Dreamweaver，Adobe Dreamweaver 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成，您能以可视方式或直接在代码中进行设计，使用内容管理系统开发页面并实现精确的浏览器兼容性测试。  Adobe Dreamweaver CS5版本通过Adobe HTML5 Pack这一扩展，用户可以更轻松地创建和优化其作品。 Adobe HTML5开发工具Pack包括标识HTML5 和 CSS3 功能的新代码，从而使Dreamweaver 用户能够方便地使用HTML5标记。HTML5开发工具扩展包还更新和改进了WebKit引擎以支持Dreamweaver CS5 实时视图中的视频和音频。用户利用CSS3新功能能够更方便地设计多屏网页，并且可以预览在多种浏览器和设备之间进行渲染的过程。  而最新版本的Adobe Dreamweaver CS5.5的突出新特点就是直接提供了对HTML5的支持：    通过 CSS 面板设置样式，该面板经过更新可支持新的 CSS3 规则。设计视图现在支持媒体查询，在您调整屏幕尺寸的同时可应用不同的样式。使用 HTML5 进行前瞻性的编码，同时提供代码提示和设计视图渲染支持。

2、Adobe Edge Preview

Adobe公司考虑到，当HTML5成为标准网页的时候，开发者们仍然将会在Adobe的软件上进行开发。所以推出一种新型的网页开发工具Edge，以帮助开发者在HTML5网页上创造更复杂的动画和互动效果。  Adobe网络专家组产品经理德汶·费南德（Devin Fernandez）称，随着HTML应用与开发越来越丰富，曾经通过Flash才能实现的工作，现在可通过Adobe Edge轻松完成。Edge支持事件连发操作，支持和元素，支持svg/png/gif/jpg图片，支持圆角矩形以及更多形状，支持元素与2D图形界面，支持SVG动画。  目前来看，Edge似乎和Flash运行在一个相似的界面上。Edge的时间轴和其他工具都位于和目前版本Flash的相同位置。但是界面背后，Edge是非常不同的。它是代替Adobe

2014年中考冲刺综合复习指导

北京地区试题 广东地区试题 江苏地区试题

动作脚本形式的，动画效果创造基于JSON编码，

所以代替动作脚本，动画效果是编码在html和javascript上，并运行在所有现代桌面浏览器和所有移动设备浏览器上，比如Safari浏览器。

游戏开发工具：

1、Make Games with Construct 2

最简单、最容易的基本游戏开发工具，它有一个可视化编辑器，让你不写一行代码创建HTML5游戏，这要归功于它的事件编辑器，而且对于初学者和高级用户都非常容易。该工具最近添加了WebGL加速。  100个事件以下的版本是免费的，其中包括拖放物理引擎。

下载地址：http://www.scirra.com/construct2/releases/r74

2、GameMaker 8.X

最老牌、最强大的一款工具。最近添加了对HTML5的支持（GameMaker:HTML5）。借助此工具的可视化开发界面，开发者无需写代码即可创建简单的游戏。 

对于复杂游戏，GameMaker可以根据用户创建的界面生成游戏脚本代码，代码基于GameMaker语言（GameMaker Language，简称GML，这是GameMaker的最大优势），你可以手动编辑它们

下载地址：http://www.yoyogames.com/make

html5移动web开发工具，移动游戏开发工具，手机端开发工具：

1、mobl-lang

Mobl是一款免费且开源的语言，可以加快移动app的开发速度。结合HTML5技术，mobl具有以下特性：

是一种简洁的语言，给人的感觉就如同native语言，开发速度快；

大型IDE（Eclipse）的支持，可以实现纠错、自动完成代码、自动检索引用等功能；

快速保存、随时测试。每当保存代码时mobl IDE 就会自编译，随时可以在移动浏览器中进行测试。

2、The M project

The-M-Project是完全开放源代码的，版权归MIT所有，永久免费。所以极力推荐大家参与到此项目的开发中。

3、LimeJS

LimeJS是一款HTML5游戏开发框架，适用于所有的触摸屏及桌面浏览器，可以提高开发速度，实现native的用户体验。

4、davebalmer

5、zeptojs

epto.js 是一款简洁的JavaScript框架，用于开发移动web，其语法与jQuery兼容。Zepto的主要业务是面向移动设备的，在该领域为提高加载速度、优化运行性能，缩小文件的大小、利用浏览器的最新功能显得尤为重要。

Zepto支持Safari, Chrome, Firefox，Opera及所有移动WebKit-based浏览器，包括iOS Mobile Safari, Android浏览器, HP webOS浏览器, Blackberry Tablet OS浏览器及其它浏览器。

6、touchqode

Touchqode将软件开发工具带进了智能手机里。你可以任何时候在任何地方查看、编辑、部署源代码。

7、jquerymobile

CDN托管版本的jQuery Mobile可以内嵌到你的网站中。并且已经进行了简化和压缩，也可以对图像文件进行托管。 这是将jQuery Mobile嵌入网站的最快捷方法。

8、sencha

Sencha Touch 2 是一款高效的HTML5移动app开发框架。Sencha Touch 2旨在打造世界一流的用户体验，是唯一一款（所开发出的软件）在性能和视觉效果上都可以与native app相媲美的框架。

9、jqtouch

10、chocolatechip ui

ChocolateChip-UI提供了一些布局和构件，开发者可以用这些构件快速构建web app。有时甚至不需要写代码就可以构建一个完整的app。只要你正确地创建标签，ChocolateChip-UI就可以自动为你添加相应功能，如：导航条、后退按钮等。

整理的其他开发工具

Initializr

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

Initializr 下载地址：http://www.initializr.com/

HTML5demos

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

HTML5demos 下载地址：http://html5demos.com/

HTML5 Tracker

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

HTML5 Tracker 下载地址：http://html5.org/

HTML5 visual cheat sheet

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

HTML5 visual cheat sheet 下载地址：http://woork.blogspot.com/

Switch To HTML5

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

Switch To HTML5 下载地址：http://switchtohtml5.com/

Cross browser HTML5 forms

HTML5 中的日历，取色板，滑块部件等都是非常棒工具，但是有些浏览器不支持。这个页面将帮助你构建完美的HTML5表单兼容方案

Cross browser HTML5 forms 下载地址：http://www.useragentman.com/blog/2010/07/27/creating-cross-browser-html5-forms-now-using-modernizr-webforms2-and-html5widgets-2/

HTML5 Test

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

HTML5 Test 下载地址：http://html5test.com/

HTML5 Canvas cheat sheet

Canvas 元素是 HTML5 最重要的元素之一，它可以在网页中绘制图形，非常强大。这是一个 Canvas 元素的详细速查手册。

HTML5 Canvas cheat sheet 下载地址：http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html

Lime JS

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

Lime JS 下载地址：http://www.limejs.com/

HTML5 Reset

HTML5 Reset 是一组文件，包括 HTML、CSS 等，用于在开始新项目的时候帮助你节省时间，提供 HTML5 的空白WordPress模板。

HTML5 Reset 下载地址：http://html5reset.org/