Falando modelos no dreamweaver

Video: Dreamweaver - Trabalhando com templates - mxmasters.com.br

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 esse 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 pode e não pode ser alterada. Este é um recurso valioso se você está 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 estragar 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 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 ao mesmo tempo.

Mantendo-se fiel ao seu modelo

Uma das grandes vantagens em usar 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, a modelo tem 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 seçõ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. Ao editar um documento feita a partir de um modelo, no entanto, você pode fazer alterações somente 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 tem uma pasta Modelos no seu site, o Dreamweaver cria um automaticamente quando você armazenar seu primeiro modelo.

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

Todos os elementos de um modelo são bloqueadas por padrão, excepto a secção título do documento, o que é indicado pela Tag. (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 -gt Window; Modelos.

2. No painel Templates, 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 tal como seria de nomear 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, clique duas vezes o 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 a .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 -gt; 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 informações 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 -gt; Modelos -gt; 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.)

Video: Estilos CSS con Dreamweaver (Modelo de Caja)

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 torna mais fácil para você se lembrar.

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

Video: Dreamweaver CS5 - Templates Part 1

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

Você pode fazer uma tabela inteira ou uma célula da tabela indivíduo editável, mas você não pode fazer várias células editável de uma só vez, a menos que você 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. As camadas e o conteúdo da camada são também tratados como elementos separados, mas ambos podem ser marcados como editáveis. Fazendo uma camada editável permite que você altere 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 imagem na camada.