• Para facilitarte tu regreso, añade este sitio a tus Favoritos

Las Plantillas en Dreamweaver - Curso de diseño web con Dreamweaver, lección 16: Plantillas
 
 
   
 
 
 * MENÚ DEL CURSO
 * OTRA FORMA DE DISEÑAR TU WEB
 * TODO ESTO GRATIS PARA TÍ
 * Y HAY MUCHO MÁS AÚN
 * ENLACES PATROCINADOS
 
 
 
   Plantillas en Dreamweaver

   - En Dreamweaver, una Plantilla es un documento que nos servirá de base para la creación de otros documentos; todos los documentos que creemos posteriormente, basados en una plantilla utilizarán el mismo diseño y esctructura que la referida plantilla.
   - Es ideal para un sitio grande que tiene muchas secciones en varias páginas y que comparten un diseño común, es decir, se repiten; en este caso es importante crearse una plantilla que ayudará enormemente en el proceso de producción del sitio.
   - Es fácil imaginar que mediante el uso de una plantilla será posible el cambiar o actualizar el aspecto de un sitio mediante la modificación de varias páginas en unos pocos minutos.

   -  Imaginemos que deseas tener una serie de páginas en tu sitio (que traten de un tema específico), en las cuales has decidido que tengan todas el mismo encabezado y pié de página, y que además vas a colocar a la izquierda un menú que será idéntico en todas ellas. Lo único que deseas que varíe en cada una será el cuerpo central que será donde vas a incluir contenido de texto e imágenes.

    - En este caso, tan solo tendrás que crearte una plantilla en la que dejes como fijos ese encabezamiento y pié, además del menú de la izquierda; en cambio señalarás como "región editable" la parte central para que te permita incluir contenido en cada una de las nuevas páginas que crees.
   - Como vamos a ver a continuación, es un tema muy sencillo.
-             -

   - Vamos a imaginar que tenemos una web en la que pensamos colocar una serie de páginas sobre un tema determinado, las cuales van a compartir todas el diseño (muy sencillo) que presento en esta imagen:


    - Como aprecias enseguida, se trata de un diseño sencillísimo (para qué vamos a complicarlo más, cuando le cojas el truco ya serás capaz tú de ampliarlo según tus necesidades) en el que tenemos un encabezado con un logo de tu web, una frase de bienvenida y más abajo a la izquierda un sencillo menú; además tenemos un pié de página con el "copyright" tuyo.-Todo esto vamos a necesitar que quede como parte fija en cada una de las páginas que vayamos añadiendo en el futuro, de tal manera que tan solo vamos a dejar como parte "variable" el cuerpo central que será donde iremos insertando contenido página a página.

    - Para esto es para lo que existen las "Plantillas"; y en este caso una vez creada esta página que os muestro, lo que tendremos que hacer es indicar que el cuerpo central sea "región editable" (es decir, nos permita escribir) y el resto como "región protegida" (no permitirá modificar nada salvo que se haga desde la propia plantilla).

    - Las ventajas son enormes como ves, pues de no hacerlo así cada una de las nuevas páginas que creases más adelante tendrías que diseñartela completamente, desde el encabezado hasta el pié de página, sin embargo haciendo uso de una Plantilla tan solo deberás preocuparte de ir añadiendo contenido.-Luego no tendrás más que actualizar tu plantila y automáticamente se actualizarán todas y cada una de las páginas que dependan de ella.

   - Lógicamente, tras cualquier actualización tendrías que subir al servidor las páginas modificadas.

   - Veamos a continuación como creamos la plantilla sobre el ejemplo de arriba..Lo primero que haremos será crear una página nueva mediante "Archivo-->Nuevo...-->Página básica" (esto ya lo deberás saber si te has aprendido las lecciones anteriores).-En esa página tendrás que ir creando todo lo que ves, mediante el uso de todas las técnicas aprendidas en lecciones anteriores (todo se hace mediante el uso de Tablas y ha quedado explicado perfectamente en las lecciones que hemos visto que te recomiendo repasar si no lo dominas).
  Una vez que tengas todo el trabajo realizado (por cierto la página estará sin título y Dreamweaver le habrá colocado el clásico "untitled.html*"; no te preocupe esto), tan solo tendremos que indicarle que la parte central sea "editable":

         
    - Para ello picamos sobre la tabla de la parte central para que quede seleccionada como ves en la imagen y ahora picamos arriba en:
-
   
-
   - Recuerda que debes tener seleccionado a la izquierda la opción "Común":

   

    - Al picar sobre "Región editable" te saldrá esta ventana:
   
-
(como no lo habíamos salvado te dice que automáticamente lo convertirá en Plantilla; acepta):
-
   

    - Con lo cual, una vez piquemos en "Aceptar" ya tendremos esa región como "Editable" según ves en la imagen:

     
    - Solo nos falta ahora "Guardar" esta página como una Plantilla y para ello tan solo debemos picar arriba en el menú principal en:

       

    - Nos saldrán unos avisos:    

    - Y finalmente veremos que ya está salvada con el nombre que le dimos y además como Plantilla ( extensión ".dwt" ):

         

    - Terminamos por hoy el tema para no hacerlo excesivamente largo, pero lo ampliaré con las lecciones que sean necesarias para que no te quede duda alguna sobre el funcionamiento de las Plantillas.-Así que hasta el próximo.

 
 
   
Google
 
© deseoaprender.com - Cantabria (España) 2005-2009.-Todo el contenido de esta web está protegido por la Ley de Propiedad Intelectual; por tanto no podrá reproducirse ni copiarse sin el consentimiento por escrito de su autor y propietario.