Olá Pessoal!

Neste artigo estaremos vendo como os "templates" podem ser utilizados para aplicar um estilo consistente em todo site, e como você poderá implementar este recurso de forma rápida e fácil.

Vamos ao Trabalho!

• Introdução

Os templates do Dreamweaver são um dos recursos mais poderosos para gerenciar um site. Todas as especificações do design podem ser configuradas e atualizadas somente ao se alterar um template. Automaticamente, o Dreamweaver entende que o layout original foi modificado e altera todas as páginas daquele site.

• Criando um template

1- Primeiro iremos definir nosso layout como um template. Abra seu layout e no menu File clique em "Save as Templates...".

Nessa nova janela que se abriu, digite o nome do seu novo template.

2- Selecione a região onde você irá colocar o conteúdo do site e entre na barra "Insert > Templates", clique no ícone "Editable Region".

Nessa próxima janela que se abriu digite o nome para essa região.

Repare que onde foi selecionado como região editável ficou com uma borda azul. Essa será a única região onde poderemos inserir o conteúdo do nosso site.

Salve e feche o documento.

• Criando uma página baseada no template

Agora, vamos criar o nosso primeiro html verdadeiro, para ser utilizado em nosso site. Este arquivo será baseado no template "Primeiro Template" que acabamos de criar.

1- No menu File, selecione New e logo em seguida selecione a opção "Temaplates".

Não se esqueça de marcar a opção "Update Page when Tempale Changes".

2- Agora você poderá inserir o conteúdo em sua página. Veja que nossa região editável está com uma borda azul e no lado superior direito apareceu um amarela como o nome do nosso template "Primeiro Template".

Após ter inserir o conteúdo, salve o documento.

• Atualizando o Template

Caso você queira atualizar alguma coisa em seu template como: cor, inserir mais uma imagem, enfim qualquer alteração feita no template será automaticamente atualizadas em suas páginas.

1- Entre no menu Assets (F11) e selecione o template.

2- Faça as devidas alterações e salve o template.

3- Perceba que você selecionou a opção para que todas as páginas fossem atualizadas baseadas no template, então selecione Update.

Você também pode criar outro template baseado em um já existente Assim este novo template estará subordinado ao template anterior, fazendo com que tenhamos uma hierarquia dentro dos templates.

Abraços...