Falando modelos no Dreamweaver

Muitos programas de web design se gabar de seus modelos HTML. O que eles realmente querem dizer é que eles incluem alguns designs de página ready-made com o programa. Dreamweaver leva este conceito alguns saltos adiante, fornecendo recursos de design de modelo que lhe permitem criar o projeto básico de uma página e, em seguida, controlar quais seções podem e não podem ser alterados. Este é um recurso valioso se você estiver trabalhando com uma equipe de desenvolvedores de diferentes níveis de habilidade. Por exemplo, se você está construindo um site para uma empresa imobiliária e você quer deixar os funcionários atualizar as listas de vendas sem ser capaz de atrapalhar o design da página, um modelo pode ser a solução perfeita.

Os modelos são usados ​​melhor quando você está criando um número de páginas que compartilham certas características, como a cor de fundo ou elementos de navegação. Em vez de definir as propriedades corretas para cada nova página ou fazer as mesmas alterações na página após página, você pode usar um modelo para fazer alterações em várias páginas de uma só vez.

Mantendo-se fiel ao seu modelo

Uma das grandes vantagens em utilizar o recurso de modelo do Dreamweaver é que você pode especificar quais áreas do molde pode ser mudado. Isto é especialmente útil se você estiver trabalhando com pessoas que têm vários níveis de habilidade em HTML e você quer um designer mais avançado para criar uma página que uma pessoa menos experiente não pode mexer-se mais tarde. Com esse objetivo em mente, um modelo tiver regiões editáveis ​​e regiões bloqueadas (não editáveis). Usar regiões editáveis para o conteúdo que muda, como uma descrição do produto. Use regiões bloqueadas para conteúdo estático, imutável, como um logotipo ou elementos de site de navegação.

Você pode modificar um modelo, mesmo depois que você usou para criar documentos. Então, quando você atualizar os documentos que usam o modelo, as secções não editáveis ​​desses documentos são atualizados para coincidir com as alterações feitas no modelo.

Enquanto você está editando o modelo em si, você pode fazer alterações em qualquer parte do arquivo, seja ele as regiões editáveis ​​ou bloqueadas. Durante a edição de um documento feito a partir de um modelo, no entanto, você pode fazer alterações apenas para as regiões editáveis ​​do documento. Se você voltar atrás e mudar um modelo depois de ser criado, o Dreamweaver dá-lhe a opção de ter essas alterações refletidas em todas as páginas que você criou com o modelo ou apenas a página que você está editando.

criação de modelos

Criar um modelo é tão fácil quanto criar qualquer outro arquivo no Dreamweaver, como você pode ver nas etapas seguintes. Você pode começar com um documento HTML existente e modificá-lo para atender às suas necessidades, ou você pode criar um documento totalmente novo. Quando você salvar um arquivo como um modelo, o arquivo é automaticamente armazenada na pasta Modelos da pasta principal para o Web site. Os modelos devem ser salvos nesta pasta comum para os recursos automatizados em Dreamweaver para funcionar corretamente. Se você ainda não tiver uma pasta Modelos no seu site, o Dreamweaver cria um automaticamente quando for guardar o primeiro modelo.

As características modelo só funciona se você tiver definido o seu Web site no Dreamweaver

Todos os elementos em um modelo são bloqueadas por padrão, exceto a seção título do documento, o que é indicado pelas tags. (A seção título do documento não está sendo bloqueado é uma melhoria no Dreamweaver 4 - no Dreamweaver 3, você não pode tornar a área de título editável.). Para o modelo a ser de alguma utilidade para a construção de novas páginas, você deve fazer outras áreas da página editável, também. Lembre-se que você sempre pode voltar para o modelo e fazer mais áreas editável ou remover a capacidade de editar certas áreas mais tarde.

Para criar um modelo com regiões editáveis, siga estes passos:

1. Escolha Janela -> Modelos.

2. No painel Modelos, clique na seta no canto superior direito e escolha Novo modelo a partir do menu drop-down que se abre.

Um novo modelo, ainda sem título é adicionado à lista de modelos no painel.

3. Com o modelo ainda selecionado, digite um nome para o modelo, assim como você teria o nome de qualquer arquivo no Finder em um Mac ou o Explorer em um PC.

O novo modelo é adicionado aos modelos para lista Site.

4. Depois de nomear o novo modelo, dê um duplo clique no nome para abri-lo.

A página de modelo é aberto no Dreamweaver como qualquer outra página HTML seria, exceto que o nome do arquivo termina com o .dwt extensão.

Agora você pode editar esta página como faria com qualquer outra página HTML, inserir imagens, texto, tabelas, e assim por diante.

5. Escolha Modificar -> Propriedades da página para especificar as cores de fundo, texto e links.

Em seguida, você colocar algum texto ou imagens na página como espaços reservados para a informação que você pode querer mudar no futuro.

6. Para fazer uma imagem ou texto área editável, selecione a imagem ou o texto e, em seguida, escolha Modificar -> Modelos -> Nova região editável. (A imagem ou o texto que você selecionar como editável torna-se uma área que pode ser alterado em qualquer página criada com o modelo. Áreas que você não marcar como editável se tornará fixa e só pode ser alterado se você modificar o modelo em si.)

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

7. Na caixa de texto Nome, digite um nome para a região editável.

O texto ou imagem é destaque no modelo, indicando que é editável. Você pode nomear a região que quiser, mas escolher algo que corresponde ao tipo de informação que você está indo para colocar na área faz com que seja mais fácil para você se lembrar.

8. Para fazer outras imagens ou áreas de texto editável, repita os passos 6 e 7.

9. Salve o modelo e feche o arquivo quando terminar.

Você pode fazer uma tabela inteira ou uma célula tabela individual editável, mas você não pode fazer várias células editável de uma só vez, a menos que se fundiram-los primeiro. Você tem que selecionar cada célula um de cada vez, se você quiser fazer algumas das células em uma tabela editável, mas não outros. Camadas e conteúdo da camada também são tratados como elementos separados, mas qualquer um pode ser marcado como editável. Fazendo uma camada editável permite alterar a posição dessa camada. Fazendo editável conteúdo da camada significa que você pode alterar o conteúdo da camada, como o texto ou a imagem na camada.