Las plantillas que hablan 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 plantilla que permiten crear el diseño básico de una página y luego controlar las secciones que pueden y no pueden ser alterados. Esta es una característica valiosa si se 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 permitir que los empleados actualizan las listas de ventas, sin ser capaz de desordenar 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 de utilizar 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 se trabaja con personas que tienen diferentes niveles de habilidad en HTML y desea un diseñador más avanzada para crear una página que una persona con menos experiencia no puede estropear más tarde. Con ese objetivo en mente, tiene una plantilla de regiones editables y regiones bloqueadas (no editable). Utilizar regiones editables para el contenido que cambia, tal como una descripción del producto. Utilice regiones bloqueadas para el contenido estático, inmutable, como un logotipo o elementos de navegación del sitio.
Puede modificar una plantilla, incluso después de haberlo utilizado para crear documentos. A continuación, cuando se actualiza documentos que utilizan la plantilla, las secciones no editables de esos documentos se actualizan para que coincida con los cambios realizados en la plantilla.
Durante la edición de la propia plantilla, puede hacer cambios en cualquier parte del archivo, ya se trate de las regiones editables o bloqueados. Durante la edición de un documento a partir de una plantilla, sin embargo, puede hacer cambios sólo en las regiones editables del documento. Si volver atrás 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 está editando.
Creación de plantillas
La 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 crea automáticamente una cuando vaya a guardar el primer molde.
Las características de plantilla sólo funcionan si ha definido su sitio Web en Dreamweaver
Todos los elementos en una plantilla están bloqueados por defecto, excepto la sección título del documento, que se indica por la
Para crear una plantilla con las regiones editables, siga estos pasos:
1. Elija -gt 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.
Una plantilla nueva sin título se añade a la lista de plantillas en el panel.
Video: Plantillas en Dreamweaver
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 en un Mac o el Explorador en un PC.
La nueva plantilla se añade a las plantillas de lista del sitio.
4. Después de nombrar 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.
Video: Tutorial Adobe Dreamweaver CC: Usando las plantillas CSS | video2brain.com
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 -gt; Propiedades de la página para especificar los colores de fondo, texto y enlaces.
A continuación, colocar algún 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 y luego elija Modificar -gt; Plantillas -gt; Nueva región editable. (La imagen o el texto que selecciona como editables se convierte en un área que puede ser cambiada en cualquier página creada con la plantilla. Las áreas que no se marca como editables 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. Se puede nombrar a la región que desea nada, 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. Hacer otras imágenes o áreas de texto editable, repita los pasos 6 y 7.
9. Guardar la 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 los haya fusionado en primer lugar. Tiene que seleccionar cada celda de una en una si quiere hacer algunas de las celdas de una tabla editable, pero no en otros. Capas y contenido de la capa también se tratan como elementos separados, pero o bien se pueden marcar como editable. Hacer una capa editable le permite cambiar la posición de esa capa. Hacer editable contenido de la capa significa que puede cambiar el contenido de la capa, como el texto o la imagen en la capa.