Carlos Roldan Diseño Gráfico y Web

Crear plantillas en Dreamweaver

Introducción 

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

Las plantillas pueden crearse desde cero, o a partir de una página ya existente. 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 que tiene un + (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.

Establecer regiones editables en 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 plantilla 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 que tiene un lápiz.

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. En este caso, si usaramos una imagen con unlogotipo aparecería en todas las páginas que se basaran en esta plantilla, mientras que todo lo que insertáramos dentro de la zona editable EditRegion1 de nuestro ejemplo podría ser modificado.

Fuente:
http://www.todo-dreamweaver.com

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis