[E-BOOK GRÁTIS]: Windows 7 Básico, 476 pgs - QUERO RECEBER!
Você está em: PrincipalTutoriaisCarloscastro : Dreamweaver003
Quer receber novidades e e-books gratuitos?
›››

Conheça o Júlio Battisti

Julio Battisti - Autor de mais de 25 livros de informática Júlio Battisti tem mais de 36 livros publicados, dezenas de e-books e é certificado Microsoft.

Ganhe o e-book a Seguir

e-book grátis Windows 7 Básico

476 páginas



Curta Nossa Fanpage

Loja Virtual do Site

Livros do Julio Battisti

FILTRO DE TUTORIAIS:




Usando os templates do Dreamweaver

 

Os templates do Dreamweaver, também chamados de modelos, são um dos recursos mais poderosos para gerenciar um site. A idéia é criar o layout do seu site e converter esta página em modelo, todas as páginas criadas a partir de então serão baseadas neste modelo, qualquer modificação, será feita no modelo e atualizada automaticamente nas páginas que foram criadas a partir dele.

 

1. A primeira providencia é criar uma pasta para o novo site e fazer a definição deste site, para definir o site, clicamos no menu Site/Manage sites, como visto em coluna anterior.

 

2. Depois de fazer a definição do site, crie um novo arquivo, para este exemplo iremos montar um currículo virtual.

 

3. Desenhe uma tabela com as medidas abaixo.

 

 

4. Após inserir a tabela configure como abaixo.

 

 

5. Pinte o fundo da primeira linha da cor que quiser e escreva:

 

 

6. Clique na primeira célula da segunda linha e escreva:

 

 

7. Modifique o alinhamento vertical das duas células da segunda linha para Top.

 

 

8. Clique na terceira linha e digite o texto abaixo. Pinte a cor de fundo da célula também.

 

 

9. Nós criaremos todas as páginas internas do site a partir deste modelo, a única parte que será preenchida nestas páginas será a célula grande, a segunda célula da segunda linha, devemos portanto fazer com que está célula seja editável quando as páginas internas forem criadas a partir do modelo. Para fazê-lo clique no botão Templates da barra Common e depois em Editable region.

 

 

10. A parte inicial do layout já está pronta, vamos salvar nosso arquivo como um template do Dreamweaver, Clique no menu File/Save as template.

 

 

11. Depois de gravado o template, a célula que escolhemos para ser a editável mostrará a indicação abaixo:

 

 

12. Agora vamos começar a criar as páginas internas do site, clique no menu File/New.

 

 

13. Este novo arquivo terá a mesma aparência do modelo com a diferença de que só poderemos editar a 2ª célula da linha 2, pois ela é a única região editável, todas as outras células estarão bloqueados, tente por exemplo apagar se nome do titulo ou algum link do lado esquerdo, não dá para fazer, pois estas regiões não são editáveis, é uma garantia de que não faremos nenhuma bobagem nestas áreas que serão comuns a todas as páginas baseadas neste modelo.

 

14. Este vai ser o seu arquivo “Dados”, apague o texto “EditRegion” deste novo arquivo e escreva:

 

 

15. Salve o arquivo como dados.htm e feche-o.

 

16. Peça um novo arquivo baseado no modelo e preencha-o como abaixo.

 

 

17. Salve o arquivo como escolaridade.htm e feche-o.

 

18. Peça um novo arquivo baseado no modelo e preencha-o como abaixo.

 

 

19. Salve o arquivo como cursos.htm e feche-o.

 

20. Peça um novo arquivo baseado no modelo e preencha-o como abaixo.

 

 

21. Salve o arquivo como cursos.htm e feche-o.

 

22. Peça um novo arquivo baseado no modelo e preencha-o como abaixo.

 

 

23. Salve o arquivo como index.htm e feche-o.

 

24. Agora o site está pronto, o próximo passo é testar as possibilidades de alterar o modelo e ver que estas modificações refletirão nos 5 arquivos baseados no modelo.

 

25. Abra seu arquivo modelo.dwt, ele está numa pasta chamada “templates” que foi criada pelo Dreamweaver dentro da pasta de seu site.

 

26. Vamos agora criar os links das páginas internas, começando com o linl “Dados”, selecione a palavra Dados no menu e use a barra de propriedades para criar o link para o arquivo dados.htm.

 

 

27. Repita o processo para fazer todos os outros links. Um lembrete, o link “Principal” deve abrir a página index.htm.

 

28. Ao terminar a criação dos links clique no menu File/Save, aparecerá a caixa de diálogo abaixo.

 

 

29. Clique em Sim.

 

30. Posteriormente aparecerá a caixa de diálogo abaixo você deve observar a quantidade de arquivos “examined” e  a quantidade de arquivos “updated”, arquivos examinados e atualizados, estes valores devem ser sempre iguais, uma vez ou outra o Dreamweaver por algum motivo sobrenatural não atualiza todas as páginas, se isto acontecer você deve salvar de novo até que todos estejam atualizados.

 

 

31. Abra no seu browser o arquivo index.htm e verifique que os links estão funcionando em todas as páginas.

 

32. Vamos fazer mais uma modificação para teste, feche todos os arquivos abertos e abra novamente o arquivo modelo.dwt.

 

33. Altere cor de fundo das células, centralize seu site na página, e altere mais o que você quiser em seu site, salve e observe que estas modificações valerão para todas as páginas.

 

Dúvidas?

Utilize a área de comentários a seguir.

Me ajude a divulgar este conteúdo gratuito!

Use a área de comentários a seguir, diga o que achou desta lição, o que está achando do curso.
Compartilhe no Facebook, no Google+, Twitter e Pinterest.

Indique para seus amigos. Quanto mais comentários forem feitos, mais lições serão publicadas.

Quer receber novidades e e-books gratuitos?
›››

Vídeo-Aulas

  • Access
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • E-books

  • Access
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • Livros

  • Administração
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • Cursos Online

  • Banco de Dados
  • Carreira
  • Criação/Web
  • Excel/Projetos
  • Formação
  • + Todas as categorias
  • Conteúdo Gratuito

  • +1500 Artigos e Tutoriais
  • ASP 3.0
  • ASP.NET
  • Access Básico
  • Access Avançado
  • Excel Básico - 120 lições
  • Excel Avançado - 120 lições
  • SQL Server 2005
  • Windows 7
  • Windows XP
  • Windows 2003 Server
  • Windows 2008 Server
  • Novidades e E-books grátis

    Fique por dentro das novidades, lançamento de livros, cursos, e-books e vídeo-aulas, e receba ofertas de e-books e vídeo-aulas gratuitas para download.



     

    Institucional

  • Quem somos
  • Garantia de entrega
  • Contato
  • O Autor

  • Atendimento: (51) 3717-3796 - webmaster@juliobattisti.com.br Todos os direitos reservados, Júlio Battisti 2001-2014 ®