Como trabalhar com os modelos

Melhores Práticas > Passo 2 - Modelo > Os modelos >

Como trabalhar com os modelos

Previous pageReturn to chapter overviewNext page
Exibir/Ocultar o texto oculto

Com o WebSite X5, você achará fácil trabalhar com os modelos gráficos (a espinha dorsal do seu website), porque eles são totalmente flexíveis e fáceis de usar. Graças aos modelos padronizados, com inúmeras possibilidades de personalização e, acima de tudo, a possibilidade de criar seus próprios modelos, você pode ter a certeza de obter a aparência que deseja para o seu site.

Você também pode importar e exportar modelos (extraíndo-os de projetos para os quais tenham sido originalmente criados) e isto torna o compartilhamento de recursos incrivelmente simples.

Clique para expandir/recolherComo usar um modelo padronizado

O WebSite X5 fornece uma galeria com mais de 500 modelos padronizados, que podem ser adicionados baixando mais modelos (gratuitos ou adquiridos). Escolher um que seja o certo para você é simples:

Abra a janela Seleção do Modelo (se estiver trabalhando em um novo projeto) ou a janela Mudar Modelo (se quiser mudar o modelo que já tinha sido aplicado ao projeto).
Use diversos filtros e as categorias para restringir a pesquisa e exibir somente os modelos que possam ser úteis ao seu projeto.
Examine as miniaturas dos modelos para escolher o que mais gostar.
Selecione o modelo que desejar usar e, somente se necessário, compre ou instale o modelo.
Clique no botão OK para aplicá-lo ao seu projeto e abra a janela Configurações do Modelo para personalizar a estrutura e os estilos.
Clique para expandir/recolherComo criar um novo modelo baseado em um modelo padronizado

Um modelo padronizado é frequentemente uma boa forma de começar a criar seu próprio modelo personalizado, se você gostar do layout básico mas quiser adicionar algumas idéias próprias. Eis o que você precisará fazer:

Abra a janela Seleção do Modelo (se estiver trabalhando em um novo projeto) ou a janela Mudar Modelo (se quiser mudar o modelo que já tinha sido aplicado ao projeto).
Use os filtros para identificar e selecionar o modelo padronizado a partir do qual deseja começar.
Clique no botão OK para aplicar o modelo ao seu projeto e abrir a janela Configurações do Modelo para personalizar a estrutura e os estilos.
Realize todas as alterações que desejar e depois volte para a janela Configurações do Modelo e clique em Gerenciamento de Modelos personalizados.
Na janela Biblioteca Personalizados, clique no botão Adicionar para salvar o modelo atual como um Modelo Personalizado na biblioteca com o mesmo nome.

Agora você pode abrir e usar o modelo que acabou de criar para este projeto em outros projetos também.

Clique para expandir/recolherComo criar um novo modelo a partir de um modelo vazio

Quando tiver criado um layout, usando um editor gráfico externo, você poderá aplicá-lo ao seu projeto no WebSite X5 começando a partir de um modelo vazio:

Abra a janela Seleção do Modelo se estiver trabalhando em um novo projeto) ou a janela Mudar Modelo (se quiser mudar o modelo que já tinha sido aplicado ao projeto). E clique na opção Vazio.
Selecione a estrutura de modelo que parece melhor corresponder ao resultado que deseja obter e então vá para Configurações do Modelo e clique em Estrutura do Modelo.
Use as opções na janela Estrutura do Modelo para configurar a estrutura que quiser, importar diversos elementos gráficos para o layout e definir as margens e alinhamentos.
Volte para Configurações do Modelo e a partir daí você pode trabalhar nas outras janelas para personalizar os diversos estilos.
Clique para expandir/recolherComo configurar um modelo personalizado baseado em um novo modelo

Quando tiver criado um novo modelo para um projeto, começando a partir de um modelo vazio, é uma boa ideia salvá-lo na biblioteca de Modelos Personalizados, para que possa usá-lo em outros projetos. Para fazer isto, você deve:

Abrir a janela Seleção do Modelo se estiver trabalhando em um novo projeto) ou a janela Mudar Modelo (se quiser mudar o modelo que já tinha sido aplicado ao projeto). Clique em Vazio oara abrir e então use as opções na janela Estrutura do Modelo onde você poderá configurar a estrutura que quiser, importar diversos elementos gráficos para o layout e definir as margens e alinhamentos.
Realizar todas as alterações que desejar e então volte para a janela Configurações do Modelo e clique na opção Gerenciamento de Modelos personalizados.
Na janela Biblioteca Personalizados, clicar no botão Adicionar para salvar o modelo atual como um Modelo Personalizado na biblioteca com o mesmo nome.
Clique para expandir/recolherComo importar/exportar um modelo

Você pode exportar o modelo de um projeto para que possa usá-lo em outro computador, ou para que possa ser usado por outras pessoas.

Para exportar um modelo que você já tenha criado, você primeiro deverá salvá-lo na Biblioteca de Modelos Personalizados (veja as instruções acima), e então:

Abra a janela Seleção do Modelo e clique na opção Gerenciamento de Modelos personalizados.
Na janela Biblioteca Personalizados, selecione o modelo que deseja exportar e clique no botão Exportar...: é criado um arquivo .IWTLP na pasta especificada para exportação.
Copie este arquivo .IWTPL para o computador para o qual deseja exportar o modelo.

Para importar um modelo que tenha sido exportado via WebSite X5:

Abra a janela Configurações do Modelo e clique na opção Gerenciamento de Modelos personalizados.
Na janela Biblioteca Personalizados, clique no botão Importar...: selecione o arquivo .IWTPL do modelo a ser importado.
O modelo importado será adicionado à lista de modelos personalizados.

Arquivos .IWTPL só contêm as imagens e configurações para o modelo a que se refere: quando exportados, eles não manterão as  informações do projeto.

Para exportar um projeto, você precisará usar os comandos no Passo 5 - Exportar.

 


Melhores práticas:

-

Onde encontrar novos modelos do WebSite X5

-

Como criar um Website Responsivo | Como configurar o Modelo