Una Plantilla es un documento ‘maestro’ por definir de un modo fácil de nuestra Web. Iremos por partes para entendernos mejor vale?

Imaginemos que estamos creando el diseño de una nueva Web, estamos creando el primer documento, el index.htm de la pagina.

Tal como hemos ido viendo en los tutoriales anteriores.. habremos insertado las tablas, creando el diseño gráfico de la web, insertado los botones con sus correspondientes efectos ( botones, con imágenes de sustitución) logo, imagen de titulo, pie de pagina, etc.. etc..

En el head, hemos insertado ya los Metas y links que necesitemos… esta listo, para subir al servidor y empezar a crear después los siguientes documentos como paginas amigas, recursos, y todas aquellas opciones que tengamos pensado que necesitamos.

Mas o menos estará así:

Ver Aquí

Y claro, este sera el diseño de toda la Web, o de la mayoría de documentos que iremos creando. Así que en vez de guardarlo como index, lo vamos a hacer como proyecto, o diseño, ( da igual usar la ñ pues no lo usaremos en la red)

Yo lo guardare como proyectoweb.htm. Mas tarde lo dejare en una carpeta donde tendré todos los documentos originales, por si un día ocurre algún despiste y he de arreglarlo

Con este documento abierto vamos a: Archivo/Guardar como plantilla

Nos aparecerá un cuadro de dialogo, donde hemos ponerle un nombre para guardar:

Nos pedirá si queremos actualizar los vínculos.. y le diremos que si.

En la columna de la derecha, donde vemos el Sitio con sus carpetas y documentos, veremos que se ha creado una nueva carpeta, Templates, y dentro esta la plantilla que acabamos de crear. Ver que la extensión es .dwt :

No sacar las plantillas de la carpeta Templates ni guardar en ella archivos que no sean plantillas, es decir nada que no tenga la extensión, .dwt . Tampoco debemos sacar la carpeta Templates de la carpeta raíz local. (Carpeta del Sitio)

Si lo hacemos se producirán errores en las rutas de las plantillas y todo el trabajo habrá sido inútil. Ya hemos creado nuestra primera plantilla. Pero no hemos terminado aun. Hasta ahora hemos conservado la estructura del portal con tres celdas:

Pero si queremos eliminar la columna de la derecha:

Una vez que la tengamos seleccionada, pulsamos la flecha Supr y la eliminamos.

O bien…  vemos que habría que añadir una fila en la tabla de los menús, como me ha pasado a mi se me había olvidado poner el enlace a Inicio. Una forma de añadir filas y columnas es desde Modificar:

Y desde aquí, podemos añadir tanto filas como columnas, arriba o abajo de donde tengamos el cursor del ratón:

Una vez que tengamos a nuestro gusto el documento, seguimos. Con el cursor situado en la celda donde irán los contenidos: Ir a Insertar/Objetos de Plantilla :

nos aparecerá una ventana para poner un nombre a esta región editable:

Y en el documento, vemos un recuadro

Antes de guardarla, podemos ampliar el recuadro de Contenidos hasta que cubra todo el espacio, mas que nada por facilitarnos luego el trabajo al insertar los contenidos e incluso podríamos borrar el texto:

Ahora si ya acabamos, guardaremos la plantilla y la cerramos. Como ya he dicho, ha de estar en la carpeta Templates, que se habrá creado al crear la plantilla,  que en esta carpeta no deberá haber ningún otro tipo de archivos, tan solo si creamos mas plantillas para este Sitio, se guardaran allá.

Ahora  cada vez que hayamos de crear un nuevo documento, para esta Web, lo haremos sobre esta plantilla; Ir a Archivo/Nuevo…

Y aceptamos. Tendremos ahora un nuevo documento

En la parte derecha superior, podemos comprobar que estamos usando la plantilla correcta:

Y ya es hora de empezar a crear el primer documento, no se como lo haréis vosotros, pero con el jaleo que tengo en el servidor mostrando ejemplos, tutos, antes y después…  lo mejor es que cree una carpeta dentro del sitio, para no pisar ningún otro documento que ya tenga creado. Creo una carpeta que se llama portal, dentro de ella, guardare todos los documentos ya creados desde la plantilla del portal:

busco esta nueva carpeta ‘portal’ y lo guardo como index.

Ya hemos hecho el index. Después lo haremos con los demás, la página de amigas, para poner los banners de nuestros amigos, con sus direcciones, tutoriales, etc, etc…

Todos, con el mismo proceso: Nuevo de Plantilla para ‘ Mi primer Sitio’ ‘ejemplo_web’ en mi caso. O bien, guardando este mismo documento, puesto que aun no tenemos contenido…  con el nombre correspondiente hasta acabar todas las opciones del menú. Por cierto… recordar si creasteis vínculos al crear los botones, para que funcionen bien, hemos de guardar los documentos con los mismos nombres

Si no los recordáis, un truco esta en buscar en el código

Y visteis, todo lo que antes tenia distintos colores, en el código, ahora, salvo la zona o región editable ( Contenidos) esta de un color gris, en vista diseño, si queremos cambiar  una imagen.. el cursor se convierte en un signo de prohibido!! Todo esta bien así, tenemos todo el diseño protegido

Si alguna vez, necesitamos actualizar un vinculo, o cambiar una imagen, añadir un enlace, etc… Ir a Archivo/Abrir y buscar la carpeta Templates, o bien desde el panel de la derecha

abrimos la plantilla y modificamos lo que sea preciso, después la guardamos, nos pedirá entonces si queremos actualizar todos los documentos creados a partir de ella:

Decimos que si, ya que si tenemos otro diseño, con otros contenidos… habremos hecho otra plantilla, ya que en un mismo sitio podemos crear varias plantillas. Y solo afectara a lo que hayamos modificado, evidentemente no tocaremos para nada las regiones editables con los contenidos o nos los cargaríamos también… Se trata solo de lo que en los documentos no podemos modificar, todo aquello que en los documentos, no nos deja y nos sale el signo de prohibido.

Podremos ver una ventana que en función de la cantidad de archivos que haya en el sitio ira mas o menos rápido, al final aparecerá un dialogo que nos muestra lo siguiente:

Si algún documento no lo hubiera actualizado, nos lo diría. Cerramos y todo listo! Usar las plantillas, nos ahorrara un montón de trabajo, ya que solo hemos creado un solo documento y sobre el, los demás, que al modificar la plantilla y actualizar todos los demás…  es un trabajo que nos evitaremos…

Y veréis que no es para nada difícil. Solo un poco de practica

Y si a la primera no sale, vale mas que borremos incluso la carpeta Templates, como el documento lo tendremos listo y guardado, comenzar de nuevo y seguro que esta vez si saldrá!

Ver ahora mi Portal Aquí

Crear ahora la plantilla de vuestro portal y crear las paginas que deseéis insertar en el, como paginas amigas, contacto, tutoriales, etc, etc… Recordar que si al crear los botones cuando hicimos la sustitución de imágenes, pusimos ya el vinculo a un titulo, este ha de ser el mismo.

De no haberlos puesto, también podéis crearlas, y vincular en el Inspector de Propiedades como con otro documento o archivo.