blob: c99aea2ab427d91b599582cf9b8ff283b703e7d2 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>NetBeans IDE - 使用 HTML、JavaScript 和 CSS 开发</title>
<link rel="stylesheet" type="text/css" href="../../features.css" >
<link rel="stylesheet" href="../../netbeans.css" type="text/css">
<meta name="description" content="NetBeans IDE - Integrated Tools for JavaScript Developers">
<meta http-equiv="content-language" content="en">
<meta name="author" content="Ruth Kusterer" />
<meta HTTP-EQUIV="Content-Type" Content="text/html; charset=UTF-8"></head>
<body>
<h1>使用 HTML、JavaScript 和 CSS 开发</h1>
<p>
<a href="../../images_www/v7/screenshots/html.png"><img alt="NetBeans IDE 中的 HTML 5" class="box" height="255" src="../../images_www/v7/screenshots/html-cut.png" width="650"><br><span class="font-11">单击图像查看全屏预览</span></a>
</p>
<p><strong>最佳的 Web 开发工具。</strong></p>
<table class="features-table">
<tbody>
<tr>
<td class="valign-top features-col">
<h2>HTML、JavaScript 和 CSS 编辑器支持</h2>
<p>
可以利用完善的语法突出显示、代码完成、弹出式文档和错误检查功能来处理 HTML、CSS 和 JavaScript 代码,包括 HTML 5、JavaScript 1.7 和 E4X(嵌入的 XML 对象)的语义突出显示。IDE 可通过 validator.nu 服务对 HTML 进行验证。编辑器可识别 JavaScript 文件中的 HTML 代码,也可识别 HTML 文件中的 JavaScript 代码。编辑器还可识别 XHTML、PHP 和 JSP 文件中的 HTML 和 JavaScript 代码。 </p>
<h3>HTML <img alt="改进的图标" height="17" src="../../images_www/v6/features/improved_small.gif" width="54"></h3>
<p>您可以在 IDE 中使用编辑器快速将代码包含在标记中,也可以使用新的提示删除包含标记。此外,还可以删除样式块或 <tt>.css</tt> 文件的内联样式。 </p>
<h3>CSS <img alt="改进的图标" height="17" src="../../images_www/v6/features/improved_small.gif" width="54"></h3>
<p>NetBeans IDE 支持 CSS 3。重构、语义突出显示、标记实例和其他功能已根据 CSS3 代码进行了改编。CSS 代码完成已扩展到完整的 HTML 元素、CSS3 属性及其值、新的伪类和伪元素以及名称空间前缀。特定于供应商的属性(短划线前缀属性)也已添加到代码完成中。"Navigator"(导航器)窗口现将 CSS 类、ID、元素、名称空间和规则显示在单独的元素集中。 </p>
<h3>JavaScript</h3>
<p>
在 "JavaScript Options"(JavaScript 选项)面板中指定浏览器类型和版本时,编辑器会根据您键入的内容提供浏览器兼容性信息。
</p><p>
可以将窗体和表的代码片段方便地从 HTML 组件面板拖放至编辑器中。在可视 CSS 编辑器中,可以编辑 CSS 规则并预览结果。<br /><a class="notes" href="../../kb/docs/web/js-toolkits-jquery.html">使用 jQuery 改善 Web 页的外观和可用性</a>
</p>
<p><br></p>
<h2>Ajax 开发</h2>
<p>
NetBeans JavaScript 和 CSS 编辑器是 Ajax 开发的理想之选。NetBeans IDE 还提供了用于检查 HTTP 消息的客户端监视器、适用于所选服务器端脚本语言(如 JSP、PHP、 和 Groovy)的现成 Ajax 环境、对 MySQL 和 Java DB 的快捷支持以及对 Web 框架和第三方 JavaScript 工具包的广泛集成支持。
</p>
<p><br></p>
<h2>工具包集成</h2>
<p>
NetBeans JavaScript 编辑器为常用工具包提供了代码完成和集成文档,例如,jQuery、Script.aculo.us 和 Prototype 等。请下载您喜爱的 JavaScript 工具包并将其文件复制到项目中,编辑器将自动识别它们。
</p>
<p><br></p>
<p><img alt="-" height="12" src="../../images_www/v6/arrow-button.gif" width="15"> <a href="../../kb/trails/web.html">Web 应用程序学习资源</a></p>
</td>
<td class="screenshots-col">
<p><img alt="javascript 浏览器选项" class="box" height="165" src="../../images_www/v6/8/features/javascript-browser-options.png" width="200"></p>
<p><img alt="HTTP 服务器监视器" class="box" src="../../images_www/v6/8/features/http-monitor.png" width="200"></p>
<p><img alt="编辑器中的 Ajax 提示" class="box" height="75" src="../../images_www/v6/8/features/ajax.png" width="200"></p>
<p><img alt="NetBeans JavaScript 编辑器" class="box" src="../../images_www/v6/5/features/javascript-editor.png" width="200"></p>
</td>
</tr>
</tbody>
</table>
</body>
</html>