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

        随着移动互联网飞速发展,html5语言的出世也受到广大开发者们的喜爱,HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silverlight,HTML5为实现这些插件的功能提供了一种标准化的方式。在如今日新月异的移动时代,除了iOS、Android两大平台,还有Windows Phone、Blackberry、Bada等多个竞争,恰恰给了HTML5展现才能的机会。
  很多对html5的同学感兴趣想学习都不知道html5开发工具有哪些,具体哪一个最好用。今天就为大家推荐8款经常会用到的html5开发工具
  Dreamweaver CS6
  第一个要说的是Dreamweaver,我大学用的第一款工具就是Dreamweaver。不过是Dreamweaver8,Dreamweaver CS6 是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。
  由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,对于初级人员,你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!
  CS6新版本使用了自适应网格版面创建页面,在发布前使用多屏幕预览审阅设计,可大大提高工作效率。改善的 FTP 性能,更高效地传输大型文件。“实时视图”和“多屏幕预览”面板可呈现 HTML5 代码,更能够检查自己的工作。
  代码编辑器(Notepad++)
  Notepad++ 程序员必备的文本编辑器,软件小巧高效,支持27种编程语言,通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等,推荐各位下载使用。Notepad++ 可完美地取代微软的记事本。
  hbuilder
  hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。同时,它还包括最全面的语法库和浏览器兼容性数据。
  EditPlus
  EditPlus是一款为Internet准备的、运行于Windows 下的32位文本、html编辑器, 同时也是程序员们非常喜爱的编辑器。你完全可以用它代替Windows笔记本, 它也为许多网页高手和程序员提供便利!
  Adobe Edge
  目前还处于预览阶段的Adobe Edge 是用HTML5、CSS、Java开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是web工具包界面,方便确保页面在不同浏览器中的架构一致性,此外Edge还将整合TypeKit这样的字体服务。
  动画和图形可以添加到HTML元素中,程序也能通过Edge自身的代码片段库或者Java代码进行扩展。动画可以在独立的时间线上进行嵌套,还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。
  Adobe Dreamweaver CS6
  Adobe Dreamweaver CS6作为一个web设计软件,提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid 排版系统整合CSS样式表功能,提供自适应版面的跨平台兼容性。开发者可以完全实现web设计的可视化操作,无需为代码所困。
  MyEclipse
  MyEclipse,是十分优秀的用于开发Java, J2EE的Eclipse插件集合,MyEclipse的功能非常强大,支持也十分广泛,尤其是对各种开源产品的支持十分不错。
  高级文本编辑器(Sublime Text)
  Sublime Text 很赞的代码编辑器,界面设置非常人性化,左边是代码缩略图,右边是代码区域,你可以在左边的代码缩略图区域轻松定位程序代码的位置,高亮色彩功能非常方便编程工作。
展开阅读全文

没有更多推荐了,返回首页