HTML编辑器有以下几种:
1、AdobeDreamweaver
简称“DW”,中文名称 "梦想编织者",最初为美国MACROMEDIA公司开发,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。
2、Microsoft Expression Web
Microsoft Expression Web是由微软打造的一款网页设计工具,它为用户提供了所见即所得的设计模式,支持javascript技术,可以方便初学者快速设计师标准的网站,并拥有与asp.net2.0紧密结合进行各种模块进行开发的功能。
3、CoffeeCup HTML Editor
它是一款功能强大的html网页编辑器,软件界面简单,可以轻松对html页面进行编辑、预览等操作,拥有avaScripts、ActiveX 控制、图片功能、色彩向导、多文件支持、全功能 FTP 程序、服务器扩展支持 (ASP,SHTML,HTML以及CSS)等多种功能。
扩展资料
html特点:
1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3、平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
4、通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
html适合开发环境。
跨平台移动开发实际上就是基于HTML5开发软件界面和主要的业务逻辑,因此一套完善的基于移动平台的HTML5开发环境是非常有必要的。这里我主要的关注点是以下:
Javascript和Jquery mobile的编辑器
HTML5的各个元素的Inspector
Javascript远程断点debug
移动平台Javascript开发模式
1)Javascript和Jquery mobile的编辑器
谈到Javascript的编辑器,市面上有很多,大家都有自己心仪的选择,我这里只是推荐三个我比较喜欢的:
aptana studio. Eclipse插件更新地址:http://download.aptana.com/studio3/plugin/install
Dreamweaver CS6. 官方地址:http://success.adobe.com/en/na/sem/products/dreamweaver.html
appMobi. 官方地址:http://www.appmobi.com/
aptana studio的优点在于比较轻量级,与Eclipse集成,并且代码自动完成和JS语法纠错做得非常好,整个风格类似于VI,比较极客一点:
Dreamweaver CS6算是最为强悍的HTML5的开发环境,并且是我所知道的唯一支持Jquery mobile所见即所得的开发工具(官方提供的在线编辑器除外),并且Javascript, CSS和HTML开发起来非常顺手,最大的缺陷就是要收费:
2)HTML5的各个元素的Inspector
如果放在桌面系统上浏览器,这样的工具是很多的,如firefox上的firebug,chrome上的开发者工具,IE上http watch和IE自带调试工具,但如果放在移动平台上,特别是基于phonegap这样内置的webview来开发,这样的工具就不是很普遍了。这里推荐一个phonegap官方所提到过的工具:weinre
weinre通过架一个server,把调试器和device连接起来,原理就多说,2.0之后就没看到Java的版本,因此只能通过NPM来安装,顺便提一下NPM是Nodejs的包管理工具,类似于Maven对于Java一样。安装Nodejs后就安装好了NPM。之后安装weinre非常简单:
npm install weinre -g
如果在windows平台上没加任何配置,weinre会安装在 C:\Users\***\AppData\Roaming\npm\node_modules\weinre\,然后启动server:
node path-to-weinre-node/weinre --boundHost -all- --httpPort 8082
这里用-all-是为了在0.0.0.0上打开端口8082,避免非本地无法远程请求这个端口,然后在要调试的页面里加上weinre的代理:
<script src="http://computer-ip:8082/target/target-script-min.js#anonymous"></script>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<table width="500px" height="300px" align="center" cellpadding="0px" cellspacing="0px" border="1px" bordercolor="#0000FF">
<tr bgcolor="#3366CC">
<td >&nbsp&nbsp&nbspxxxxx</td>
</tr>
<tr>
<td>
<table width="100px" height="50px" align="center" cellpadding="0px" cellspacing="0px" border="1px" bordercolor="#0000FF">
<tr bgcolor="#3366CC">
<td align="center">xxxxx</td>
</tr>
<tr>
<td >
<p align="center"><a href="">xxxx</a></p>
<p align="center"><a href="">xxxx</a></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>