Guia do Usuário Cancelar

Reconhecimento de modelos e documentos baseados em modelo

 

 

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 design
Reconhecer modelos na Visualização de design

Reconhecer modelos na Visualização de código

Na Visualização de código, as regiões de conteúdo editável são marcadas em HTML com os seguintes comentários:

<!-- TemplateBeginEditable> and <!-- TemplateEndEditable -->

Observação:

Você pode usar preferências de cor de código para definir seu próprio esquema de cores de forma a diferenciar facilmente as regiões do modelo quando exibir um documento na Visualização de código.

Tudo o que estiver entre esses comentários será editável nos documentos baseados no modelo. O código de origem HTML de uma região editável deve ser assim:

<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Address</font></td>
<td><font color="#FFFFFF">Telephone Number</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Enter name</td>
<td>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- TemplateEndEditable -->
</table>
<table width="75%" border="1" cellspacing="0" cellpadding="0"> <tr bgcolor="#333366"> <td>Name</td> <td><font color="#FFFFFF">Address</font></td> <td><font color="#FFFFFF">Telephone Number</font></td> </tr> <!-- TemplateBeginEditable name="LocationList" --> <tr> <td>Enter name</td> <td>Enter Address</td> <td>Enter Telephone</td> </tr> <!-- TemplateEndEditable --> </table>
<table width="75%"  border="1"  cellspacing="0" cellpadding="0"> 
  <tr bgcolor="#333366"> 
    <td>Name</td> 
    <td><font color="#FFFFFF">Address</font></td> 
    <td><font color="#FFFFFF">Telephone Number</font></td> 
  </tr> 
  <!-- TemplateBeginEditable name="LocationList" --> 
  <tr> 
    <td>Enter name</td> 
    <td>Enter Address</td> 
    <td>Enter Telephone</td> 
  </tr> 
  <!-- TemplateEndEditable --> 
</table>
Observação:

Ao editar o código do modelo na Visualização de código, tenha cuidado para não alterar as tags de comentário relacionadas ao modelo que o Dreamweaver utiliza.

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 derivadas de um modelo aparecem em uma cor diferente da do código nas regiões não editáveis. Você pode efetuar alterações somente no código nas regiões editáveis ou nos parâmetros editáveis, e não pode digitar nas regiões bloqueadas.

O conteúdo editável é marcado em HTML com os seguintes comentários do Dreamweaver:

<!‑‑ InstanceBeginEditable> and <!‑‑ InstanceEndEditable ‑‑>

Tudo o que está entre esses comentários é editável em um documento baseado em modelo. O código de origem HTML de uma região editável deve ser assim:

<body bgcolor="#FFFFFF" leftmargin="0">
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Address</font></td>
<td><font color="#FFFFFF">Telephone Number</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>Enter name</td>
<td>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
<body bgcolor="#FFFFFF" leftmargin="0"> <table width="75%" border="1" cellspacing="0" cellpadding="0"> <tr bgcolor="#333366"> <td>Name</td> <td><font color="#FFFFFF">Address</font></td> <td><font color="#FFFFFF">Telephone Number</font></td> </tr> <!-- InstanceBeginEditable name="LocationList" --> <tr> <td>Enter name</td> <td>Enter Address</td> <td>Enter Telephone</td> </tr> <!-- InstanceEndEditable --> </table> </body>
<body bgcolor="#FFFFFF" leftmargin="0"> 
<table width="75%"  border="1"  cellspacing="0" cellpadding="0"> 
  <tr bgcolor="#333366"> 
    <td>Name</td> 
    <td><font color="#FFFFFF">Address</font></td> 
    <td><font color="#FFFFFF">Telephone Number</font></td> 
  </tr> 
  <!-- InstanceBeginEditable name="LocationList" --> 
  <tr> 
    <td>Enter name</td> 
    <td>Enter Address</td> 
    <td>Enter Telephone</td> 
  </tr> 
  <!-- InstanceEndEditable --> 
</table> 
</body>

A cor padrão de um texto não editável é cinza. Você pode selecionar outra cor para as regiões editáveis e não editáveis na caixa de diálogo Preferências.

Receba ajuda com mais rapidez e facilidade

Novo usuário?