Guía del usuario Cancelar

Reconocimiento de plantillas y documentos basados en plantillas

 

 

Aprenda a reconocer documentos basados en plantillas y plantillas en Vista de diseño y Vista de código en Dreamweaver.

Reconocimiento de plantillas en la vista de diseño

En la vista de diseño, las regiones editables aparecen en la ventana de documento rodeadas por contornos rectangulares. Busque en el panel inferior de la ventana de documento el nombre de la región.

Puede identificar un archivo de plantilla mediante la barra de título de la ventana de documento. La extensión del archivo es .dwt.

Reconocimiento de plantillas en la vista de diseño
Reconocimiento de plantillas en la vista de diseño

Reconocimiento de plantillas en la Vista de código

En la vista de Código, las regiones de contenido editable se marcan en el código HTML mediante los comentarios siguientes:

<!-- TemplateBeginEditable> y <!-- TemplateEndEditable -->

Nota:

Puede utilizar las preferencias de colores para definir su propia combinación de colores con el fin de distinguir fácilmente las regiones de plantilla al ver un documento en la vista de Código.

Todo lo que se encuentra entre estos comentarios será editable en documentos basados en la plantilla. El código HTML para una región editable tendría el siguiente aspecto:

<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>
Nota:

Al editar el código de plantilla en la Vista de código, tenga cuidado de no cambiar ninguna de las etiquetas de comentario relacionadas con la plantilla en las que se basa Dreamweaver.

Reconocimiento de documentos basados en plantillas en la Vista de diseño

En la vista de diseño, las regiones editables de un documento basado en una plantilla aparecen en la ventana de documento rodeadas por contornos rectangulares en líneas discontinuas. En la parte inferior de la ventana se incluye el nombre de la región.

Además de los contornos de las regiones editables, toda la página aparece rodeada por un contorno de otro color, con una ficha en la esquina superior derecha en la que figura el nombre de la plantilla en la que se basa el documento. Este rectángulo resaltado le recuerda que el documento está basado en una plantilla y que no se puede cambiar nada que esté fuera de las regiones editables.

Reconocimiento de documentos basados en plantilla en la Vista de código

En la Vista de código, las regiones editables de un documento derivado de una plantilla aparecen en un color distinto del código existente en las regiones no editables. Puede realizar cambios en el código que está en las regiones editables o en los parámetros editables, pero no puede introducir nada en las regiones bloqueadas.

El contenido editable se marca en HTML mediante los siguientes comentarios de Dreamweaver:

<!‑‑ InstanceBeginEditable> y <!‑‑ InstanceEndEditable ‑‑>

Todo lo que hay entre estos comentarios es editable en un documento basado en una plantilla. El código HTML para una región editable tendría el siguiente aspecto:

<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>

El color predeterminado para texto no editable es gris. Puede definir un color distinto para las regiones editables y no editables en el cuadro de diálogo Preferencias.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?