Plantillas

Qué es una plantilla

Como puedes imaginar por el nombre una plantilla es un modelo que nos permite aprovechar una estructura base. Gracias a ellas podremos  crear de forma rápida páginas que comparten esa estructrura común, modificando únicamente aquellos contenidos que particularizan cada una de ellas. Por ejemplo, si estamos creando una página de centro y queremos  establecer un patrón común para que las páginas principales de cada ciclo o departamento tengan características comunes podríamos recurrir a una plantilla.

Con estas perspectivas nos encontramos ante una herramienta que podría ser muy útil, pero lo cierto es que, en el estado actual del programa es una de los componentes que necesitan más revisión para hacerlo realmente funcional: a día de hoy el comportamiento es en algunas ocasiones poco lógico y en otras, sencillamente impredecible, con un entorno de creación que no acaba de ser intuitivo, especialmente porque los resultados que se obtienen pueden distanciarse de lo previsto.

A pesar de ello haremos una breve descripción de la herramienta por si puede sacarle partido en algún momento y, sobre todo, porque es previsible que las funcionalidades que ahora mismo no se comportan correctamente puedan corregirse en futuras versiones.

Crear una plantilla

Panel de creación de nuevo documento con la opción Plantilla vacía marcadaPara crear una plantilla utilizaremos:

Con cualquiera de ellas obtendremos un panel para seleccionar el tipo de archivo que se desea crear, e indicaremos que queremos una plantilla vacía.

A partir de este momento dispondremos de una nueva pestaña en la que podremos ir tecleando los elementos comunes de la página. 

Vamos a ver a continuación una práctica guiada en la que vamos a utilizar una plantilla. 

La situación de la que partimos es que hemos realizado una salida en la que se han recogido muestras de hojas de diversas plantas para practicar la clasificación mediante consulta de claves dicotómicas. Hemos hecho fotos de cada ejemplar y pretendemos que los alumnos dejen constancia de su trabajo elaborando cada uno un par de fichas de identificación.

La primera condición es que compruebes que tienes activada la opción en herramientas a continuación preferencias a continuación usar estilos css en lugar de elementos y atributos html. Si has llegado aquí con un recorrido de iniciación o estás inciando el de profundización es tomarás un primer contacto con los estilos en línea o incrustados (Más adelante verás que existen formas mucho más productivas de aplicar estilos, pero por el momento puede servirnos.

Empezamos por crear una plantilla vacía con el procedimiento que hemos comentado y le adjudicamos una serie de propiedades comunes. Para hacerlo iremos seleccionando las etiquetas en la barra de estado y pulsando con el botón derecho para elegir los estilos incrustados.

Actividad 59

Panel para insertar áreas editablesHasta el momento hemos adjudicado estilos y hemos escrito textos que pretendemos que se mantengan de forma invariable en los documentos que se creen basados en esta plantilla. A partir de ahora empezaremos a utilizar el panel para la creación de áreas editables en la plantilla y combinaremos estas zonas con otras que permanecerán fijas. 

El nombre del área que será la etiqueta que la identificará, no puede contener espacios. 

El tipo texto fluido se inserta como una cadena de caracteres a continuación de lo que se esté escribiendo. Cuando tengamos intención de insertar una imagen para que el texto fluya a su izquierda o su derecha habrá que utilizar este tipo.

El tipo bloque crea un nuevo bloque independiente de lo que teníamos hasta el momento: equivaldría a insertar un párrafo <p> o una división <div> 

En cuanto a las opciones, su sentido es evidente pero, en la actual versión el funcionamiento es bastante inestable y, de hecho, la opción de que el área se pueda mover no parece operativa en la versión 1.0 con la que se ha trabajado y la de que el área pueda repetirse tampoco está operativa hasta que no se separa el documento de la plantilla. Así pues, la recomendación, hasta que no se mejore este apartado es no hacer uso de las opciones. 

Actividad 59

Continuamos con la actividad. Utiliza la opción insertar plantillas a continuación insertar área editable y elige texto fluido.

La edición de plantillas en la pestaña Normal es bastante incómoda, por lo que te recomiendo que pases a la pestaña Etiquetas HTML donde te será mucho más sencillo seleccionar los diferentes elementos de la página e insertar nuevas áreas editables.

Apariencia de la plantilla que se está elaborando

Apariencia de la plantilla tras lo realizado hasta el momento

Una vez que se ha creado una plantilla podemos utilizarla para crear nuevos documentos, para lo que tendremos que utilizar cualquiera de los métodos que nos permiten abrir el panel de opciones.

Elegiremos entonces un nuevo documento basado en una plantilla y seleccionaremos la plantilla que queremos utilizar tras lo cual se abrirá una pestaña en la que podremos realizar modificaciones en las áreas editables que se hayan introducido. Si las áreas editables son del tipo texto fluido y se pulsa la tecla Intro se duplicará el área editable independientemente de que hayamos seleccionado o no la opción el area puede repetirse al crear la plantilla. En caso de que se tratara de un área de tipo bloque se producirá un salto de línea si el formato del párrafo era texto del cuerpo.

Cuando se completa el contenido de la nueva página basada en la plantilla puede guardarse la página con el nombre que deseemos adjudicarle sin preocuparnos de más.  Aunque esto no tendrá ninguna repercusión en los navegadores se mantendrán las etiquetas que marcan las áreas editables. Realmente sería más correcto, una vez completado el contenido, utilizar la opción de menú editar a continuación separar de la plantilla

Aplicar las plantillas para corregir un error de N|VU

En la versión actual del programa (1.0) hay un error de cierta importancia en la creación de documentos HTML: el prólogo donde se indica la DTD está incompleto porque no incluye el URL de referencia. Esto puede tener repercusión en la forma que algunos navegadores puedan construir la página por lo que sería necesario corregirlo, pero el problema está en que N|VU no permite modificar ese prólogo (aunque se modifique en la pestaña Código fuente los cambios se pierden aunque guardemos la página)

Una forma de corregirlo es crear una plantilla nueva y guardarla para modificar el código del documento base con un editor de texto externo. Una vez corregido el error podemos guardar el archivo con la extensión mzt para poder utilizarlo como plantilla.

Si aplicamos esta corrección, la forma adecuada de crear nuevos documentos sería hacerlo a partir de la plantilla que acabamos de crear.

Como en este caso no hemos definido áreas editables sería muy recomendable empezar utilizando editar a continuación separar de la plantilla. Aunque se podría trabajar sin hacerlo podríamos encontrar algún problema para especificar el tipo de párrafo de lo primero que escribiéramos si no lo cambiamos antes de empezar a teclear. 

En la carpeta plantillas del curso tienes dos plantillas denominadas html4transitional.mzt y html4strict.mzt que tienen corregido ese error. Para los documentos XHTML, tanto si la DTD es de tipo transitional como strict no ha sido necesario elaborar plantillas alternativas porque los prólogos son correctos según las especificaciones del W3C.

Actividad 60