Modelos falantes no Dreamweaver - dummies

Muitos programas de design da Web se vangloriam de seus modelos HTML. O que eles realmente significam é que eles incluem alguns projetos de páginas prontas com o programa. O Dreamweaver leva esse conceito alguns passos ainda mais, fornecendo recursos de design de modelo que permitem criar o design básico de uma página e depois controlar quais seções podem e não podem ser alteradas. Este é um recurso valioso se você estiver trabalhando com uma equipe de desenvolvedores de diferentes níveis de habilidades. Por exemplo, se você estiver construindo um site para uma empresa imobiliária e quer deixar os funcionários atualizar as listas de vendas sem poder estragar o design da página, um modelo pode ser a solução perfeita.

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

Permanecer fiel ao seu modelo

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

Você pode modificar um modelo mesmo depois de usá-lo para criar documentos. Então, quando você atualiza documentos que usam o modelo, as seções não editáveis ​​desses documentos são atualizadas para coincidir com as alterações feitas no modelo.

Enquanto você está editando o próprio modelo, você pode fazer alterações em qualquer parte do arquivo, seja ele as regiões editáveis ​​ou bloqueadas. Ao editar um documento feito a partir de um modelo, no entanto, você pode fazer alterações apenas nas regiões editáveis ​​do documento. Se você voltar e mudar um modelo depois que ele for criado, o Dreamweaver oferece a opção de ter essas alterações refletidas em todas as páginas que você criou com esse modelo ou apenas com a página que você está editando atualmente.

Criando modelos

Criar um modelo é tão fácil como criar qualquer outro arquivo no Dreamweaver, como você pode ver nas seguintes etapas. Você pode começar com um documento HTML existente e modificá-lo de acordo com suas necessidades, ou você pode criar um documento completamente novo.Quando você salva um arquivo como um modelo, o arquivo é armazenado automaticamente na pasta Modelos da pasta principal do site. Os modelos devem ser salvos nesta pasta comum para que os recursos automatizados no Dreamweaver funcionem corretamente. Se você ainda não possui uma pasta de Modelos no seu site, o Dreamweaver cria automaticamente um quando você armazena seu primeiro modelo.

Os recursos do modelo funcionam somente se você definiu seu site na Web no Dreamweaver

Todos os elementos de um modelo estão bloqueados por padrão, exceto a seção do título do documento, que é indicada pelas tags. (A seção do título do documento que não está bloqueado é uma melhoria no Dreamweaver 4 - no Dreamweaver 3, você não poderia tornar a área do título editável). Para que o modelo seja de qualquer utilidade para a construção de novas páginas, você também pode editar outras áreas da página. Lembre-se de que você sempre pode retornar ao modelo e tornar mais áreas editáveis ​​ou remover o recurso para editar algumas áreas mais tarde.

Para criar um modelo com regiões editáveis, siga estas etapas:

1. Escolha Janela -> Modelos.

2. No painel Modelos, clique na seta no canto superior direito e escolha Novo modelo no menu suspenso que se abre.

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

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

O novo modelo é adicionado à lista Modelos para Site.

4. Depois de nomear o novo modelo, clique duas vezes no nome para abri-lo.

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

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

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

Em seguida, você coloca alguns textos ou imagens na página como espaços reservados para informações que você pode querer mudar no futuro.

6. Para tornar uma imagem ou área de texto editável, selecione a imagem ou texto e escolha Modificar -> Modelos -> Nova Região editável. (A imagem ou o texto que você seleciona como editável se tornam uma área que pode ser alterada em qualquer página criada com o modelo. As áreas que você não marca como editáveis ​​serão corrigidas e só podem ser alteradas se você modificar o próprio modelo).

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

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

O texto ou a imagem são destacados no modelo, indicando que ele é editável. Você pode nomear a região o que quiser, mas escolher algo que corresponda ao tipo de informação que você vai colocar na área facilita a sua lembrança.

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

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

Você pode fazer uma tabela completa ou uma célula de tabela individual editável, mas você não pode fazer várias células editáveis ​​de uma só vez, a menos que você as tenha mesclado primeiro.Você deve selecionar cada célula uma de cada vez, se quiser fazer algumas das células em uma tabela editáveis, mas não outras. As camadas e o conteúdo da camada também são tratados como elementos separados, mas podem ser marcados como editáveis. Fazer uma camada editável permite que você altere a posição dessa camada. Fazer o conteúdo da camada editável significa que você pode alterar o conteúdo da camada, como o texto ou a imagem na camada.