NUNCA MAIS PASSE RAIVA POR NÃO CONSEGUIR RESOLVER UM PROBLEMA COM O EXCEL - GARANTIDO!

UNIVERSIDADE DO VBA - Domine o VBA no Excel Criando Sistemas Completos - Passo a Passo - CLIQUE AQUI

Você está em: PrincipalArtigosCriacaosites : Dreamweaver003
Quer receber novidades e e-books gratuitos?

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.

 

Untitled Document
FRONTPAGE - BÁSICO
1 Criação de Páginas para Internet - Introdução
1 Criando o Primeiro Arquivo HTML
DREAMWEAVER - BÁSICO
1 Introdução ao Dreamweaver MX 2004
1 Projeto Web – Parte 01
1 Projeto Web – Parte 04
1 Projeto Web – Parte 03
1 Criação de Tabelas no Dreamweaver
1 Dreamweaver Basico - Começando a usar o DreamWeaver
1 Dreamweaver Basico - Configurações de Definição de Sites
1 Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 1
1 Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 2
1 Dreamweaver Basico - Definição Básica do Design e Inserção de Conteúdo
1 Dreamweaver Basico - Criação de Links
1 Dreamweaver Basico - Configuração de Links
1 Usando Tabelas no DreamWeaver
1 Usando Imagens no Dreamweaver
1 Usando Modelos no Dreamweaver
1 Conhecendo o Dreamweaver 8
1 Usando comportamentos para criar um menu pop up no Dreamweaver
1 Usando a paleta Behaviors do Dreamweaver - Parte 1
1 Usando Camadas Para Exibir Dicas de Formulários
1 Fazendo um Site com Templates Prontos no Dreamweaver
HTML BÁSICO
1 HTML Básico - Introdução à Internet
1 HTML Básico - Alinhamento de Texto
1 HTML Básico - Cabeçalhos e Formatação de Texto
1 HTML Básico - Formatação de Texto
1 HTML Básico - Criação e configuração de links
1 HTML Básico - Criando Listas Ordenadas e Listas de Definição
1 HTML Básico - Criação de Links Internos e Externos
1 HTML Básico - Criação de Links Externos E Links de E-mail
1 HTML Básico - Inserindo Imagens na Página
1 HTML Básico - Introdução à Tabelas
1 HTML Básico - Criação de Formulários - Parte 1
1 HTML Básico - Criação de Formulários - Parte 2
DREAMWEAVER - PROGRAMAÇÃO PHP
1 Galeria de Fotos com Efeito Lightbox Dinâmica
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 1)
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 2)
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte Final)
1 Alternando Cores da Tabela no Resultado de uma Consulta
1 Como Criar um Contador de Visitas (Acessos)
1 Criando Galeria de Fotos (Tiny SlideShow)
1 Criando Ícone para URL
1 Criando Recurso Imprimir
1 Criando Sites Auto-Ajustáveis de Acordo com a Resolução
1 Formulário de Contato com Envio de Dados por Email
1 Galeria de Fotos com Efeito Lightbox e Upload Múltiplo de Imagens
CRIANDO UM APLICATIVO PARA UMA ACADEMIA
1 Criando Aplicativo Para Academia - Parte 1
1 Criando Aplicativo Para Academia - Parte 2
1 Criando Aplicativo Para Academia - Parte 3
1 Criando Aplicativo Para Academia - Parte 4
1 Criando Aplicativo Para Academia - Parte 5
1 Criando Aplicativo Para Academia - Parte 6
1 Criando Aplicativo Para Academia - Parte Final
WEBSPHERE
1 Apresentando o WebSphere Application Server da IBM
1 Instalação do WebSphere Application Server
1 Configurando uma aplicação no WAS
1 Configurando a segurança no WAS
SISTEMA DE SALÃO DE BELEZA
1 Sistema Salão de Beleza - Parte 1
1 Sistema Salão de Beleza - Parte 2
1 Sistema Salão de Beleza - Parte 3
1 Sistema Salão de Beleza - Parte 4
1 Sistema Salão de Beleza - Parte 5
1 Sistema Salão de Beleza - Parte 6
1 Sistema Salão de Beleza - Parte 7
1 Sistema Salão de Beleza - Parte 8
1 Sistema Salão de Beleza - Parte 9
1 Sistema Salão de Beleza - Parte 10
1 Sistema Salão de Beleza - Parte 11
1 Sistema Salão de Beleza - Parte 12
1 Sistema Salão de Beleza - Parte 13
1 Sistema Salão de Beleza - Parte 14
SISTEMA PARA GERENCIAMENTO DE IMÓVEIS
1 Sistema Para Gerenciamento de Imóveis - Parte 01
1 Sistema Para Gerenciamento de Imóveis - Parte 02
1 Sistema Para Gerenciamento de Imóveis - Parte 03
1 Sistema Para Gerenciamento de Imóveis - Parte 04
1 Sistema Para Gerenciamento de Imóveis - Parte 05
1 Sistema Para Gerenciamento de Imóveis - Parte 06
1 Sistema Para Gerenciamento de Imóveis - Parte 07
1 Sistema Para Gerenciamento de Imóveis - Parte 08
1 Sistema Para Gerenciamento de Imóveis - Parte 09
1 Sistema Para Gerenciamento de Imóveis - Parte 10
1 Sistema Para Gerenciamento de Imóveis - Parte 11
Quer receber novidades e e-books gratuitos?

 
 

Contato: Telefone: (51) 3717-3796 | E-mail: webmaster@juliobattisti.com.br | Whatsapp: (51) 99627-3434

Júlio Battisti Livros e Cursos Ltda | CNPJ: 08.916.484/0001-25 | Rua Vereador Ivo Cláudio Weigel, 537 - Universitário, Santa Cruz do Sul/RS, CEP: 96816-208

Todos os direitos reservados, Júlio Battisti 2001-2024 ®

LIVRO: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2016 - CURSO COMPLETO E PRÁTICO

DOMINE A PROGRAMAÇÃO VBA NO EXCEL - 878 PÁGINAS - CLIQUE AQUI