欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

html5开发工具推荐-我最常用的html5 开发工具

发布时间:2014-11-26  编辑:杨雨个人博客网站   点击:   

HTML5自诞生以来,作为新一代的Web标准,越来越受开发人员及设计师的欢迎。正所谓“工欲善其事,必先利其器”,对Web开发人员来说,好工具的使用总会给人带来事半功倍的效果。正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋,都有必要了解下,HTML5都有哪些开发工具,哪款开发工具更适合我?下面给大家推荐几个比较好用的html5开发工具!

HTML5开发工具top1 Dreamweaver 

HTML5开发工具top1 Dreamweaver

Dreamweaver是著名的adobe公司旗下的一款软件,它能完美的解决代码错乱等等问题,用它写出来的代码比较符合标准。Adobe Dreamweaver CS5版本通过Adobe HTML5 Pack这一扩展,用户可以更轻松地创建和优化其作品。 Adobe HTML5开发工具Pack包括标识HTML5 和 CSS3 功能的新代码,从而使Dreamweaver 用户能够方便地使用HTML5标记。HTML5开发工具扩展包还更新和改进了WebKit引擎以支持Dreamweaver CS5 实时视图中的视频和音频。用户利用CSS3新功能能够更方便地设计多屏网页,并且可以预览在多种浏览器和设备之间进行渲染的过程。

Dreamweaver cs6完美支持css3的高亮代码提示,妈妈再也不用担心你记不住代码啦!

HTML5开发工具top2  Animatron

HTML5开发工具top2  Animatron
Animatron是一款简单而又强大的在线工具,通过它,你可以创建出令人惊叹的的HTML5动画和互动内容。
Animatron官方网站:http://animatron.com/

主要特性:

  • 使用直观的Animatron编辑器去设计和发布可以到处播放的电影和信息图表等,从桌面浏览器到移动设备,无需编码,所见即所得。
  • 将工作保存至云端,无论何时何地都可对它们进行访问。
  • 分享工作更简单,发布一个链接或者将嵌入代码粘贴到一个网站上,轻松邀请他人共同完成。

HTML5开发工具top2  GameMaker 8.X(HTML5游戏开发工具)

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

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

HTML5开发工具top2  GameMaker 8.X(HTML5游戏开发工具)      

                      该工具的精简版(lite)是免费的。
 

HTML5开发工具top3  Initializr

HTML5开发工具top3  Initializr

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

点此访问 Initializr

HTML5开发工具top4  Adobe Brackets

HTML5开发工具top4  Adobe Brackets

Brackets是一个开源的基于HTML/CSS/JavaScript开发,运行在native shell上的集成开发环境。该项目由Adobe创建和维护,根据MIT许可证发布。提供Windows和OS X平台支持。支持中英文

Brackets的特点是简约、快捷,没有很多的视图或者面板,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。

前往Brackets download页面下载所需版本。
Brackets提供网页即时预览功能。使用该功能时,Brackets调用Chrome浏览器打开当前页面,此后修改html、css、javascript并保存后,所修改的内容会即时响应到浏览器中的页面,无须手动刷新页面。这是Brackets最大的一个亮点,有两个显示器的coder有福了,可以分屏显示Brackets和chrome,即时修改即时预览,无需切换编辑器/浏览器和刷新页面。

Brackets部分快捷键

Ctrl/Cmd+Shift+H 可以呼出与关闭文件树

Ctrl/Cmd + E          快速预览/编辑 css样式/javascript函数

Ctrl/Cmd + +/-       放大缩小编辑区字体大小

Ctrl/Cmd + 0          重置编辑区字体大小 

Ctrl/Cmd + Alt + P  打开即时预览功能

Ctrl/Cmd + /          行注释

Ctrl/Cmd + Alt + /  块注释

注:css代码、html代码注释时只能使用块注释快捷键

HTML5开发工具top5  HTML5 Reset

推荐10款非常优秀的 HTML5 开发工具
HTML5 Reset 是一组文件,包括 HTML、CSS 等,用于在开始新项目的时候帮助你节省时间,提供 HTML5 的空白WordPress模板。
点此访问 HTML5 Reset

HTML5开发工具top6 mobl

mobl是一款免费开源的语言,结合HTML5技术,加快了构建移动Web应用的速度,可部署在Android、iOS和其他支持HTML5技术的手机上。

HTML5开发工具top6 mobl 

mobl特性:

  • 采用简洁的语言来快速的构建具有原生体验的Web应用。
  • 大型IDE(Eclipse)的支持,实现纠错、自动完成代码和自动检索引用等功能。
  • 快速保存,随时测试

最后推荐一个html5非常酷的速查手册吧

HTML5开发工具HTML5 visual cheat sheet  

HTML5开发工具HTML5 visual cheat sheet
想要快速超找一个标签或者属性吗?看看这个非常酷的速查手册吧,每个Web开发人员的必备。
点此访问 HTML5 visual cheat sheet

------ 杨雨最推荐的两个工具是Adobe公司的Adobe  Dreamweaver 和Adobe Brackets ------
当然,后续有过有更好的我还会继续更新,欢迎各位和我交流! 本文地址:http://itbyc.com/web/html5/2239.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1