¿Qué son las plantillas?

Las plantillas son un tipo de documentos especiales que puedes diseñar para tener un diseño de página fijo, el cual lo usas para cada página que hagas.

En una plantilla, trabajas con dos areas.
Tienes el area cerrada y el area editable.

En el area cerrada, puedes hacer solo cambios a la misma plantilla, no a las páginas que están basadas en esta plantilla.

Y en el área editable, puedes hacer cambios a la plantilla y a las páginas basadas en ésta plantilla.

Si haces un cambio en el área cerrada de la plantilla, esto será aplicado a cada página basada en ésta plantilla.
Y es la única razón por la que usamos plantillas.

Plantillas

Podemos crear una plantilla de distintos modos.
Tenemos la habilidad de crear una plantilla desde una página en blanco, pero no es muy práctico, más rápido y más facil es crear una plantilla desde una página existente.

La primera cosa que haces es abrir una página donde quieras hacer la plantilla.
Este ejemplo es la página basis.html del sitio bonzai.
Y actualmente éste es más o menos parecido a la página índice donde el contenido ha sido removido.
La única cosa que me gusta son los menus, el logo y el título de bienvenida.

En la barra de navegación, primero lo cambio a “Home”, esto es mostrado cuando “up” es desplegado. En la Lección 49, te diré por qué.
Sólo haz click en “Modificar” en la barra de menu y selecciona la “Barra de Navegación” en el menu emergente.
Selecciona “Home” en la ventana de arriba, quita la verificación a la casilla para el texto “Show ‘Down Image’ initially” y haz click en el botón “Browse” para navegar a la página que quieras hacer vínculo. En este caso, esta es la página índice.

Bueno, ahora mi página se parece a ésto.

Para beneficiar desde ésta página html a crear una plantilla, haz click en el botón “Archivo” de la barra de menu y escoge “Guardar como plantilla” en el menu desplegable.
Esto abre el diálogo de “Guardar como plantilla”.
En la caja de arriba seleccionamos el sitio donde quieras hacer una plantilla. Normalmente esto será el sitio donde estés actualmente trabajando, entonces se llenará automáticamente.
En la caja de en medio, otra plantilla existente de éste sitio son mostrados.
En la tercer caja introduces una descripción opcional y en la última sección das un nombre, que quieras guardarlo como plantilla.

Haz click en el botón “Guardar”.
Esto les da un mensaje de advertencia preguntando si los vínculos deberían ser actualizados. ¿Por que hace ésto Dreamweaver?
Bueno porque guarda la plantilla en su propia carpeta (plantilla) y los vínculos a otras páginas también como los vínculos a las imágenes son actualizados para ser correctamente desplegados por la plantilla.
¿te hace sentido?
Entonces, haz click en el botón “Aceptar”.

Como puedes ver, Dreamweaver creará automaticamente la carpeta “Plantillas”, conteniendoo el archivo basis.dwt.
Una plantilla siempre tiene la extensión “.dwt” (es por DreamWeaver Template).

Como puedes ver, el título es ahora convertido a una plantilla de archivo basis.dwt desde basis.html.

Cuando intentamos conectar conseguimos un mensaje diciendo que nuestra plantilla no contienen regiones editables.

Desde que use ésta plantilla con todas las páginas, necesito al menos una región editable.

Si tengo que añadir todas mis páginas para que se parezcan a las plantillas, tiene poco uso, o ¿no?

Por ahora, hago click en el botón Aceptar y en la siguiente lección voy añadiendo a esas regiones editables.

Cursos

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats