<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!-- -*- xhtml -*- -->
    <title>In&iacute;cio r&aacute;pido da Plataforma NetBeans para Plataformas NetBeans 6.1</title>
    <link rel="stylesheet" type="text/css" href="../../../netbeans.css"> 
    <meta name="AUDIENCE" content="NBUSER">
    <meta name="TYPE" content="ARTICLE">
    <meta name="EXPIRES" content="N">
    <meta name="developer" content="jtulach@netbeans.org">
    <meta name="indexed" content="y">
    <meta name="description"
          content="A short guide to using the Nodes API.">
    <!--      Copyright (c) 2009, 2010, Oracle and/or its affiliates. All rights reserved. -->
    <!--     Use is subject to license terms.-->
</head>
<body>
    <h1>In&iacute;cio r&aacute;pido da Plataforma NetBeans</h1>
   
   <p>Bem-vindo &agrave; Plataforma NetBeans!

   </p><p>Este tutorial oferece uma introdu&ccedil;&atilde;o simples e r&aacute;pida ao fluxo de trabalho da Plataforma NetBeans, orientando voc&ecirc; na cria&ccedil;&atilde;o de um editor HTML simples. Embora simples, o Editor de HTML criado ser&aacute; muito desenvolvido porque reutilizar&aacute; a infra-estrutura fornecida pela Plataforma NetBeans. Por exemplo, sem qualquer c&oacute;digo, o Editor de HTML ter&aacute; um sistema de janela desenvolvido. Ap&oacute;s concluir este tutorial, voc&ecirc; ter&aacute; adquirido um conhecimento geral sobre como criar, construir e executar aplicativos da Plataforma IDE.
   
   </p><p>Ap&oacute;s concluir este tutorial, voc&ecirc; pode passar para a <a href="https://netbeans.org/kb/trails/platform.html">trilha do aprendizado da plataforma NetBeans</a> A trilha do aprendizado fornece tutoriais abrangentes que destacam uma ampla gama de APIs do NetBeans para uma variedade de tipos de aplicativos. Se n&atilde;o desejar criar um aplicativo &quot;Hello world&quot;, ignore este tutorial e v&aacute; direito para a trilha do aprendizado.
   
   </p><p><b>Conte&uacute;do</b></p>
         
      <img  src="../../images/articles/61/netbeans-stamp.gif" class="stamp" width="114" height="114" alt="O conte&uacute;do desta p&aacute;gina se aplica ao IDE NetBeans 6.1 " title="O conte&uacute;do desta p&aacute;gina se aplica ao IDE NetBeans 6.1"> </p>
      <ul class="toc">
          <li><a href="#generating">Gerando a aplica&ccedil;&atilde;o de esqueleto</a></li>
        <li><a href="#tweakingthemenuitems">Otimizando a interface do usu&aacute;rio</a>
        </li><li><a href="#tweakingthewindowlayout">Otimizando o layout da janela</a></li>
        <li><a href="#tweakingthefavorites">Otimizando a janela Favoritos</a></li>
        <li><a href="#runningtheapplication">Executando a aplica&ccedil;&atilde;o</a></li>
        <li><a href="#distributingtheapplication">Distribuindo a aplica&ccedil;&atilde;o</a>
        <ul>
        <li><a href="#zip">Distribuindo o Editor de HTML atrav&eacute;s de um arquivo ZIP</a></li>
        <li><a href="#webstart">Distribuindo o editor HTML por meio do Reposit&oacute;rio Web Start compartilhado do NetBeans</a></li>
        </ul>
        </li>
      </ul>
         
<p><b>Para seguir este tutorial, voc&ecirc; preciso dos softwares e recursos listados na tabela seguinte.</b></p>

    <table>
        <tbody>
            <tr>
                <th class="tblheader" scope="col">Software ou recurso</th>
                <th class="tblheader" scope="col">Vers&atilde;o necess&aacute;ria</th>
            </tr> 
            <tr>
                <td class="tbltd1">NetBeans IDE</td>
                <td class="tbltd1">vers&atilde;o <a href="http://download.netbeans.org/netbeans/6.1/final/">vers&atilde;o 6.1</a></td>
            </tr>
            <tr>
                <td class="tbltd1">Java Developer Kit (JDK)</td>
                <td class="tbltd1"><a href="http://java.sun.com/javase/downloads/index.jsp">vers&atilde;o 6</a> ou<br>
                vers&atilde;o 5</td>
            </tr>
        </tbody>
    </table>
 
  <p class="tips">Opcionalmente, para fins de solu&ccedil;&atilde;o de problemas, voc&ecirc; pode <a href="http://plugins.netbeans.org/PluginPortal/faces/PluginDetailPage.jsp?pluginid=6635">baixar a amostra completa</a> e inspecionar os c&oacute;digos-fonte.
 
</p><p>No fim deste tutorial, voc&ecirc; ter&aacute; um Editor HTML que se parece com este:</p>

    <img src="../../images/tutorials/htmleditor/html_editor_final-61.png" border="1" alt="Editor de HTML final ">
  
    <p><b class="notes">Observa&ccedil;&atilde;o:</b> Embora seja um aplicativo demonstrativo muito simples, ele n&atilde;o &eacute; um brinquedo! &Eacute; um programa <i>real</i> que d&aacute; suporte a edi&ccedil;&atilde;o f&aacute;cil de p&aacute;ginas HTML, com recursos como auto-completar de c&oacute;digo, valida&ccedil;&atilde;o e fragmentos de c&oacute;digo HTML predefinidos.
    
    </p><p>O Editor HTML que voc&ecirc; cria neste tutorial &eacute; uma aplica&ccedil;&atilde;o rich-client conclu&iacute;da &quot;sobre a Plataforma NetBeans&quot;. O que isso significa &eacute; que o n&uacute;cleo do IDE, que <i><u>&eacute;</u></i> a Plataforma NetBeans, ser&aacute; a base da sua aplica&ccedil;&atilde;o. Sobre a Plataforma NetBeans, voc&ecirc; adiciona os m&oacute;dulos necess&aacute;rios e exclui aqueles de que o IDE precisa mas que a sua aplica&ccedil;&atilde;o n&atilde;o. Aqui voc&ecirc; v&ecirc; alguns dos m&oacute;dulos do IDE, adicionados &agrave; Plataforma NetBeans, que &eacute; a sua base:</p>
    
    <img src="../../images/tutorials/htmleditor/diagram.png" alt="Estrutura dos aplicativos da Plataforma NetBeans">
    
    <p>Criar esse Editor HTML significa gerar um esqueleto de aplica&ccedil;&atilde;o, excluindo os m&oacute;dulos e os itens de interface do usu&aacute;rio de que voc&ecirc; n&atilde;o precisa e, em seguida, definir a janela Favoritos como a janela que ser&aacute; aberta por padr&atilde;o quando o IDE se iniciar. Todas essas atividades s&atilde;o suportadas pelos elementos de interface do usu&aacute;rio no IDE. </p>
    
    <p>Voc&ecirc; ver&aacute; por si mesmo como &eacute; simples e f&aacute;cil construir, ou para ser mais preciso, <em>montar</em> uma aplica&ccedil;&atilde;o completa sobre a Plataforma NetBeans. No fim, &eacute; mostrado como tornar o produto final facilmente baix&aacute;vel e inici&aacute;vel usando o WebStart.
    </p>
    
    
    <p><b class="notes">Observa&ccedil;&atilde;o:</b> embora seja um produto separado, n&atilde;o &eacute; necess&aacute;rio baixar a Plataforma NetBeans separadamente por causa deste tutorial. Voc&ecirc; desenvolver&aacute; a aplica&ccedil;&atilde;o rich-client no IDE e, em seguida, excluir&aacute; os m&oacute;dulos que s&atilde;o espec&iacute;ficos do IDE, mas que s&atilde;o sup&eacute;rfluos para a sua aplica&ccedil;&atilde;o.
    
    <!-- ===================================================================================== -->
 
    </p><h2 class="tutorial"><a name="generating"></a>Gerando a aplica&ccedil;&atilde;o de esqueleto</h2>
    
            <p>Ao criar um aplicativo na Plataforma NetBeans, o primeiro passo &eacute; criar um projeto de aplicativo da Plataforma NetBeans.
 O projeto de conjunto de aplicativo da Plataforma NetBeans padr&atilde;o inclui <i>todos</i> os m&oacute;dulos inclu&iacute;dos na Plataforma NetBeans, assim como <i>todos</i> os  m&oacute;dulos inclu&iacute;dos no NetBeans IDE. J&aacute; que n&atilde;o precisamos de todos esses m&oacute;dulos, excluiremos os que n&atilde;o s&atilde;o necess&aacute;rios.
                
                
                </p><ol><li>Usando o assistente para Novo projeto (Ctrl-Shift-N), crie um projeto de aplicativo da Plataforma NetBeans a partir do modelo na categoria de m&oacute;dulos do NetBeans, como mostrado abaixo:</p>
        
            <p><img border="1" src="../../images/tutorials/htmleditor/netbeans-platform-app-1.png" border="1" alt="New Project wizard">
        
        
            </p><p>Clique em Pr&oacute;ximo e nomeie o projeto de aplicativo da Plataforma NetBeans como &quot;NetBeansHTMLEditor&quot;. Clique em Terminar.</p>
        </li><li>Clique com o bot&atilde;o direito do mouse no n&oacute; do projeto, escolha Propriedades e, em seguida, fa&ccedil;a algumas altera&ccedil;&otilde;es na caixa de di&aacute;logo Propriedades do projeto de aplicativo da Plataforma NetBeans:
        <ul><p></p><li>No painel Construir, clique em &quot;Criar aplica&ccedil;&atilde;o independente&quot; para especificar que vai ser uma aplica&ccedil;&atilde;o rich-client sobre a Plataforma NetBeans. </p>
            
                 <p>Verifique se voc&ecirc; gosta do nome da marca do execut&aacute;vel e do t&iacute;tulo do aplicativo da barra de t&iacute;tulo, como mostrado abaixo:</p>
            
            <p><img border="1" src="../../images/tutorials/htmleditor/application_panel-61.png" border="1" alt="Painel do aplicativo">
                </p></li><li>No painel Tela de splash, observe que voc&ecirc; pode fornecer a tela de splash do aplicativo e as identifica&ccedil;&otilde;es de marca da barra de progresso, como mostrado abaixo:
            </p>
            
            <p><img border="1" src="../../images/tutorials/htmleditor/splash_screen_panel-61.png" border="1" alt="Painel da tela de abertura">
            
            </p><p><b class="notes">Observa&ccedil;&atilde;o:</b> Se voc&ecirc; n&atilde;o tiver uma tela de abertura, use <a href="../../images/tutorials/htmleditor/splash.gif">esta</a>.
        </p></li>
        <li><p>No painel Bibliotecas da caixa de di&aacute;logo Propriedades do projeto, voc&ecirc; v&ecirc; uma lista de &quot;clusters&quot;. Um cluster &eacute; uma cole&ccedil;&atilde;o de m&oacute;dulos relacionados. Os &uacute;nicos clusters que precisam ser selecionados s&atilde;o <tt>gsf1</tt>, <tt>ide9</tt> e <tt>platform8</tt>. Desmarque todos os outros clusters. Agora, voc&ecirc; precisa habilitar e desabilitar v&aacute;rios m&oacute;dulos, porque somente os especificamente relevantes ao Editor de HTML devem ser selecionados. Sempre que voc&ecirc; marca ou desmarca a sele&ccedil;&atilde;o de um m&oacute;dulo no painel Bibliotecas, uma entrada &eacute; adicionada ao arquivo de configura&ccedil;&atilde;o da Plataforma NetBeans do aplicativo. Para agilizar este processo, n&oacute;s simplesmente colaremos as entradas neste arquivo. Feche a caixa de di&aacute;logo Propriedades do projeto.</p>
        
        <p></p><p>Expanda o n&oacute; Arquivos importantes e abra o arquivo de configura&ccedil;&atilde;o da Plataforma NetBeans. Cole as seguintes entradas:
    
</p><p></p><pre>disabled.clusters=\
    apisupport1,\
    harness,\
    java2,\
    nb6.1,\
    profiler3
disabled.modules=\
    org.mozilla.rhino.patched,\
    org.netbeans.api.debugger,\
    org.netbeans.api.visual,\
    org.netbeans.core.ide,\
    org.netbeans.core.multiview,\
    org.netbeans.core.nativeaccess,\
    org.netbeans.insane,\
    org.netbeans.lib.cvsclient,\
    org.netbeans.libs.commons_logging,\
    org.netbeans.libs.ini4j,\
    org.netbeans.libs.jna,\
    org.netbeans.libs.svnClientAdapter,\
    org.netbeans.libs.xerces,\
    org.netbeans.modules.autoupdate.services,\
    org.netbeans.modules.autoupdate.ui,\
    org.netbeans.modules.classfile,\
    org.netbeans.modules.core.kit,\
    org.netbeans.modules.css.editor,\
    org.netbeans.modules.css.visual,\
    org.netbeans.modules.db,\
    org.netbeans.modules.db.core,\
    org.netbeans.modules.db.drivers,\
    org.netbeans.modules.db.kit,\
    org.netbeans.modules.db.mysql,\
    org.netbeans.modules.db.sql.editor,\
    org.netbeans.modules.db.sql.visualeditor,\
    org.netbeans.modules.dbapi,\
    org.netbeans.modules.editor.bookmarks,\
    org.netbeans.modules.editor.kit,\
    org.netbeans.modules.extbrowser,\
    org.netbeans.modules.gototest,\
    org.netbeans.modules.httpserver,\
    org.netbeans.modules.ide.kit,\
    org.netbeans.modules.javascript.editing,\
    org.netbeans.modules.javascript.hints,\
    org.netbeans.modules.javascript.kit,\
    org.netbeans.modules.javascript.refactoring,\
    org.netbeans.modules.languages,\
    org.netbeans.modules.languages.bat,\
    org.netbeans.modules.languages.diff,\
    org.netbeans.modules.languages.manifest,\
    org.netbeans.modules.languages.sh,\
    org.netbeans.modules.localhistory,\
    org.netbeans.modules.mercurial,\
    org.netbeans.modules.project.ant,\
    org.netbeans.modules.project.libraries,\
    org.netbeans.modules.properties,\
    org.netbeans.modules.properties.syntax,\
    org.netbeans.modules.schema2beans,\
    org.netbeans.modules.sendopts,\
    org.netbeans.modules.server,\
    org.netbeans.modules.servletapi,\
    org.netbeans.modules.subversion,\
    org.netbeans.modules.tasklist.kit,\
    org.netbeans.modules.tasklist.projectint,\
    org.netbeans.modules.tasklist.todo,\
    org.netbeans.modules.tasklist.ui,\
    org.netbeans.modules.timers,\
    org.netbeans.modules.usersguide,\
    org.netbeans.modules.utilities,\
    org.netbeans.modules.utilities.project,\
    org.netbeans.modules.versioning,\
    org.netbeans.modules.versioning.system.cvss,\
    org.netbeans.modules.versioning.util,\
    org.netbeans.modules.web.flyingsaucer,\
    org.netbeans.modules.xml,\
    org.netbeans.modules.xml.axi,\
    org.netbeans.modules.xml.core,\
    org.netbeans.modules.xml.lexer,\
    org.netbeans.modules.xml.multiview,\
    org.netbeans.modules.xml.retriever,\
    org.netbeans.modules.xml.schema.completion,\
    org.netbeans.modules.xml.schema.model,\
    org.netbeans.modules.xml.tax,\
    org.netbeans.modules.xml.text,\
    org.netbeans.modules.xml.tools,\
    org.netbeans.modules.xml.wsdl.model,\
    org.netbeans.modules.xml.xam,\
    org.netbeans.modules.xml.xdm,\
    org.netbeans.modules.xsl,\
    org.netbeans.spi.debugger.ui,\
    org.netbeans.spi.viewmodel,\
    org.netbeans.swing.dirchooser,\
    org.openide.compat,\
    org.openide.util.enumerations
enabled.clusters=\
    gsf1,\
    ide9,\
    platform8
nbplatform.active=default</pre>
    
    
    </li></ul></li>
  
    <p>Agora, voc&ecirc; possui o subconjunto de m&oacute;dulos do NetBeans que s&atilde;o relevantes ao Editor de HTML. Entretanto, embora voc&ecirc; precise dos m&oacute;dulos que possui agora, provavelmente n&atilde;o precisa de todos os elementos de interface de usu&aacute;rio que esses m&oacute;dulos fornecem. Nas pr&oacute;ximas se&ccedil;&otilde;es, voc&ecirc; ir&aacute; ajustar a interface do usu&aacute;rio e personalizar o layout da janela especificamente para o Editor de HTML que est&aacute; criando.
<!-- ===================================================================================== -->
    
    </p><h2 class="tutorial"><a name="tweakingthemenuitems"></a>Otimizando a interface de usu&aacute;rio</h2>
    
        <p>Voc&ecirc; pode manter ou rejeitar o quanto desejar da interface do usu&aacute;rio que os m&oacute;dulos selecionados fornecerem. Por exemplo, seu editor HTML provavelmente n&atilde;o precisa de um ou todos os itens do menu Ferramentas. Semelhantemente, talvez haja barras de ferramentas ou bot&otilde;es da barra de ferramentas que n&atilde;o sejam necess&aacute;rios. Nesta se&ccedil;&atilde;o, voc&ecirc; remove a interface de usu&aacute;rio do IDE at&eacute; que haja um subconjunto que seja &uacute;til para o seu aplicativo rich-client.
            
            </p><ol><li>Expanda o projeto de aplicativo da Plataforma Netbeans, clique com o bot&atilde;o direito do mouse no n&oacute; M&oacute;dulos e escolha Adicionar novo, como mostrado abaixo:</p>
        
        <p><img border="1" src="../../images/tutorials/htmleditor/add-module-61.png" alt="Esta camada no contexto">
        
        </p><p>O assistente para Novo projeto (Ctrl+Shift+N) aparece.
 Nomeie o projeto como <tt>BrandingModule</tt>, clique em Pr&oacute;ximo.
        
        </p></li><li>No campo Nome de base de c&oacute;digo, digite <tt>org.netbeans.brandingmodule</tt>.
        </li><li>No campo Camada XML, digite o nome do seu pacote, anexado de &quot;layer.xml&quot;, como &quot;org/netbeans/brandingmodule/layer.xml&quot; e clique em Terminar.
        
        <p><b class="notes">Observa&ccedil;&atilde;o:</b> se voc&ecirc; n&atilde;o digitar o local do arquivo layer.xml neste campo, o arquivo n&atilde;o ser&aacute; criado. Neste caso, crie um arquivo chamado &quot;layer.xml&quot; no pacote principal e registre-o manualmente no Manifesto do m&oacute;dulo da seguinte maneira:
        
        </p><p></p><pre>OpenIDE-Module-Layer: org/netbeans/brandingmodule/layer.xml</pre>
        
        </li><li>No m&oacute;dulo de identifica&ccedil;&atilde;o de marca, expanda o n&oacute; <tt>layer.xml</tt>. Dois subn&oacute;s s&atilde;o expostos:</p>
        
        <p><img border="1" src="../../images/tutorials/htmleditor/expanded-xml-layer-61.png" alt="Arquivo de camada XML expandido">
        
        </p><p><b class="notes">Observa&ccedil;&atilde;o:</b> caso voc&ecirc; tenha adicionado manualmente o arquivo layer.xml, precisar&aacute; expandir o n&oacute; Arquivos importantes para poder expandir o n&oacute; Camada XML encontrado nele.
        
        </p></li><li>No n&oacute; <tt>&lt;esta camada em contexto&gt;</tt>, o IDE mostra uma visualiza&ccedil;&atilde;o mesclada de todas as pastas e arquivo que todos os m&oacute;dulos registram em suas camadas. Para excluir os itens, voc&ecirc; pode clicar com o bot&atilde;o direito do mouse neles e escolher 'Excluir', como mostrado abaixo:</p>
        
        <p><img border="1" src="../../images/tutorials/htmleditor/this-layer-in-context-61.png" alt="Esta camada no contexto">
        
        </p><p>O IDE adiciona marcas ao arquivo <tt>layer.xml</tt> do m&oacute;dulo que, quando o m&oacute;dulo &eacute; instalado, oculta os itens que voc&ecirc; excluiu. Por exemplo, clicando com o bot&atilde;o direito do mouse em <tt>Barra de menus/Editar</tt>, voc&ecirc; pode remover itens de menu do menu Editar que n&atilde;o s&atilde;o necess&aacute;rios para o Editor HTML. 
 Fazendo isso, voc&ecirc; gera trechos de c&oacute;digo como o seguinte no arquivo <tt>layer.xml</tt>:
        
        </p><pre class="examplecode">&lt;folder name=&quot;Menu&quot;&gt;
    &lt;folder name=&quot;Edit&quot;&gt;
        &lt;file name=&quot;org-netbeans-modules-editor-MainMenuAction$StartMacroRecordingAction.instance_hidden&quot;/&gt;
        &lt;file name=&quot;org-netbeans-modules-editor-MainMenuAction$StopMacroRecordingAction.instance_hidden&quot;/&gt;
    &lt;/folder&gt;       
&lt;/folder&gt;</pre>
        
        <p>
        O resultado do trecho de c&oacute;digo acima &eacute; que as a&ccedil;&otilde;es <tt>Iniciar grava&ccedil;&atilde;o de macro</tt> e <tt>Parar grava&ccedil;&atilde;o de macro</tt> fornecidas por outro m&oacute;dulo s&atilde;o removidas do menu por seu m&oacute;dulo de marca. Para exibi-las novamente, simplesmente exclua as marcas acima do arquivo <tt>layer.xml</tt>.
        </p></li><li><p>Use a abordagem descrita na etapa anterior para ocultar as barras de ferramentas, os bot&otilde;es da barra de ferramentas, os menus e os itens de menu que voc&ecirc; desejar.</p>
        
        <p>Quando tiver conclu&iacute;do este est&aacute;gio, observe o arquivo <tt>layer.xml</tt>. Quando fizer isso, ver&aacute; algo similar ao seguinte, dependendo dos itens que tenha exclu&iacute;do:</p>
        
<p></p><pre>&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
&lt;!DOCTYPE filesystem PUBLIC &quot;-//NetBeans//DTD Filesystem 1.1//EN&quot; &quot;https://netbeans.org/dtds/filesystem-1_1.dtd&quot;&gt;
&lt;filesystem&gt;
    &lt;folder name=&quot;Menu&quot;&gt;
        &lt;file name=&quot;BuildProject_hidden&quot;/&gt;
        &lt;folder name=&quot;File&quot;&gt;
            &lt;file name=&quot;Separator2.instance_hidden&quot;/&gt;
            &lt;file name=&quot;SeparatorNew.instance_hidden&quot;/&gt;
            &lt;file name=&quot;SeparatorOpen.instance_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-CloseProject.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-CustomizeProject.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-NewFile.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-NewProject.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-OpenProject.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-RecentProjects.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-SetMainProject.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-groups-GroupsMenu.shadow_hidden&quot;/&gt;
        &lt;/folder&gt;
        &lt;file name=&quot;Refactoring_hidden&quot;/&gt;
        &lt;file name=&quot;RunProject_hidden&quot;/&gt;
        &lt;folder name=&quot;Window&quot;&gt;
            &lt;file name=&quot;ViewRuntimeTabAction.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-logical-tab-action.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-physical-tab-action.shadow_hidden&quot;/&gt;
        &lt;/folder&gt;
    &lt;/folder&gt;
&lt;/filesystem&gt;</pre>
        
        
        </li></ol>
        
<!-- ===================================================================================== -->        
        
        <h2 class="tutorial"><a name="tweakingthewindowlayout"></a>Otimizando o layout da janela</h2>
        <p>
            Usando o n&oacute; <tt>&lt;esta camada em contexto&gt;</tt>, voc&ecirc; pode n&atilde;o somente excluir itens existentes, mas tamb&eacute;m pode alterar o conte&uacute;do deles. Por exemplo, o Editor HTML trabalha em arquivos HTML, sendo assim, ao contr&aacute;rio do IDE regular, que trabalha com arquivos-fonte Java e projetos, faz sentido mostrar a janela <tt>Favoritos</tt> no layout inicial.
        </p>
        
        <p>
            A defini&ccedil;&atilde;o do layout da janela tamb&eacute;m &eacute; descrita como arquivos em camadas, tudo armazenado na pasta <tt>Janelas2</tt>. Os arquivos na pasta <tt>Janelas2</tt> s&atilde;o arquivos XML pseudo-leg&iacute;veis por humanos definidos pelas <a href="http://bits.netbeans.org/dev/javadoc/org-openide-windows/org/openide/windows/doc-files/api.html">APIs do sistema de janelas</a>. Eles s&atilde;o complexos mas a boa not&iacute;cia &eacute; que, para fins do nosso Editor HTML, n&atilde;o &eacute; necess&aacute;rio compreend&ecirc;-los completamente, como mostrado abaixo.
        </p>
        
        <ol><li>Em seu n&oacute; <tt>&lt;esta camada em contexto&gt;</tt> do m&oacute;dulo de marca, clique com o bot&atilde;o direito do mouse no n&oacute; <tt>Janelas2</tt> e escolha Localizar, como mostrado abaixo:</p>
    
    <p><img border="1" src="../../images/tutorials/htmleditor/find-favorites-61.png" alt="Chamando o menu Localizar">
    
    </p></li><li>Procure por um objeto chamado <tt>Favoritos</tt>, ignorando o uso de mai&uacute;sculas/min&uacute;sculas. Voc&ecirc; encontrar&aacute; dois arquivos:
    </p>
    <p><img border="1" src="../../images/tutorials/htmleditor/find-favorites2-61.png" alt="Localizando a janela Favoritos">
    
    </p><p>
        O primeiro arquivo define a apar&ecirc;ncia do componente e como ele &eacute; criado. Como o componente n&atilde;o precisa ser alterado, n&atilde;o &eacute; necess&aacute;rio modificar o arquivo. O segundo &eacute; mais interessante para os seus prop&oacute;sitos, ele cont&eacute;m o seguinte:
    </p>
    <pre class="examplecode">
&lt;tc-ref version=&quot;2.0&quot;&gt;
    &lt;module name=&quot;org.netbeans.modules.favorites/1&quot; spec=&quot;1.1&quot; /&gt;
    &lt;tc-id id=&quot;favorites&quot; /&gt;
    &lt;state opened=&quot;false&quot; /&gt;
&lt;/tc-ref&gt;</pre>    
    <p>
    </p></li><li>Embora a maior parte do XML seja criptografada, existe uma linha que parece promissora &mdash; sem precisar ler nenhum tipo de documenta&ccedil;&atilde;o, &eacute; prov&aacute;vel que alterar <tt>false</tt> para <tt>true</tt> tornar&aacute; o componente aberto por padr&atilde;o. Fa&ccedil;a isso agora.
    
    </li><li>
    De forma similar, voc&ecirc; pode alterar as janelas a seguir do seu estado aberto padr&atilde;o para o estado que voc&ecirc; deseja que elas se comportem no Editor de HTML:
    
    <ul>
        <li><tt>CommonPalette.wstcref</tt>. O estado aberto da Paleta de componentes &eacute; <tt>false</tt>. Trocar para <tt>true</tt>.
        </li><li><tt>navigatorTC.wstcref</tt>. O estado aberto do Navegador &eacute; <tt>true</tt>. Trocar para <tt>false</tt>.
        </li><li><tt>projectTabLogical_tc.wstcref</tt>. O estado aberto da janela Projetos &eacute; <tt>true</tt>. Trocar para <tt>false</tt>.
        </li><li><tt>projectTab_tc.wstcref</tt>. O estado aberto da janela Arquivos &eacute; <tt>true</tt>. Trocar para <tt>false</tt>.
        </li><li><tt>runtime.wstcref</tt>. O estado aberto da janela Servi&ccedil;os &eacute; <tt>true</tt>. Trocar para <tt>false</tt>.
    </li></ul>
    
    </li></ol>
     
        <p>Agora voc&ecirc; deve ver que o seu m&oacute;dulo de marca cont&eacute;m alguns novos arquivos, um para cada um dos arquivos que voc&ecirc; alterou. Na verdade, esses arquivos substituem aqueles que voc&ecirc; encontrou nas etapas anteriores, sendo que agora voc&ecirc; forneceu as informa&ccedil;&otilde;es necess&aacute;rias para substituir o layout da janela:</p>
    
        <p><img border="1" src="../../images/tutorials/htmleditor/wstcrefs-overridden-61.png" alt="Layout substitu&iacute;do em Favoritos">


</p><p>Verifique se o arquivo <tt>layer.xml</tt> agora cont&eacute;m o conte&uacute;do a seguir. Caso n&atilde;o contenha, copie e cole o conte&uacute;do abaixo no arquivo <tt>layer.xml</tt>.
    
</p><pre>&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
&lt;!DOCTYPE filesystem PUBLIC &quot;-//NetBeans//DTD Filesystem 1.1//EN&quot; &quot;https://netbeans.org/dtds/filesystem-1_1.dtd&quot;&gt;
&lt;filesystem&gt;
    &lt;folder name=&quot;Menu&quot;&gt;
        &lt;file name=&quot;BuildProject_hidden&quot;/&gt;
        &lt;folder name=&quot;File&quot;&gt;
            &lt;file name=&quot;Separator2.instance_hidden&quot;/&gt;
            &lt;file name=&quot;SeparatorNew.instance_hidden&quot;/&gt;
            &lt;file name=&quot;SeparatorOpen.instance_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-CloseProject.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-CustomizeProject.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-NewFile.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-NewProject.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-OpenProject.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-RecentProjects.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-SetMainProject.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-groups-GroupsMenu.shadow_hidden&quot;/&gt;
        &lt;/folder&gt;
        &lt;file name=&quot;Refactoring_hidden&quot;/&gt;
        &lt;file name=&quot;RunProject_hidden&quot;/&gt;
        &lt;folder name=&quot;Window&quot;&gt;
            &lt;file name=&quot;ViewRuntimeTabAction.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-logical-tab-action.shadow_hidden&quot;/&gt;
            &lt;file name=&quot;org-netbeans-modules-project-ui-physical-tab-action.shadow_hidden&quot;/&gt;
        &lt;/folder&gt;
    &lt;/folder&gt;
    &lt;folder name=&quot;Windows2&quot;&gt;
        &lt;folder name=&quot;Modes&quot;&gt;
            &lt;folder name=&quot;commonpalette&quot;&gt;
                &lt;file name=&quot;CommonPalette.wstcref&quot; url=&quot;CommonPaletteWstcref.xml&quot;/&gt;
            &lt;/folder&gt;
            &lt;folder name=&quot;explorer&quot;&gt;
                &lt;file name=&quot;favorites.wstcref&quot; url=&quot;favoritesWstcref.xml&quot;/&gt;
                &lt;file name=&quot;projectTabLogical_tc.wstcref&quot; url=&quot;projectTabLogical_tcWstcref.xml&quot;/&gt;
                &lt;file name=&quot;projectTab_tc.wstcref&quot; url=&quot;projectTab_tcWstcref.xml&quot;/&gt;
                &lt;file name=&quot;runtime.wstcref&quot; url=&quot;runtimeWstcref.xml&quot;/&gt;
            &lt;/folder&gt;
            &lt;folder name=&quot;navigator&quot;&gt;
                &lt;file name=&quot;navigatorTC.wstcref&quot; url=&quot;navigatorTCWstcref.xml&quot;/&gt;
            &lt;/folder&gt;
        &lt;/folder&gt;
    &lt;/folder&gt;
&lt;/filesystem&gt;</pre>

<!-- ===================================================================================== -->     
     
        <h2 class="tutorial"><a name="tweakingthefavorites"></a>Otimizando a janela Favoritos</h2>
        <p>
            Na subpasta de uma pasta de <tt>marca</tt> projeto de aplicativo da Plataforma NetBeans, que esteja vis&iacute;vel na janela Arquivos, voc&ecirc; pode substituir as strings definidas nos c&oacute;digos-fonte do NetBeans. Nesta se&ccedil;&atilde;o, voc&ecirc; substituir&aacute; as strings que definem os r&oacute;tulos usados na janela Favoritos. Por exemplo, alteraremos o r&oacute;tulo &quot;Favoritos&quot; para &quot;Arquivos HTML&quot;, pois usaremos essa janela especificamente para arquivos HTML.
        </p>
        
        <ol><li>Abra a janela Arquivos e expanda a pasta de <tt>marca</tt> do projeto de aplicativo da Plataforma NetBeans.
            </li><li>Crie uma nova estrutura de pastas em <tt>marca/m&oacute;dulos</tt>.
 A nova pasta deve se chamar <tt>org-netbeans-modules-favorites.jar</tt>.
 Dentro dessa pasta, crie uma hierarquia de pastas <tt>org/netbeans/m&oacute;dulos/favoritos</tt>. Dentro da pasta final, ou seja, <tt>favoritos</tt>, crie um novo arquivo <tt>Bundle.properties</tt>.

                            <p><img border="1" src="../../images/tutorials/htmleditor/favorites-branding-61a.png" alt="Marcando a janela Favoritos">

                </p><p>Essa estrutura de pastas e arquivo de propriedades correspondem &agrave;
estrutura de pastas nos c&oacute;digos-fonte do NetBeans relacionados &agrave;         janela Favoritos.
            </p></li><li>Adicione as strings mostradas na captura de tela abaixo para substituir as mesmas strings definidas no arquivo de propriedades correspondentes nos c&oacute;digos-fonte da janela Favoritos:</p>
             
            <p><img border="1" src="../../images/tutorials/htmleditor/favorites-branding-61b.png" alt="Marcando a janela Favoritos">
     
            </p><p>Para simplificar esta etapa, copie e cole as strings definidas acima:
            
</p><pre>Favorites=HTML Files
ACT_AddOnFavoritesNode=&amp;Find HTML Files...
ACT_Remove=&amp;Remove from HTML Files List
ACT_View=HTML Files
ACT_Select=HTML Files
ACT_Select_Main_Menu=Select in HTML Files List

# JFileChooser
CTL_DialogTitle=Add to HTML Files List
CTL_ApproveButtonText=Add
ERR_FileDoesNotExist={0} does not exist.
ERR_FileDoesNotExistDlgTitle=Add to HTML Files List
MSG_NodeNotFound=The document node could not be found in the HTML Files List.</pre>
                
            </li></ol>
            
            
            <!-- ===================================================================================== -->     
     
        <h2 class="tutorial"><a name="runningtheapplication"></a>Executando o aplicativo</h2>
        <p>
            Executar o seu aplicativo &eacute; t&atilde;o simples quando clicar com o bot&atilde;o direito do mouse no n&oacute; do projeto e escolher um item de menu.
        </p>
        
        <ol>
        <li>Clique com o bot&atilde;o direito do mouse no n&oacute; do projeto do aplicativo e escolha Limpar e construir tudo.
        </li><li>Clique com o bot&atilde;o direito do mouse no n&oacute; do projeto de aplicativo e escolha Executar:
            </li><li>Depois que a aplica&ccedil;&atilde;o &eacute; implantada, voc&ecirc; pode clicar com o bot&atilde;o direito do mouse dentro da janela Favoritos e escolher uma pasta contendo arquivos HTML e, em seguida, abrir um arquivo HTML, como mostrado abaixo:</p>
        
    <img src="../../images/tutorials/htmleditor/html_editor_final-61.png" border="1" alt="Abrir arquivo HTML">

            
        </li></ol>
        
        <!-- ===================================================================================== -->     
     
        
           <!-- ===================================================================================== -->     
     
        <h2 class="tutorial"><a name="distributingtheapplication"></a>Distribuindo o aplicativo</h2>
        <p>
            Escolha uma das duas abordagens para distribuir o aplicativo. Se voc&ecirc; desejar manter o m&aacute;ximo poss&iacute;vel de controle sobre o aplicativo, use o web start para distribuir o aplicativo na web. Neste cen&aacute;rio, sempre que voc&ecirc; desejar atualizar o aplicativo, ir&aacute; fazer isso localmente e permitir que os usu&aacute;rios finais saibam sobre a atualiza&ccedil;&atilde;o, que estar&aacute; dispon&iacute;vel automaticamente para eles na pr&oacute;xima vez que iniciarem o aplicativo na web. Como alternativa, distribua um arquivo ZIP contendo seu aplicativo. Os usu&aacute;rios finais ter&atilde;o, assim, o aplicativo completo localmente dispon&iacute;vel. Distribua ent&atilde;o as atualiza&ccedil;&otilde;es e os novos recursos atrav&eacute;s do mecanismo de atualiza&ccedil;&atilde;o, descrito abaixo.
            
            
        </p><h3 class="tutorial"><a name="zip"></a>Distribuindo o aplicativo atrav&eacute;s de um arquivo ZIP</h3>
            <p> Para estender seu aplicativo, voc&ecirc; deve permitir que os usu&aacute;rios instalem m&oacute;dulos para aprimorar a funcionalidade do aplicativo. Para fazer isso, voc&ecirc; precisa simplesmente ativar alguns m&oacute;dulos extras, que empacotar&atilde;o o gerenciador de plug-ins com o seu Editor HTML.
        </p>
        
        
        <ol><li>Clique com o bot&atilde;o direito do mouse no projeto de aplicativo da Plataforma NetBeans e escolha Propriedades. Na caixa de di&aacute;logo Propriedades do projeto, use o painel Bibliotecas e marque as caixas de verifica&ccedil;&atilde;o <tt>Centrais de atualiza&ccedil;&atilde;o</tt>, <tt>Servi&ccedil;os de atualiza&ccedil;&atilde;o autom&aacute;tica</tt> e <tt>UI de atualiza&ccedil;&atilde;o autom&aacute;tica</tt> real&ccedil;adas abaixo:</p>
             
            <p><img border="1" src="../../images/tutorials/htmleditor/auto-update-61.png" alt="Atualiza&ccedil;&atilde;o autom&aacute;tica de m&oacute;dulos">
</p></li><li>Clique com o bot&atilde;o direito do mouse no n&oacute; do projeto do aplicativo e escolha Limpar e construir tudo.
            </li><li>Execute o aplicativo e observe que agora voc&ecirc; tem um novo item de menu, chamado &quot;Plug-ins&quot;, no menu Ferramentas:</p>
         
    <img src="../../images/tutorials/htmleditor/auto-update2-61.png" border="1" alt="Mostrando o gerenciador de plug-ins">
            
    </li><li>Escolha o nome item de menu Plug-ins e instale alguns plug-ins que sejam &uacute;teis para seu Editor HTML.
 Navegue no <a href="http://plugins.netbeans.org/PluginPortal/">Portal Plug-in</a> para localizar alguns que sejam adequados. &Eacute; desta mesma forma que os usu&aacute;rios finais atualizar&atilde;o sua instala&ccedil;&atilde;o local do aplicativo.
            
            </li><li><p>Clique com o bot&atilde;o direito do mouse no n&oacute; do conjunto de aplicativo e escolha Build ZIP Distribution.</p>
             

            
            </li><li>Na pasta <tt>dist</tt> (vis&iacute;vel na janela Arquivos), voc&ecirc; agora deve ser capaz de ver um arquivo ZIP que pode ser expandido, para exibi&ccedil;&atilde;o de seu conte&uacute;do:</p>
            
            <p><img border="1" src="../../images/tutorials/htmleditor/unzipped-app-61.png" alt="Arquivo ZIP gerado">
            
            </p><p><b class="notes">Observa&ccedil;&atilde;o:</b> o iniciador do aplicativo &eacute; criado na pasta <tt>bin</tt>, como mostrado acima.
        </p></li>
    
    <br />
  <!-- ======================================================================================== -->

<h3><a name="webstart"></a>Distribuindo o editor HTML por meio do Reposit&oacute;rio Web Start compartilhado do NetBeans</h3>



  <p>
  Em vez de distribuir um arquivo ZIP, vamos preparar para uma distribui&ccedil;&atilde;o webstart fazendo ajustes finos no arquivo <tt>master.jnlp</tt> que &eacute; gerado na primeira vez que o aplicativo &eacute; iniciado. Embora ele fa&ccedil;a o trabalho, ele n&atilde;o est&aacute; pronto para distribui&ccedil;&atilde;o. Pelo menos, voc&ecirc; precisa alterar a se&ccedil;&atilde;o de informa&ccedil;&otilde;es para fornecer melhores descri&ccedil;&otilde;es e &iacute;cones.
    
    </p><p>
    Outra altera&ccedil;&atilde;o na infra-estrutura JNLP padr&atilde;o &eacute; o uso de um reposit&oacute;rio JNLP compartilhado em www.netbeans.org. Por padr&atilde;o, a aplica&ccedil;&atilde;o JNLP gerada para um conjunto sempre cont&eacute;m todos os seus m&oacute;dulos, assim como os m&oacute;dulos do qual ela depende.
 Isso pode ser &uacute;til para uso de intranet, mas &eacute; um pouco menos pr&aacute;tico para uso amplo na internet. Na internet, &eacute; muito melhor se todos os aplicativos constru&iacute;dos na Plataforma NetBeans se referirem a um reposit&oacute;rio de m&oacute;dulos do NetBeans, o que significa que tais m&oacute;dulos s&atilde;o compartilhados e n&atilde;o precisam ser baixados mais de uma vez.
    </p>
    
    <p>
    Existe um reposit&oacute;rio como tal para NetBeans 6.1. Ele n&atilde;o cont&eacute;m todos os m&oacute;dulos que o NetBeans IDE possui, mas ele cont&eacute;m o suficiente para criar aplicativos n&atilde;o-IDE como o nosso editor HTML. Para usar o reposit&oacute;rio, voc&ecirc; s&oacute; precisa modificar <tt>platform.properties</tt> adicionando a URL correta:
    </p>
<pre class="examplecode">
# share the libraries from common repository on netbeans.org
# this URL is for release60 JNLP files:
jnlp.platform.codebase=https://netbeans.org/download/6_0/jnlp/
</pre>    
    <p>
    Assim que o aplicativo &eacute; iniciado como um aplicativo JNLP, todos os seus m&oacute;dulos de plug-in compartilhados s&atilde;o carregados a partir de netbeans.org e compartilhados com os aplicativos que fazem o mesmo.</p>
    
	

    
<br />
  

    
    <!-- ======================================================================================== -->
    <br>
    <div class="feedback-box"><a href="https://netbeans.org/about/contact_form.html?to=3&amp;subject=Feedback:%20NetBeans%20Platform%206.1%20Quick%20Start%20Tutorial">Envie-nos seus coment&aacute;rios</a></div>
    <br style="clear:both;" />
     <!-- ======================================================================================== -->
    
    <h2><a name="nextsteps"></a>Veja tamb&eacute;m</h2>
    
    <p>Isto conclui o In&iacute;cio r&aacute;pido da Plataforma NetBeans. Este documento descreveu como criar um plug-in que adiciona uma barra de ferramentas do Google Search ao IDE. 
 Para obter mais informa&ccedil;&otilde;es sobre a cria&ccedil;&atilde;o e o desenvolvimento de aplicativos na Plataforma NetBeans, consulte os seguintes recursos: 
    </p><ul>
        <p></p><li><a href="https://netbeans.org/kb/trails/platform.html">Outros tutoriais relacionados</a></li>
        <p></p><li><a href="https://netbeans.org/download/dev/javadoc/">Javadoc da API da NetBeans </a></li>
    </ul>
    
    <hr>
    <!-- ======================================================================================== -->
    
    
</ol></ol></body>
</html>