www.deciencias.net
Web docente departamental
 
Las Plantillas de Dreamweaver

Cada vez que deseamos crear un sitio web, tenemos que tener muy en cuenta que las páginas deben seguir un formato uniforme. La mayoría de nosotros solemos hacer copias de los documentos ya creados, y trabajar sobre estas copias, modificando simplemente su contenido. Esta es la forma más sencilla de tener páginas con una estructura basada en la estructura de otras ya creadas previamente.

Las plantillas son una especie de copia de la página en la que van a estar basadas el resto de páginas del sitio web, pero que incluyen la posibilidad de establecer unas zonas editables y otras zonas que serán fijas, que no podrán ser modificadas. No es posible modificar las propiedades de una página que esta basada en una plantilla, a excepción del título. Cuando se desea que existan páginas con, por ejemplo, diferente color de fondo, es necesario crear plantillas diferentes con los distintos colores, y basar las páginas en una u otra plantila, según el color de fondo que se desee para cada una.

Cuando se modifica el diseño de una plantilla, se pueden actualizan todas las páginas basadas en ella. Las plantillas son archivos con la extensión DWT que se guardan en el sitio web, dentro de una carpeta llamada Templates .

Crear plantillas

Una forma de crear una plantilla desde cero es a través del panel Activos . El panel Activos se puede abrir a través del menú Ventana , opción Activos .También pulsando F11 o sobre el botón del lanzador .

Una vez abierto el panel hay que seleccionar el botón , para poder trabajar con las plantillas. Los botones inferiores del panel Activos son similares a los del panel Estilos CSS . El único botón diferente es el primero, que en este caso sirve para actualizar la lista, el resto permiten crear una nueva plantilla, editar una plantilla seleccionada en la lista, o eliminarla.

Para crear una nueva plantilla hay que pulsar sobre el botón (Si este botón no está activado, pulsa con el botón derecho del ratón y elige Nueva Plantilla ). Cuando se pulsa ese botón aparece un nuevo documento en la lista de plantillas, al que es posible cambiarle el Nombre pulsando previamente sobre él. Las plantillas se guardan en el sitio web actual, dentro de la carpeta Templates , que se crea automáticamente.


 

Para crear una plantilla a partir de un archivo existente es necesario abrir dicho archivo, y después guardarlo como plantilla a través del menú Archivo , opción Guardar como plantilla .

Cuando se pulsa dicha opción, aparece una ventana como la de la derecha. En ella es necesario especificar el nombre con el que va a ser guardada la plantilla, a través del campo Guardar como , y elegir, de entre la lista de sitios, el Sitio en el que se va a guardar.

Las regiones editables de una plantilla

Todos los elementos de una plantilla están bloqueados por defecto. Es necesario establecer las zonas que sí podrán ser editadas en las páginas que se basen en dicha plantilla. Para editar una plantila hay que abrirla en Dreamweaver. Una forma de abrirla es a través del panel Activos , pulsando dos veces sobre ella , o estando seleccionada pulsando sobre el botón . Una vez abierta la plantilla es posible establecer sus propiedades a través de Propiedades de la página .

Como recordarás, para abrir esta ventana puedes:
Pulsar la combinación de teclas Ctrl+J .
Hacer clic sobre el menú Modificar y elegir la opción Propiedades de la página .
Pulsar con el botón derecho sobre el documento abierto en Dreamweaver, y en el menú contextual que aparece seleccionar la útltima opción, que es Propiedades de la página .

Para insertar una región editable hay que situar el puntero en el lugar en el que se desea insertar, y después dirigirse al menú Insertar , Objetos de plantilla , opción Región editable , o pulsar la combinación de teclas Ctrl+Alt+V .

En la nueva ventana hay que establecer un Nombre para la región editable. Dentro de la plantilla no pueden existir dos regiones editables con el mismo nombre. Posteriormente puede modificarse el nombre a través del inspector de propiedades de la región editable.

La zonas editables aparecen representadas en Dreamweaver como un recuadro con una etiqueta de color turquesa. En la etiqueta aparece el nombre de la zona editable. Dentro del recuadro es posible insertar objetos, que aparecerán por defecto en aquellos documentos que se basen en la plantilla. Estos objetos, al estar dentro de la zona editable, podrán ser modifcarlos en las páginas. Todos los objetos que se encuentren fuera de estas zonas editables aparecerán también en las páginas, pero no podrán ser modificados.

Basar páginas en una plantilla

El uso de las plantillas puede resultar un poco complicado al principio. Vamos a ver como basar una página vacía en una plantilla, ya que por el hecho de estar vacía resulta más sencillo. Una vez abierto el documento, hay que dirigirse al menú Modificar, Plantillas, opción Aplicar plantilla a página.

Es preferible que antes de hacer esto nos aseguremos de que el sitio que se encuentra abierto en Dreamweaver es el mismo en el que vamos a guardar el documento, y el mismo en el que se encuentra la plantilla en la que queremos basarlo.

Después de pulsar sobre la opción Aplicar plantilla a página aparece una ventana como ésta, en la que hay que seleccionar una de las plantillas de la lista de Plantillas del sitio.

Es recomendable activar la casilla Actualizar página cuando cambie plantilla , para que la página se actualice automáticamente en el caso de modificar la plantilla en la que se basa.

A pesar de estar trabajando sobre un documento vacío, es posible que al aplicar la plantilla aparezcan nombres de regiones no coincidentes entre el documento en blanco y la plantilla. En ese caso se muestra una ventana como la siguiente.



En ella hay que establecer una correspondencia entre el nombre de la región del documento vacío con el nombre de alguna región de la plantilla. En este ejemplo, la región del documento vacío que no coincidía con el nombre de ninguna región de la plantilla era la región Document head . A través de Mover contenido a la nueva región se ha seleccionado la región head de la plantilla, para establecer así la correspondencia que se necesitaba.

Después de establecer las correspondencias necesarias, se carga la plantilla en el documento vacío. En este caso no es posible cambiar el color de fondo, que siempre está definido en la plantilla, pero sí es posible cambiar todos los elementos de la tabla y el formulario, ya que se encuentran dentro de una zona definida en la plantilla como editable. En este caso se podría cambiar el estilo del texto, el color de las celdas, combinarlas, etc.
 

© All rights reserved
Webmaster: Miguel Vaquero
| Web docente | Integración TIC | Diseño Web | Edición Web | Tutoriales diseño-web |    Envía tus comentarios
  El uso de esta Web significa que está de acuerdo con las condiciones de uso | 2010