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:
- 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.
- 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
- 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.
- Selecione a guia de projetos do WebFacing, clique com o botão direito em seu projeto e selecione .
Clique com o botão direito do mouse no arquivo .website-config e selecione .
Para editar o gabarito, clique com o botão direito no ícone Índice e selecione
. Para editar o estilo CSS, clique com o botão direito no ícone PageBuilder
e selecione 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.
- 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.