Como criar um novo modelo do Dreamweaver - dummies

Você cria um novo modelo no Dreamweaver usando a mesma caixa de diálogo Novo documento que você usa para criar qualquer outro tipo de página. Para criar um modelo do Dreamweaver, siga estas etapas:

1. Escolha Arquivo → Novo.

   A caixa de diálogo Novo documento é aberta.

2. Na lista à esquerda, clique na opção Página em branco.

   

3. Na lista Tipo de página, escolha Modelo HTML.

4. Na área Layout, escolha criar uma página em branco ou selecione um layout CSS pré-designado.

   As muitas opções de layout CSS do Dreamweaver oferecem uma excelente vantagem para criar um novo design de página.

5. Clique no botão Criar.

   Um novo modelo em branco é criado e aberto na área de trabalho principal e a caixa de diálogo Novo documento fecha.

6. Escolha Arquivo → Salvar.

   Você recebe um aviso (se você não o desativou), afirmando que o modelo não possui regiões editáveis ​​e perguntando se deseja realmente salvá-lo. Clique em OK para fechar a caixa de diálogo de aviso e continuar. O Dreamweaver fornece esse aviso porque um modelo sem regiões editáveis ​​não é útil. Você encontra instruções para criar regiões editáveis ​​na etapa 9.

7. Clique em OK para salvar a página como é por enquanto.

   A janela Salvar como modelo aparece com a pasta Modelos aberta. Se você ainda não possui uma pasta denominada Modelos na sua pasta do site local, o Dreamweaver criará um para você quando você criar e salvar seu primeiro modelo.

   Para funcionar corretamente, os modelos do Dreamweaver devem ser salvos em uma pasta denominada Modelos (com um T ) de capital em sua pasta local do site, que está visível no painel Arquivos. Se você alterar o nome da pasta ou mover a pasta Modelos para uma subpasta, seus modelos não funcionarão mais corretamente.

8. Crie um design para a página, adicionando imagens, texto e outros elementos como faria em qualquer outro arquivo do Dreamweaver.

   Lembre-se de criar um design de página em um modelo como você faria em qualquer outra página da Web. Se você inclui imagens e textos que serão substituídos nas páginas criadas a partir do modelo ou apenas crie o esqueleto de uma página, depende de você.

9. Para criar uma região editável:

   1. Selecione qualquer imagem, bloco de texto ou área de conteúdo.

      Muitas vezes a melhor opção é selecionar uma área inteira de uma página para que tudo nessa seção se torne editável. Se você projetou suas páginas com tags e CSS, uma boa opção é selecionar a etiqueta para uma seção inteira, como a etiqueta com o estilo de classe mainContent.

      Uma maneira útil de selecionar uma seção cercada por uma tag é colocar o cursor em qualquer lugar naquela área da página e, em seguida, usar o seletor de tags na parte inferior do espaço de trabalho para selecionar a etiqueta.

   2. Escolha Inserir → Modelo → Região editável.

      A caixa de diálogo Nova região editável é aberta.

      

   3. Dê uma nova região editável um nome.

      Escolha algo que identifique o tipo de conteúdo, como título ou conteúdo principal. A região que você define como editável torna-se uma área que pode ser alterada em qualquer página criada a partir do modelo. Você pode ter várias regiões editáveis ​​em um modelo. Cada região editável deve ter um nome diferente; Os nomes não podem usar espaços ou caracteres especiais, mas sublinhados e hifens estão bem.

   4. Clique em OK.

      Uma caixa azul aqua (com uma aba aqua azul no canto superior esquerdo da caixa) envolve a região editável. O nome que você inseriu na caixa de diálogo Nova região editável aparece na guia.

10. Quando terminar de projetar a página e adicionar todas as regiões editáveis ​​desejadas, escolha Arquivo → Salvar para salvar seu modelo.

    Ao salvar uma nova página de modelo ou salvar uma página existente como modelo, o Dreamweaver adiciona automaticamente o. dwt extensão e salva o arquivo na pasta Modelos.

Se você salvar um modelo antes de especificar qualquer região editável, o Dreamweaver oferece um aviso porque os modelos não são úteis sem regiões editáveis. Você não precisa criar regiões editáveis ​​antes de salvar um modelo, mas não pode fazer alterações em nenhuma página criada a partir de um modelo até você criar uma ou mais regiões editáveis. Você sempre pode voltar e adicionar regiões editáveis ​​mais tarde.

A Adobe adicionou um novo painel de Inserção de Modelos no Dreamweaver CC. Você pode usar esse novo painel em vez dos itens de menu ao trabalhar com modelos. Os recursos funcionam da mesma forma: basta clicar no ícone correspondente no painel Inserção de modelos, como o ícone da Região editável.