15

OBJETIVO: CONOCER QUE ES Y COMO SE CREA UNA PLANTILLA Cada vez que deseamos crear un sitio web, tenemos que tener muy en cuenta que las pginas deben seguir un formato uniforme. La mayora de nosotros solemos hacer copias de los documentos ya creados, y trabajar sobre estas copias, modificando simplemente su contenido. Esta es la forma ms sencilla de tener pginas con una estructura basada en la estructura de otras ya creadas previamente. Las plantillas son una especie de copia de la pgina en la que van a estar basadas el resto de pginas del sitio web, pero que incluyen la posibilidad de establecer unas zonas editables y otras zonas que sern fijas, que no podrn ser modificadas. No es posible modificar las propiedades de una pgina que esta basada en una plantilla, a excepcin del ttulo. Cuando se desea que existan pginas con, por ejemplo, diferente color de fondo, es necesario crear plantillas diferentes con los distintos colores, y basar las pginas en una u otra plantilla, segn el color de fondo que se desee para cada una.

PARA QUE SE UTILIZA UNA PLANTILLA? Se utiliza como punto de partida para la creacin de un nuevo documento o aplicarla a un documento existente
Cuando se modifica el diseo de una plantilla, se pueden actualizan todas las pginas basadas en ella. Las plantillas son archivos con la extensin DWT que se guardan en el sitio web, dentro de una carpeta Crear plantillas Las plantillas pueden ser creadas desde un Documento HTML en blanco o documento HTML existente, o a partir de una pgina ya existente. Ruta: nuevo/documento en blanco/plantilla de muestra/elegir modelo

Otra forma de crear una plantilla desde cero es a travs del panel Activos. El panel Activos se puede abrir a travs del men Ventana, opcin Activos. Tambin pulsando F11 o sobre el botn del lanzador. Una vez abierto el panel hay que seleccionar el botn, para poder trabajar con las plantillas. Los botones inferiores del panel Activos son similares a los del panel Estilos CSS . El nico botn 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 botn que tiene un + (si este botn no est activado, pulsa con el botn derecho del ratn y elige Nueva Plantilla). Cuando se pulsa ese botn 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 automticamente. Para crear una plantilla a partir de un archivo existente es necesario abrir dicho archivo, y despus guardarlo como plantilla a travs del men Archivo, opcin Guardar como plantilla. Cuando se pulsa dicha opcin, 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 travs del campo Guardar como, y elegir, de entre la lista de sitios, el Sitio en el que se va a guardar.

1. QUE ES UNA REGION EDITABLE EN UNA PLANTILLA? Son las reas de la pgina que pueden modificarse.

Establecer regiones editables en una plantilla Para insertar una regin editable seguimos esta ruta: Men insertar opcin objetos de plantilla, opcin regin editable, o Ctrl + Alt + v

Todos los elementos de una plantilla estn bloqueados por defecto. Es necesario establecer las zonas que s podrn ser editadas en las pginas que se basen en dicha plantilla. Para editar una plantilla hay que abrirla en Dreamweaver. Una forma de abrirla

es a travs del panel Activos, pulsando dos veces sobre ella , o estando seleccionada pulsando sobre el botn que tiene un lpiz. Una vez abierta la plantilla es posible establecer sus propiedades a travs de Propiedades de la pgina. Como recordars, para abrir esta ventana puedes: Pulsar la combinacin de teclas Ctrl+J. Hacer clic sobre el men Modificar y elegir la opcin Propiedades de la pgina. Pulsar con el botn derecho sobre el documento abierto en Dreamweaver, y en el men contextual que aparece seleccionar la tltima opcin, que es Propiedades de la pgina. Para insertar una regin editable hay que situar el puntero en el lugar en el que se desea insertar, y despus dirigirse al men Insertar, Objetos de plantilla, opcin Regin editable, o pulsar la combinacin de teclas Ctrl+Alt+V.

En la nueva ventana hay que establecer un Nombre para la regin editable. Dentro de la plantilla no pueden existir dos regiones editables con el mismo nombre. Posteriormente puede modificarse el nombre a travs del inspector de propiedades de la regin 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 aparecern por defecto en aquellos documentos que se basen en la plantilla. Estos objetos, al estar dentro de la zona editable, podrn ser modifcarlos en las pginas. Todos los objetos que se encuentren fuera de estas zonas editables aparecern tambin en las pginas, pero no podrn ser modificados. En este caso, si usaramos una imagen con unlogotipo aparecera en todas las pginas que se basaran en esta plantilla, mientras que todo lo que insertramos dentro de la zona editable EditRegion1 de nuestro ejemplo podra ser modificado.

El panel Activos se puede abrir a travs del men Ventana, opcin Activos.Tambin pulsando F11 o sobre el botn del lanzador. Una vez abierto el panel hay que seleccionar el botn , para poder trabajar con las plantillas. Los botones inferiores del panel Activos son similares a los del panel Estilos CSS . El nico botn 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 botn que tiene un + (si este botn no est activado, pulsa con el botn derecho del ratn y elige Nueva Plantilla). Cuando se pulsa ese botn 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 automticamente. Para crear una plantilla a partir de un archivo existente es necesario abrir dicho archivo, y despus guardarlo como plantilla a travs del men Archivo, opcin Guardar como plantilla. Cuando se pulsa dicha opcin, 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 travs del campo Guardar como, y elegir, de entre la lista de sitios, el Sitio en el que se va a guardar.

Guardar plantilla Ruta:archivo/guardar como plantilla/establecer el sitio raz y guardar.