| <!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> |