iMasters | Por uma internet mais criativa e dinâmica

Sexta-feira, 13/12/2002 - 03:59 - Por Giovani Generali
Seções relacionadas:

• Dreamweaver

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 0 comentários

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...

Todos os artigos de Giovani Generali

13/12/2002 - Sistema de votação - Parte 01 13/12/2002 - Flash MX: Named Anchors 13/12/2002 - Newsletter Simples 13/12/2002 - Dreamweaver MX: Efeito Alpha 13/12/2002 - Guestbook - Parte 03 13/12/2002 - Dreamweaver MX: Exibindo registros por data 13/12/2002 - Flash MX: Templates 13/12/2002 - ColdFusion MX: Novos Recursos 13/12/2002 - Flash MX: Componentes 13/12/2002 - Modificando Registros: Dreamweaver MX 13/12/2002 - Fireworks MX: Plug-ins 13/12/2002 - Excluindo múltiplos registros com checkbox 13/12/2002 - Dreamweaver MX: Exibindo imagens 13/12/2002 - Dreamweaver MX: Criação e manuntenção de um site 13/12/2002 - Flash MX: Vídeos 13/12/2002 - Dreamweaver MX: Recursos de CSS 13/12/2002 - Flash MX: Fs Commands 13/12/2002 - Fireworks MX: Animação 3D 13/12/2002 - Dreamweaver MX: Sistema de banner rotativo 13/12/2002 - Excluindo registros no Dreamweaver MX 13/12/2002 - Dreamweaver MX: Layout View 13/12/2002 - Dreamweaver MX: Transforme tabelas em menus 13/12/2002 - Guestbook - Parte 01 13/12/2002 - Dreamweaver MX: Login automático 13/12/2002 - Flash MX: Máscara Arrastável 13/12/2002 - Dreamweaver MX: Criando uma busca 13/12/2002 - Fireworks MX: Sombra Perspectiva 13/12/2002 - Fireworks MX: Efeito Reflexo 13/12/2002 - Newsletter Simples 13/12/2002 - Dreamweaver MX: Templates 13/12/2002 - Guestbook - Parte 02 13/12/2002 - Dreamweaver MX: Contador de cliques 13/12/2002 - Flash MX: Preloading 13/12/2002 - ColdFusion MX: Arquitetura 29/07/2002 - Plugins Fireworks

0 comentários publicados

Poste um comentário

(clique se não for cadastrado)

Login: Senha: Titulo: digite aqui seu comentário Site/blog: Enviar Receber notificação de novos comentários

Sobre o autor

Giovani Generali trabalha com desenvolvimento de projetos para web desde 2000 e atualmente atua na área de suporte da LocaWeb.

Indique para um amigo

Escreva aqui sua mensagem! ok

Tags relacionadas

microsoft mobile linux google desenvolvimento php tecnologia seguranca photoshop gerência ti celular mercado iphone crescimento 3g brasil design web windows publicidade youtube apple internet lançamento yahoo

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!