HTML5开发工具集合（附下载地址）

南京十胜石

HTML5以其炫酷的效果，简洁的代码，强大的功能越来越受广大的网站建设者亲睐。然而想要用好HTML5必须要学会利用HTML5相关的开发工具。HTML5都有哪些好用开发工具呢，下面南京十胜石给大家介绍几款！

   一、HTML5开发工具之Adobe Dreamweaver

   首先当然是我们网站开发者最常用的的Adobe Dreamweaver，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 进行前瞻性的编码，同时提供代码提示和设计视图渲染支持。

   下载地址：http://www.duote.com/soft/55017.html


   二、HTML5开发工具之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动作脚本形式的，动画效果创造基于JSON编码，所以代替动作脚本，动画效果是编码在html和javascript上，并运行在所有现代桌面浏览器和所有移动设备浏览器上，比如Safari浏览器。

下载地址：http://html.adobe.com/edge/animate/


   三、HTML5游戏开发工具:Make Games with Construct 2


   最简单、最容易的基本游戏开发工具，它有一个可视化编辑器，让你不写一行代码创建HTML5游戏，这要归功于它的事件编辑器，而且对于初学者和高级用户都非常容易。该工具最近添加了WebGL加速。

100个事件以下的版本是免费的，其中包括拖放物理引擎。

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


   四、MUGEDA-HTML5下的云动画平台


   MUGEDA是一个基于HTML5技术的云动画平台，不用任何下载安装，打开支持HTML5的浏览器就可以创建动画，有各种造型工具，有图层、逐帧/补间动画、镜头切换、蒙版、路径编辑等丰富的动画功能，生成的动画可以插入网页，也可导出成各种格式，MUGEDA解决了目前HTML5缺乏动画工具的现状，可广泛应用于网页开发、游戏、电子出版等领域。体验MUGEDA很简单，登录http://www.mugeda.com，注册一个免费账号，就可以开始生成HTML5动画。

在线使用地址：http://www.mugeda.com

南京十胜石