Saiba como reconhecer modelos e documentos baseados em modelo na Visualização de design do Dreamweaver e na Visualização de código.
Reconhecer modelos na Visualização de design
Na Visualização de design, as regiões editáveis aparecem na janela Documento entre contornos retangulares. Consulte o painel inferior na janela Documento para exibir o nome da região.
Para identificar um arquivo de modelo, verifique a barra de título na janela Documento. A extensão do nome do arquivo é .dwt.
Reconhecer modelos na Visualização de código
Na exibição de código, as regiões de conteúdo editável são marcadas em HTML com os seguintes comentários:
<!-- TemplateBeginEditable> e <!-- TemplateEndEditable -->
Você pode usar as preferências de cor do código para definir seu próprio esquema de cores para distinguir facilmente as regiões do modelo quando visualiza um documento na visualização de Código.
Tudo entre esses comentários será editável em documentos baseados no modelo.O código-fonte HTML para uma região editável pode ter a seguinte aparência:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Nome</td>
<td><font color="#FFFFFF">Endereço</font></td>
<td><font color="#FFFFFF">Número de telefone</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Digite o nome</td>
<td>Inserir endereço</td>
<td>Inserir telefone</td>
</tr>
<!-- TemplateEndEditable -->
</table>
Quando você edita o código do modelo na visualização de Código, tenha cuidado para não alterar nenhuma das tags de comentário relacionadas ao modelo das quais o Dreamweaver depende.
Reconhecer documentos baseados em modelo na Visualização de design
Em um documento com base no modelo, as regiões editáveis aparecem na Visualização de design da janela Documento entre contornos retangulares com linhas pontilhadas. A parte inferior da janela mostra o nome da região.
Além dos contornos de regiões editáveis, a página inteira tem um contorno em outra cor, com uma guia no canto superior direito que exibe o nome do modelo do documento. Esse retângulo realçado informa que o documento baseia-se em um modelo e que é possível alterar o conteúdo fora das regiões editáveis.
Reconhecer documentos baseados em modelo na Visualização de código
Na visualização de código, as regiões editáveis de um documento derivado de um modelo aparecem em uma cor diferente do código nas regiões não editáveis.Você pode fazer alterações apenas no código nas regiões editáveis ou parâmetros editáveis, mas não pode digitar em regiões bloqueadas.
O conteúdo editável é marcado em HTML com os seguintes comentários do Dreamweaver:
<!‑‑ InstanceBeginEditable> e <!‑‑ InstanceEndEditable ‑‑>
Tudo entre estes comentários é editável em um documento baseado em modelo. O código-fonte HTML para uma região editável pode ter esta aparência:
<body bgcolor="#FFFFFF" leftmargin="0">
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Nome</td>
<td><font color="#FFFFFF">Endereço</font></td>
<td><font color="#FFFFFF">Número de telefone</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>Inserir nome</td>
<td>Inserir endereço</td>
<td>Inserir telefone</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
A cor padrão para texto não editável é cinza; é possível selecionar uma cor diferente para as regiões editáveis e não editáveis na caixa de diálogo Preferências.
Criar belos sites no Dreamweaver
Crie, codifique e gerencie sites dinâmicos com uma ferramenta completa e eficiente.
