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 código
En la vista Código, las regiones de contenido editable están marcadas en HTML con los siguientes comentarios:
<!-- TemplateBeginEditable> y <!-- TemplateEndEditable -->
Puedes usar las preferencias de color de código para establecer tu propia combinación de colores y distinguir fácilmente las regiones de plantilla al ver un documento en la vista Código.
Todo lo que esté entre estos comentarios será editable en documentos basados en la plantilla.El código fuente HTML de una región editable podría verse así:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Nombre</td>
<td><font color="#FFFFFF">Dirección</font></td>
<td><font color="#FFFFFF">Número de teléfono</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Enter name</td>
<td>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- TemplateEndEditable -->
</table>
Al editar código de plantilla en la vista Código, tenga cuidado de no cambiar ninguna de las etiquetas de comentario relacionadas con plantillas de las que depende 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 Código, las regiones editables de un documento derivado de una plantilla aparecen en un color diferente al código de las regiones no editables.Solo puedes hacer cambios al código en las regiones editables o parámetros editables, pero no puedes escribir en regiones bloqueadas.
El contenido editable se marca en HTML mediante los siguientes comentarios de Dreamweaver:
<!‑‑ InstanceBeginEditable> y <!‑‑ InstanceEndEditable ‑‑>
Todo lo que esté entre estos comentarios es editable en un documento basado en plantilla.El código fuente HTML de una área geográfica editable podría verse así:
<body bgcolor="#FFFFFF" leftmargin="0">
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Nombre</td>
<td><font color="#FFFFFF">Dirección</font></td>
<td><font color="#FFFFFF">Número de teléfono</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>Introducir nombre</td>
<td>Introducir dirección</td>
<td>Introducir teléfono</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
El color predeterminado para texto no editable es gris; puedes seleccionar un color distinto para las zonas editables y no editables en el cuadro de diálogo Preferencias.
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.
