O é aberto automaticamente na área de edição, a área central do IDE quando você cria um novo projeto.. Neste editor você edita as páginas da aplicação. Você pode arrastar e soltar os componentes da Paleta e da para o Visual Designer a fim de criar a aplicação Web. O Visual Designer possui três botões na parte superior, Design, JSP e Java:
Design. Alterna a visualização do Editor JSP para o Visual Designer, onde pode pode ver e trabalhar com os componentes.
JSP. Alterna a visualização para o Editor JSP da página atual.
Java. Abre o Bean da página atual no
Editor Java. O Bean da página é uma classe Java que declara todos os objetos JavaBeans que correspondem à página JSP e aos componentes nela. Nessa classe, você trabalha com código Java, como o código dos manipuladores de eventos dos componentes da página JSP.
Veja algumas maneiras de trabalhar com o Visual Designer.
Quando você arrasta componentes para a página, por padrão, o Visual Designer organiza cada componente especificando a posição CSS absoluta do componente. O componente aparecerá na página HTML onde ele for colocado no Visual Designer. Você pode usar os componentes do Painel de grade e do Painel de grupo para organizar os componentes em um grupo ou pode definir o
layout de toda a página para usar componentes de posição e layout de fluxo da esquerda para a direita na primeira linha.
Se você selecionar um componente que tenha adicionado à página, poderá exibir e editar suas propriedades na janela Propriedades. Para obter uma descrição de algumas propriedades de componentes comuns, consulte Propriedades de componente comum.
Você pode arrastar tabelas de bancos de dados, serviços Web e componentes Enterprise JavaBeans para a página e vincular componentes aos mesmos, conforme descrito em Sobre como vincular componentes aos dados.
Você pode selecionar componentes individuais e movê-los e pode arrastar um retângulo de seleção em torno de um grupo de componentes e movê-los como um grupo.
Você pode selecionar vários componentes e clicar com o botão direito do mouse em um dos componentes selecionados e escolher Alinhar para alinhá-los entre si ou em relação à grade subjacente. Para obter descrições sobre essas ações, consulte Alinhando componentes e Configurando a grade.
Você pode empilhar componentes uns nos outros (por exemplo, arrastando um componente Texto de entrada na parte superior de uma imagem). Você também pode aninhar componentes dentro de outros componentes. Para obter mais informações, consulte Empilhando componentes eAninhando componentes.
Se você clicar com o botão direito do mouse na própria página, não em um componente na página, verá o seguinte conjunto de itens de menu:
Editar código-fonte Java. Abre o Editor Java para exibir o Bean dessa página, uma classe Java que declara todos os objetos JavaBeans que correspondem à página JSP e aos componentes nela. Nessa classe, você trabalha com código Java como o código dos manipuladores de eventos dos componentes da página JSP.
Editar código-fonte JSP. Abre o Editor JSP para exibir o código JSP desta página.
Formulários virtuais. Abre uma caixa de diálogo na qual você pode definir os formulários virtuais da página.
Alinhar. Alinha o componente. Escolha entre as seguintes opções: Alinhar à grade, Superior, Meio, Inferior, Esquerda, Centralizar e Direita.
Recortar Exclui a seleção atual e coloca-a na área de transferência.
Copiar. Copia a seleção atual para a área de transferência.
Colar. Se houver algo no buffer de colagem do sistema, como um arquivo de imagem que você tenha selecionado e copiado para o buffer, este item estará ativado. Ao clicar em Colar, o conteúdo do buffer é copiado para a página.
Excluir. ) Exclui a seleção atual.
Visualizar no navegador. Abre a página como uma página da Web estática para que você possa rapidamente ver como o código JSP é renderizado no navegador Web padrão.
Atualizar. Redesenha a página. Especialmente útil se os componentes não estiverem sendo exibidos adequadamente.
Janela Navegador de destino. Permite que você defina o tamanho da janela do navegador da Web que espera que os usuários estejam usando para que o seu design se encaixe no tamanho da janela.
Navegação na página. Abre o Editor de fluxo de página para que você possa vincular as páginas e criar novas páginas às quais vincular.