| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> |
| <html> |
| <head> |
| <title>NetBeans IDE - Desenvolvendo com HTML, JavaScript, e 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>Desenvolvendo com HTML, JavaScript e CSS</h1> |
| |
| <p> |
| <a href="../../images_www/v7/screenshots/html.png"><img alt="HTML 5 no NetBeans IDE" class="box" height="255" src="../../images_www/v7/screenshots/html-cut.png" width="650"><br><span class="font-11">Clique na imagem para exibição em tela inteira</span></a> |
| </p> |
| |
| <p><strong>As melhores ferramentas para desenvolvimento web.</strong></p> |
| |
| <table class="features-table"> |
| <tbody> |
| |
| <tr> |
| <td class="valign-top features-col"> |
| <h2>Suporte de Editor para HTML, JavaScript e CSS</h2> |
| <p> |
| Tire vantagem do realce de sintaxe total, do recurso autocompletar código, da documentação pop-up e da verificação de erros para HTML, CSS e JavaScript, incluindo HTML 5, JavaScript 1.7 e do realce semântico para E.4X (objetos XML incorporados). O IDE valida o HTML usando o serviço validator.nu. O Editor reconhece o código HTML nos arquivos JavaScript e o código JavaScript em arquivos HTML. O Editor também reconhece HTML e JavaScript nos arquivos XHTML, PHP e JSP. </p> |
| |
| <h3>HTML <img alt="ícone melhorado" height="17" src="../../images_www/v6/features/improved_small.gif" width="54"></h3> |
| <p>Você pode usar o editor no IDE para circundar rapidamente o código com uma tag ou remover uma tag ao redor usando novas dicas. Você também pode remover estilos em linha para um bloco de estilo ou arquivo <tt>.css</tt>. </p> |
| <h3>CSS <img alt="ícone melhorado" height="17" src="../../images_www/v6/features/improved_small.gif" width="54"></h3> |
| <p>O NetBeans IDE suporta o CSS 3. A refatoração, o realce de semântica, a marcação de ocorrências e outras funcionalidades foram adaptadas para o código CSS3. A funcionalidade autocompletar código CSS foi expandida para completar elementos html, propriedades do CSS 3 e seus valores, novas pseudoclasses e pseudoelementos e prefixos de namespace. Propriedades específicas do fornecedor (propriedades do prefixo hífen) também foram adicionadas ao recurso autocompletar código. A janela Navegador agora mostra classes, ids, elementos, namespaces e regras css em conjuntos separados de elementos. </p> |
| <h3>JavaScript</h3> |
| <p> |
| Quando você especifica tipos e versões de browser no painel Opções do JavaScript, o editor fornece informação de compatibilidade do browser enquanto você digita. |
| </p><p> |
| Arraste e solte snippets de código acessíveis e tabelas da Paleta HTML no editor. Editar regras do CSS e exibir os resultados no editor visual de CSS. <br /><a class="notes" href="../../kb/docs/web/js-toolkits-jquery.html">Usando jQuery para Aprimorar a Aparência e o Uso de uma Página Web</a> |
| </p> |
| |
| <p><br></p> |
| <h2>Desenvolvimento em Ajax</h2> |
| <p> |
| Os editores NetBeans JavaScript e CSS são a opção perfeita para o desenvolvimento em Ajax. O NetBeans IDE também vem com um monitor do cliente para examinar mensagens HTTP, um ambiente pronto para Ajax para escolher a linguagem de script do lado do servidor (por exemplo, JSP, PHP, Groovy), suporte imediato para MySQL e Java DB, e suporte à integração extensiva para frameworks da Web e kits de ferramentas JavaScript de terceiros. |
| </p> |
| |
| <p><br></p> |
| <h2>Integração do Kit de Ferramentas</h2> |
| <p> |
| O editor JavaScript NetBeans oferece o recurso de autocompletar código e documentação integrada para kits de ferramentas populares, como jQuery, Script.aculo.us, Prototype, etc. Faça o download dos kits de ferramentas favoritos do JavaScript, copie os arquivos em seu projeto e o editor os reconhecerá automaticamente. |
| </p> |
| |
| <p><br></p> |
| <p><img alt="-" height="12" src="../../images_www/v6/arrow-button.gif" width="15"> <a href="../../kb/trails/web.html">Trilha de Aprendizado da Aplicação Web</a></p> |
| </td> |
| <td class="screenshots-col"> |
| <p><img alt="Opções do browser javascript" class="box" height="165" src="../../images_www/v6/8/features/javascript-browser-options.png" width="200"></p> |
| <p><img alt="monitor do servidor HTTP" class="box" src="../../images_www/v6/8/features/http-monitor.png" width="200"></p> |
| <p><img alt="Dicas do Ajax no editor" class="box" height="75" src="../../images_www/v6/8/features/ajax.png" width="200"></p> |
| <p><img alt="Editor JavaScript no NetBeans" class="box" src="../../images_www/v6/5/features/javascript-editor.png" width="200"></p> |
| |
| </td> |
| </tr> |
| |
| </tbody> |
| </table> |
| |
| |
| </body> |
| </html> |
