O estilo do Web Site pode ser selecionado durante a criação do projeto, se você escolher Ativar o Web Site Designer na página Escolher um Estilo da Web do assistente de criação do projeto. Uma vez que você tenha selecionado o estilo do Web Site, um gabarito de amostra é aplicado em suas páginas do WebFacing que é consistente com os gabaritos disponíveis para seleção utilizando as ferramentas do Web Site Designer. Para obter informações adicionais, consulte a documentação do Web Site Designer.
Para ver a estrutura de diretórios na qual um estilo está armazenado para seu projeto, selecione a guia Navigator. Na visualização Navegador, os caminhos para os diretórios de estilos para um projeto são: <nome_do_projeto>\WebContent\webfacing\styles e <nome_do_projeto>\WebContent\theme.
Se você desejar editar o estilo que é utilizado para a área do aplicativo e os elementos da tecla de comando, edite o arquivo apparea.css no diretório \apparea utilizando as páginas de propriedades de Estilo ou diretamente utilizando as ferramentas fornecidas no IDE. As páginas de propriedades de Estilo facilitam a visualização das modificações que estão sendo feitas e mostram como essas alterações são aplicadas nos elementos DDS, como janela e registros de subarquivos. As alterações feitas através das páginas de propriedades de Estilo são então aplicadas aos nomes de classe de estilo correspondentes no arquivo apparea.css. Para utilizar o editor CSS do IDE, clique com o botão direito no arquivo que deseja editar e escolha .
Se desejar editar o layout que circunda a área do aplicativo e as teclas de comando, edite os arquivos definidos pelo usuário usando o Web Site Designer ou diretamente selecionando os arquivos no sistema de arquivos nos diretórios \theme e \webfacing\styles\chrome.
Para editar os arquivos no diretório \theme utilizando o editor CSS do IDE, clique com o botão direito no arquivo CSS que deseja editar e selecione Abrir com Page Designer. Para editar o arquivo de gabarito associado ao PageBuilder.jsp a partir do Page Designer, na visualização Design, clique com o botão direito em . Isso é o mesmo que abrir o arquivo WFB_blue.jtpl diretamente utilizando o Page Designer para Modelo. Para editar o arquivo de estilo CSS associado ao modelo a partir do Page Designer para Modelo, no grupo de guias Estilos, escolha a exibição Estilos e clique com o botão direito em . Isso é o mesmo que abrir o arquivo CSS diretamente utilizando o CSS Designer.
. Para editar o layout e o quadro, clique com o botão direito no arquivo WFB_blue.jtpl e selecione . Para editar o arquivo PageBuilder.jsp ao qual o estilo e os arquivos de gabarito serão aplicados, clique com o botão direito no arquivo PageBuilder.jsp no diretório \webfacing\styles\chrome e selecionePara editar os arquivos para o layout e estrutura utilizando o Web Site Designer, ative a visualização Projetos WebFacing e expanda seu projeto, em seguida, expanda as pastas
. Clique com o botão direito do mouse no arquivo .website-config e selecione . Para editar o modelo, alterne para a visualização Navegador, em seguida, clique com o botão direito do mouse nos arquivos *.jtpl no diretório \theme e selecione . Para editar o estilo de CSS, clique com o botão direito do mouse nos arquivos *.css em .\theme e selecione .Arquivos que podem ser editados para alterações de estilo | Diretório em que os arquivos são armazenados | Parte da página da Web em que se aplicam | Editável utilizando páginas de propriedade? |
---|---|---|---|
apparea.css | \styles\apparea |
|
Sim |
|
\chrome \chrome\html \theme |
|
Não |