diseño web - Instituto ICR

DISEÑO WEB
ADOBE DREAMWEAVER CS3
CLASE 9
PLANTILLAS
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 está 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 actualizar 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
Elementos desde el panel
Una forma de crear una plantilla desde cero es a
través del panel Archivos, pestaña Activos.
La pestaña Activos se puede abrir a través del menú
Ventana, opción Activos. También pulsando F11.
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.
Para modificar una plantilla la seleccionamos de la lista y pulsamos el botón
.
Para eliminar una plantilla la seleccionamos de la lista y pulsamos el botón
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 nuevo documento es necesario abrir un nuevo
documento, darle el diseño que queremos que tenga como por ejemplo: encabezado y pie de
página. Y guardarlo como plantilla a través del menú Archivo, opción Guardar como plantilla.
Cuando se pulsa dicha opción, aparece una ventana
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, no se pueden modificar.
Es necesario establecer las zonas que sí podrán ser editadas en las páginas que se basen en
dicha plantilla.
Casa Central: Mitre 788 1° Piso – TE.: 4492535/0297
Consulta por nuestras sedes en www.institutoicr.com.ar
1
DISEÑO WEB
ADOBE DREAMWEAVER CS3
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
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 modificados en
las páginas.
Ejemplo
Practica:
1. Crear un sito que contenga plantillas a las cuales le colocaremos regiones editables,
también lo dado anteriormente.
2
Casa Central: Mitre 788 1° Piso – TE.: 4492535/0297
Consulta por nuestras sedes en www.institutoicr.com.ar