Plantillas con Dreamweaver

29 Feb 2008

Hola! Si estás nuevo por aquí y te gusta lo que ves, puedes disfrutar de una actualización automática y gratuita por RSS para leer nuestros artículos completos cuando lo deseas en tu lector RSS favorito.

Antes de crear una plantilla debemos entender los siguientes conceptos:

Región editable: Determina una región no bloqueada de un documento que use la plantilla, es decir, una sección que el usuario de la plantilla puede editar.
Región opcional Una sección de la plantilla en la que hay contenido (como texto o una imagen) que puede aparecer o no en un documento. En la página que usa la plantilla, el usuario de la plantilla suele controlar si el contenido se mostrará.
Región repetida Es una sección del diseño del documento que se establece de forma que el usuario de la plantilla pueda añadir o eliminar copias de la región en un documento basado en la plantilla según resulte oportuno. Por ejemplo, puede definir que una fila de una tabla se repita. Las secciones repetidas son editables para que el usuario de la plantilla pueda editar el contenido del elemento repetido, mientras que el diseño propiamente dicho está controlado por el autor de la plantilla.
Atributo de etiqueta editable Permite desbloquear un atributo de etiqueta de una plantilla de modo que el atributo pueda editarse en una página que usa la plantilla. Por ejemplo, puede “bloquear” qué imagen aparece en el documento, pero dejar que el usuario de la plantilla establezca alineación izquierda, derecha o central.

Ahora que tenemos claro los conceptos básicos de las plantillas vamos a crear una:

Abramos Dreamweaver y creemos un nuevo documento html.

Coloquemos para el ejemplo 3 secciones en nuestra página: header, contenido, footer, quedando así:

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title>Plantillas con DreamWeaver</title>
  </head>
  <body>
  <div id="header">Header</div>
  <div id="cotenido">Contenido</div>
  <div id="footer">Footer</div>
  </body>
</html>

Lo guardamos como plantilla. Desde el menú Archivo > Guardar como plantilla

Colocamos el nombre de la plantilla, para el ejemplo ponemos master

Actualizamos los vinculos, esto es importante pues permite a las páginas que usen la plantilla modificar las rutas de los archivos que use.
Dado que en nuestra página de ejemplo solo la sección “contenido” cambiará en las diferentes páginas de nuestros site, mientras que el “footer” y hel “header” será el mismo, definiremos esta seccion como una región editable, para ello seleccionamos el menu Insertar > Objeto de plantilla > Región editable
Ahora colocaremos un nombre a la región editable, coloquemos “Contenido”
Veamos el código que se genero
```

<div id="cotenido">Contenido</div>

```
Las etiquetas <!– TemplateBeginEditable name="Contenido" –> <!– TemplateEndEditable –> encierran le región editable de la plantilla
Guardamos la plantilla y listo, ahora cada vez que creemos una nueva página de nuestro sitio debemos usar la plantilla. Para usar la plantilla debemos seleccionar el menu Ventana > Activos (O la tecla F11) y presionamos el botón plantilla
Enla plantilla y con click derecho seleccionamos “Nuevo de plantilla”
Se abrirá un nuevo documento, notemos que solo la seccion “Contenido” podremos cambiarla las demas aparecreán bloqueadas

De esta manera podemos crear un sinnúmero de páginas y si deseamos cambiar por ejemplo la seccion “header”, solo tendremos que cambiar en la plantilla, DreamWeaver automáticamente actulizara los cambios en todas las páginas que usen la plantilla

En próximos post publicaré ejemplos y explicare otros aspectos de las plantillas en DreamWaver

Otros post

Este post ha sido visto 5140 veces

Escrito por: Pablo Veintimilla

juan: A mi me funcionó. Primero lo intenté con un archivo de 685 KB y nada,metí uno de 25,2 KB y si. As [...]

alex: hola chevere este sitio [...]

christian merchan ROBLES: HOLA ME GUSTARIA QUE ME AYUDEN CON UN EJEMPLO DETALLADO DE UN ANALISAS Y DESCRIPCION DE L PUESTO [...]

kidSauz: hola kisiera ver si me pueden ayudar para ponerle color a mis coments dl hi5... x fa [...]

alberto fabian: oye y donde encuentro el archivo de configuracion de apache [...]

Plantillas con Dreamweaver

Otros post

1 nomentario para Plantillas con Dreamweaver

Deja tu comentario!

Acerca de UnderMedia

Twitter UnderMedia

Categorias

Archivo

Comunidad

Mira tambien

Raking