Exemplo de Estilo do Web Site Designer

Este exemplo mostra como arquivos dentro de um Web site podem ter diferentes gabaritos a eles aplicados, bem como um gabarito de exemplo para uma barra de navegação para um Web site. O arquivo com o gabarito de navegação inclui links para as suas páginas do WebFacing que possuem aparência e comportamento similar. O exemplo também mostra como vincular outros projetos da Web ao seu projeto do WebFacing.

Estas são as etapas:

  1. Crie um projeto do WebFacing e certifique-se de escolher Ativar o Web Site Designer em Escolher uma página Web Style do assistente para criação de projeto.
  2. Selecione a guia Navegador para consultar a estrutura de diretório do seu projeto. Na visualização Navegador, clique com o botão direito em <project_name>/WebContent/index.jsp e selecione Executar Como > Executar no Servidor
  3. Você verá uma amostra de dois links de navegação, INV1 e INV2, que abrirá o primeiro de dois comandos de CL definidos para o seu projeto. Eles são fornecidos como amostras e não funcionarão, a menos que esses comandos CL sejam definidos com os nomes INV1 e INV2. Clique nos links para executar o seu aplicativo. Observe que os links originais de index.jsp também estão disponíveis.
  4. Selecione a guia de projetos do WebFacing, clique com o botão direito em seu projeto e selecione Estilo > Web Site. Clique com o botão direito do mouse no arquivo .website-config e selecione Abrir Com > Web Site Designer. Para editar o gabarito, clique com o botão direito no ícone Índice e selecione Gabarito de Páginas > Abrir Gabarito de Página Com > Page Designer para Gabarito. Para editar o estilo CSS, clique com o botão direito no ícone PageBuilder e selecione Estilo > Editar CSS e, em seguida, selecione ../../theme/blue.css. Observe que o ícone Índice possui um gabarito a ele aplicado diferente do fornecido ao PageBuilder, mas o arquivo de estilos é o mesmo.
  5. Para incluir um novo link de navegação, selecione a guia Navegador, copie o arquivo <project_name>/WebContent/inv2.jsp e o coloque no mesmo diretório com o nome inv3.jsp. Edite o arquivo inv3.jsp e altere qualquer texto que se refira ao INV2 para INV3. Em seguida, arraste o arquivo inv3.jsp para a exibição de navegação do Web Site Designer e coloque-a sob o ícone Índice. Agora você possui navegação para um terceiro comando CL denominado INV3.
Referências relacionadas
Considerações sobre Configurações da Web
Informações relacionadas
Customizando seus Aplicativos do WebFacing

Feedback