Plantillas Hablando en Dreamweaver

Muchos programas de diseño web se jactan de sus plantillas HTML. Lo que realmente quieren decir es que incluyen algunos diseños de páginas confeccionadas con el programa. Dreamweaver lleva este concepto unos pasos más allá al proporcionar características de diseño de la plantilla que le permiten crear el diseño básico de una página y luego controlar qué secciones pueden y no pueden ser alterados. Esta es una característica valiosa si está trabajando con un equipo de desarrolladores de diferentes niveles de habilidad. Por ejemplo, si usted está construyendo un sitio para una compañía de bienes raíces y desea dejar que los empleados actualicen los listados de ventas sin ser capaz de estropear el diseño de la página, una plantilla puede ser la solución perfecta.

Las plantillas se utilizan mejor cuando se está creando una serie de páginas que comparten ciertas características, como el color de fondo o elementos de navegación. En lugar de establecer las propiedades correctas para cada nueva página o hacer los mismos cambios en la página tras página, puede utilizar una plantilla para realizar cambios en varias páginas a la vez.

Mantenerse fiel a su plantilla

Una de las grandes ventajas en el uso de la función de plantilla de Dreamweaver es que se puede especificar qué áreas de la plantilla se pueden cambiar. Esto es especialmente útil si usted está trabajando con personas que tienen diferentes niveles de habilidad en HTML y desea un diseñador más avanzado para crear una página que una persona con menos experiencia no puede estropear más tarde. Con ese objetivo en mente, una plantilla tiene regiones editables y regiones bloqueadas (no editables). Usar regiones editables para el contenido que cambia, como una descripción del producto. Utilice regiones bloqueadas para estática, contenido inmutable, como un logotipo o elementos de sitio de navegación.

Puede modificar una plantilla, incluso después de que ha utilizado para crear documentos. Entonces cuando actualice los documentos que utilizan la plantilla, las secciones no editables de esos documentos se actualizan para que coincida con los cambios realizados en la plantilla.

Mientras que usted está editando la propia plantilla, puede realizar cambios en cualquier parte del archivo, ya sea las regiones editables o bloqueados. Durante la edición de un documento a partir de una plantilla, sin embargo, usted puede hacer cambios sólo en las regiones editables del documento. Si nos remontamos y cambiar una plantilla después de su creación, Dreamweaver le da la opción de que esos cambios se reflejan en todas las páginas que ha creado con la plantilla o sólo la página que se está editando actualmente.

Creación de plantillas

Creación de una plantilla es tan fácil como crear cualquier otro archivo en Dreamweaver, como se puede ver en los siguientes pasos. Puede comenzar con un documento HTML existente y modificarlo para adaptarlo a sus necesidades, o puede crear un nuevo documento. Al guardar un archivo como plantilla, el archivo se guarda automáticamente en la carpeta de plantillas de la carpeta principal para el sitio Web. Las plantillas deben ser guardados en esta carpeta común para las funciones automatizadas de Dreamweaver para que funcione correctamente. Si aún no dispone de una carpeta de plantillas en su sitio Web, Dreamweaver se crea automáticamente cuando usted guarda su primera plantilla.

Las características de plantilla sólo funcionan si ha definido su sitio Web en Dreamweaver

Todos los elementos de una plantilla están bloqueados por defecto, excepto la sección título del documento, que se indica por el las etiquetas. (La sección de título del documento no estar encerrado es una mejora en Dreamweaver 4 - en Dreamweaver 3, no se podía hacer que el área de título editable.). Para la plantilla para ser de alguna utilidad para la creación de nuevas páginas, usted debe hacer otras áreas de la página editable, también. Recuerde que usted siempre puede volver a la plantilla y hacer más áreas editables o eliminar la capacidad de editar ciertas áreas más tarde.

Para crear una plantilla con regiones editables, siga estos pasos:

1. Elija Ventana -> Plantillas.

2. En el panel Plantillas, haga clic en la flecha en la esquina superior derecha y seleccione Nueva plantilla en el menú desplegable que se abre.

Un nuevo, plantilla sin título se añade a la lista de plantillas en el panel.

3. Con la plantilla aún seleccionada, escriba un nombre para la plantilla del mismo modo que el nombre de cualquier archivo en el Finder de Mac o el Explorer en un PC.

La nueva plantilla se agrega a las plantillas de la lista Sitio.

4. Después de un nombre a la nueva plantilla, haga doble clic en el nombre para abrirlo.

La página de la plantilla se abre en Dreamweaver como cualquier otra página HTML haría, excepto que el nombre del archivo termina con la .dwt extensión.

Ahora puede editar esta página como lo haría con cualquier otra página HTML, insertar imágenes, texto, tablas, y así sucesivamente.

5. Elija Modificar -> Página de propiedades para especificar fondo, texto y colores de los enlaces.

A continuación, se coloca un poco de texto o imágenes en la página como marcadores de posición para información que es posible que desee cambiar en el futuro.

6. Para hacer un área de imagen o texto editable, seleccione la imagen o el texto a continuación, seleccione Modificar -> Plantillas -> Nueva región editable. (La imagen o el texto que seleccione como editables se convierte en un área que se puede cambiar en cualquier página creada con la plantilla. Las áreas que no marquen como editable se convertirá en fijo y sólo se pueden cambiar si se modifica la propia plantilla.)

Se abre el cuadro de diálogo Nueva región editable.

7. En el cuadro de texto Nombre, escriba un nombre para la región editable.

El texto o la imagen se destacan en la plantilla, lo que indica que se puede editar. Usted puede nombrar a la región de lo que quieras, pero la elección de algo que corresponde al tipo de información que se va a poner en la zona hace que sea más fácil de recordar.

8. Para hacer otras imágenes o áreas de texto editable, repita los pasos 6 y 7.

9. Guarde su plantilla y cierre el archivo cuando haya terminado.

Usted puede hacer una tabla entera o una celda individual de la tabla editable, pero no se puede hacer varias celdas editables todos a la vez, a menos que usted los ha fusionado primero. Usted tiene que seleccionar cada celda de una en una, si quieres hacer algunas de las celdas de una tabla editable, pero no en otros. Capas y contenido de la capa también son tratados como elementos separados, pero tampoco se pueden marcar como editables. Hacer una capa editable le permite cambiar la posición de esa capa. Haciendo contenido de la capa editable significa que usted puede cambiar el contenido de la capa, como el texto o la imagen en la capa.