HTML5开发工具大盘点(附下载)(一)

转载 2012年03月25日 17:13:21

【E800原创】正所谓“工欲善其事,必先利其器”,对Web开发人员来说,好工具的使用总会给人带来事半功倍的效果。正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋,都有必要了解下,HTML5都有哪些开发工具,哪款开发工具更适合我?下面就一一盘点下:

一、HTML5开发工具之Adobe Dreamweaver

首先是大名鼎鼎的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的支持:

dw-css3-HTML5-support-147x83

通过 CSS 面板设置样式,该面板经过更新可支持新的 CSS3 规则。设计视图现在支持媒体查询,在您调整屏幕尺寸的同时可应用不同的样式。使用 HTML5 进行前瞻性的编码,同时提供代码提示和设计视图渲染支持。

点击进入下载Adobe Dreamweaver CS5.5 官方版本

二、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浏览器。

点击下载Adobe Edge Preview

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

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

171206u874rf611annviu4

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

原文地址:http://www.e800.com.cn/articles/2012/0203/501939.shtml

HTML5开发工具大盘点(附下载) (二)

四、HTML5游戏开发工具:Make Games with Construct 2  最简单、最容易的基本游戏开发工具,它有一个可视化编辑器,让你不写一行代码创建HTML5游戏,这要归功于它...
  • Tizian
  • Tizian
  • 2012年03月25日 17:15
  • 458

12款免费HTML5开发框架和开发工具…

HTML5 在不同的领域让网页设计更强大的。快速,安全,响应式,互动和美丽,这些优点吸引更多的Web开发人员使用HTML5。HTML5有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用...
  • meanshe
  • meanshe
  • 2015年01月07日 09:51
  • 1971

HTML5开发工具盘点

HTML5已成为Web开发中最炙手可热的技术。本文跟大家分享的这10款HTML5工具,有模板创建、开发框架、代码编辑、图像绘制、浏览器测试等功能,希望能帮助提升你的开发效率。 Initializr ...
  • wuyuanjingni
  • wuyuanjingni
  • 2013年10月18日 11:08
  • 635

推荐5个常用的html5开发工具

HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于,这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏,你可以很轻易...
  • jiangjie191
  • jiangjie191
  • 2016年02月29日 16:46
  • 500

iOS APP开发工具大盘点

随着iphone5的持续走俏,其操作平台iOS 和开发语言Objective-C都跟着沾了光。iOS 6还未推出就广受瞩目,Objective-C更是成为市场占有率第3的开发语言。目前基于iOS的AP...
  • henry85
  • henry85
  • 2013年11月23日 09:25
  • 600

Html5开发工具安装及使用

开发工具Html5的开发工具有很多,本文介绍Hbuilder、WebStorm。Hbuilder 简介 HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。 安装 ...
  • Naruto_22
  • Naruto_22
  • 2017年06月07日 15:59
  • 482

《程序员》1月精彩内容:2017技术大检阅

想在最短时间了解2017年各领域有哪些新技术、新趋势、新工具最值得关注?请别错过本期《程序员》,我们力邀业内各领域名家,与读者盘点2017技术发展。以下为各领域关键趋势摘录: AI技术:从Alph...
  • qq_40027052
  • qq_40027052
  • 2018年01月03日 15:05
  • 5085

前端新手常用的几款HTML5开发工具

随着移动互联网飞速发展,html5语言的出世也受到广大开发者们的喜爱,HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏...
  • ccnanxi
  • ccnanxi
  • 2016年11月09日 17:05
  • 2865

盘点:崛起中的九大HTML5开发工具

HTML5被看做是Web开发者创建流行Web应用的利器,增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silver...
  • chen_wen_xian
  • chen_wen_xian
  • 2013年10月01日 00:45
  • 1208

HTML5游戏开发工具实践(一)

游戏制作工具Orion2是一个图形化的HTML5编辑工具,目标是用来开发小游戏应用。...
  • wangnan8015
  • wangnan8015
  • 2015年10月12日 11:29
  • 1771
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML5开发工具大盘点(附下载)(一)
举报原因:
原因补充:

(最多只允许输入30个字)