Plantilla PAS13
El Wikiuv de la Universitat de València

La plantilla "pas13" (plantilla por defecto)

El diseño de la plantilla PAS13 está basado en el de la nueva web de la UV (del año 2012), que define una identidad visual web para la Universitat de València.

Es una plantilla orientada a PAS y servicios.

Normalmente no será necesario, pero si lo fuera, la plantilla "pas13" se puede activar con sólo utilizar en la cabecera:

#TEMPLATE pas13

El documento de estilo de la uv se puede consultar aquí

Demostración de la plantilla

La apariencia de las páginas generadas por la plantilla "pas13" se puede apreciar en la página de demostración de la plantilla PAS13.

Estilos

La plantilla pas13 soporta los 4 estilos base del !wikiUV (texto, textoindice, tectomenu, weblog) y, además, un estilo nuevo: "inicio".

Descripción de los estilos

texto ( Ejemplo: esta página )

El estilo texto, página normal con texto a todo lo ancho. Sin menú lateral.

Este es el estilo por defecto.

El estilo texto en principio no está definido en el manual de estilo de la UV, pero existe en el WikiUV por compatibilidad con versiones anteriores y permite definir páginas elementales.

Por defecto está con menú horizontal mínimo (se puede completar con "MENUHOR"), y con cabecera mínima (sólo imagen, sin menú). La cabecera se puede completar con "CABECERAENTE" y "MENUCAB" o incluso quitar ("CABECERAENTE null").

Está definido como:

PATRON patron
DEF SUBPATRON texto
DEF MENUHOR menuhormin
SET SERVICIO=Servicio de la Universitat de València
SET IMGSERVICIO=imgcabecera.jpg
SET DERECHOS=© El Autor WIKI, Universitat de València
SET URLCONTACTO=https://links.uv.es/contacto
SET CONTACTO=Buzón UV
SET URLHOME /
DEF CABECERAENTE cabecerasinmenu
DEF MENUCAB menucab

textoindice ( Ejemplo )

El estilo textoindice, texto con menú lateral automático formado por el índice del propio texto.

Este tipo de página puede usarse para documentos grandes que formen de por sí mismos una zona entera, de segundo o más nivel del manual de estilo de la UV.

Por defecto está con menú horizontal mínimo (se puede completar con "MENUHOR"), y con cabecera mínima (sólo imagen, sin menú). La cabecera se puede completar con "CABECERAENTE" y "MENUCAB" o incluso quitar ("#DEF CABECERAENTE null").

Está definido como:

PATRON patron
DEF SUBPATRON textoindice
DEF MENUHOR menuhormin
SET SERVICIO=Servicio de la Universitat de València
SET TITLE=Titulo por Defecto
SET IMGSERVICIO=imgcabecera.jpg
SET DERECHOS=© El Autor WIKI, Universitat de València
SET URLCONTACTO=https://links.uv.es/contacto
SET CONTACTO=Buzón UV
SET URLHOME /
DEF CABECERAENTE cabecerasinmenu
DEF MENUCAB menucab

textomenu ( Ejemplo )

El estilo textomenu, página con un menú lateral que restringe el ancho del texto.

Este tipo de página corresponde con las páginas de segundo y tercer nivel del manual de estilo de la UV.

Por defecto está con menú horizontal mínimo (se puede completar con "MENUHOR"), y con cabecera mínima (sólo imagen, sin menú). La cabecera se puede completar con "CABECERAENTE" y "MENUCAB" o incluso quitar ("#DEF CABECERAENTE null").

En el estilo textomenu se puede añadir también un menú de tercer nivel (con "TERCERNIVEL").

Está definido como:

PATRON patron
DEF SUBPATRON textomenu
DEF MENUHOR menuhormin
SET SERVICIO=Servicio de la Universitat de València
SET TITLE=Titulo por Defecto
SET IMGSERVICIO=imgcabecera.jpg
SET DERECHOS=© El autor WIKI, Universitat de València
SET URLCONTACTO=https://links.uv.es/contacto
SET CONTACTO=Buzón UV
SET URLHOME /
DEF CABECERAENTE cabecerasinmenu
DEF MENUCAB menucab
DEF MENULAT menulat
DEF TERCERNIVEL null



weblog ( Ejemplo )

El estilo weblog, anuncios/blog con menú lateral. ¡Ver WebLogDocpara más variables y detalles!.

Se puede usar como una página secundaria más según el manual de estilo de la UV.

Por defecto está con menú horizontal mínimo (se puede completar con "MENUHOR"), y con cabecera mínima (sólo imagen, sin menú). La cabecera se puede completar con "CABECERAENTE" y "MENUCAB" o incluso quitar ("#DEF CABECERAENTE null").

El menú lateral se puede quitar ("#DEF MENULAT null").

Se puede añadir una tabla de enlaces con "ENLACES".

Está definido como:

PATRON patron
DEF SUBPATRON weblog
DEF MENUHOR menuhormin
SET SERVICIO=Servicio de la Universitat de València
SET TITLE=Titulo por Defecto
SET IMGSERVICIO=imgcabecera.jpg
SET DERECHOS=© El autor WIKI, Universitat de València
SET URLCONTACTO=https://links.uv.es/contacto
SET CONTACTO=Buzón UV
SET URLHOME /
DEF CABECERAENTE cabecerasinmenu
DEF MENUCAB menucab
DEF MENULAT menulat
DEF MENULATR null
DEF ENLACES null
SET WEBLOGPAGI 4


inicio ( Ejemplo )

El estilo inicio, página de inicio de un ente de la universidad, según indica el manual de estilo de la UV. Incluye una página de anuncios (blog).

Por defecto está con menú horizontal completo (se puede quitar con "#DEF MENUHOR menuhormin"), y con cabecera completa (imagen y menú). El menú de cabecera se puede quitar ("#DEF CABECERAENTE cabecerasinmenu") e incluso la cabecera entera se puede quitar ("#DEF CABECERAENTE null").

En este estilo está activa por defecto una tabla de enlaces (desactivable con "#DEF ENLACES null") y un menú lateral de "destacados" (desactivable con "#DEF MENULATR null").

Está definido como:

PATRON patron
DEF SUBPATRON inicio
DEF MENUHOR menuhor
SET SERVICIO=Servicio de la Universitat de València
SET TITLE=Titulo por Defecto
SET IMGSERVICIO=imgcabecera.jpg
SET DERECHOS=© El Autor WIKI, Universitat de València
SET URLCONTACTO=https://links.uv.es/contacto
SET CONTACTO=Buzón UV
SET URLHOME /
DEF CABECERAENTE cabeceraser
DEF MENUCAB menucab
SET WEBLOGPAGI 4
DEF MENULATR menulatr
DEF ENLACES enlaces


Variables definidas en los estilos

  • PATRON : nombre del fichero ".html" que sirve de base para incluir y/o sustituir en él todos los demás ficheros.
  • MENUHOR : nombre del fichero ".wiki" que contiene el menú horizontal. Si es "null" no se pone menú. Si es "menuhormin" se pone un menú mínimo (sólo botón "atrás"). En el estilo 'inicio', por defecto vale "menuhor" (crear un fichero "menuhor.wiki" y escribir el menú - ver más adelante).
  • SERVICIO : nombre del servicio, a poner en la parte superior de las ventanas.
  • IMGSERVICIO : La imagen a poner en la cabecera de la barra superior de la página. Por defecto se usa "imgcabecera.jpg". Se puede cambiar (p.e. miimagen.jpg en vez de imgcabecera.jpg). Se puede cambiar simplemente poniendo un fichero con ese mismo nombre pero con una imagen distinta en tu espacio wiki. Se recomiendan imágenes alargadas (808px × 150px), pero se ajusta cualquier imagen.
  • DERECHOS : "copyright" a poner en la barra inferior de la página.
  • URLCONTACTO : URL de contacto con el autor de las páginas. P.e., puede ser un mailto:xxx@xxx.uv.es o wiki;//PaginaContactos.wiki (no se crea automáticamente) o http;//www.uv.es/xx/contacto.html. Por defecto, página de la UV.
  • CONTACTO : "nombre" del contacto. Por defecto "Buzón UV".
  • URLHOME : URL para el botón de "casa" del menú horizontal. Relativo al URL de tu espacio wiki. Por defecto "/" (tu espacio wiki). Puede ser cualquier fichero o carpeta de tu espacio.
  • CABECERAENTE : Qué cabecera poner. Si es "null" no se pone cabecera. Si es "cabecerasinmenu" (valor por defecto, salvo en estilo "inicio") se pone una cabecera con la IMGSERVICIO, pero sin el menú. Si es "cabeceraser" se pone IMGSERVICIO y MENUCAB).
  • MENUCAB : nombre del fichero ".wiki" que contiene el menú de cabecera. Se recomienda poner 6 ítems exactamente. Ver ejemplo más abajo. Si no se quiere menú en la cabecera, usar "#DEF CABECERAENTE cabecerasinmenu".
  • MENULAT : nombre del fichero ".wiki" que contiene el menú lateral, en el caso de los estilos textomenu y weblog. Por defecto es "menulat". Definir entonces un fichero "menulat.wiki": ver ejemplo más abajo.
  • TERCERNIVEL : nombre del fichero ".wiki" que contiene el menú horizontal (opcional) de tercer nivel, en el caso del estilo textomenu. Definirlo (p.e.) como "#DEF TERCERNIVEL tercernivel" y crear un fichero "tercernivel.wiki": ver ejemplo más abajo.
  • MENULATR : nombre del fichero ".wiki" que contiene el menú que hay en la parte derecha de la página, en el caso del estilo inicio. Si es "null" se quita el menú. Por defecto es "menulatr", por lo que hay que crear un fichero "menulat.wiki": ver ejemplo más abajo.
  • ENLACES : nombre del fichero ".wiki" que contiene los valores para la tabla de enlaces que puede aparecer en el caso de los estilos weblog e inicio. Si es "null" se quita la tabla de enlaces. Por defecto vale "enlaces" y hay pues que crear un fichero "enlaces.wiki": ver ejemplo más abajo.

Notas

Recordemos:

  1. Que los estilos se pueden utilizar desde cualquier fichero ".wiki" siplemente definiendo en la cabecera "#STYLE nombre" ("nombre" es el nombre del estilo sin el ".ini").
  2. Si sólo quieres cambiar alguno de los valores del estilo en una única página, no hace falta definir un estilo: lo puedes cambiar en la cabecera del fichero escribiendo nombrando la misma variable que en el estilo con un "#" delante, p.e. "#CONTACTO director".
  3. Si quieres cambiar algunos valores del estilo en todas las página, puedes definir un "wiki.conf" y escribir en el los cambios, p.e. "#CONTACTO director".
  4. Cuidado con las mayúsculas/minúsculas: son significativas.
  5. El título de un índice lateral automático es el título de la página, a menos que pongas también: "#INDEXTIT Índice de esta página"
  6. (no se recomienda, mejor utilizar sólo "wiki.conf") Para definir tu propio estilo, defines un ".ini" del nombre que escojas en el directorio de trabajo o en el "wikibase" de tu espacio, copias lo que desees y cambias lo que quieras de los estilos predefinidos.

El patrón de la plantilla PAS13 (patrón por defecto)

El patrón es la página html base a partir de la cual se generan todas las páginas con estilo PAS13.

El patrón, como cualquier página html, utiliza otros ficheros (imágenes, css) que el navegador reúne para construir la apariencia final de la página. El patrón se ha definido de forma que algunos de estos ficheros se pueden cambiar variando el valor de variables en los ficheros ".ini". Por defecto son éstos:

El fichero de estilo css

El fichero de estilo css es el que más determina la apariencia final de una página html:

Fijo, no se puede cambiar.

Se llama pas13.css

La imagen con el logo de la universidad

Fija, no se puede cambiar.

  • logo-uniserv.jpg

La imagen del servicio

Se puede cambiar. Ver IMGSERVICIO.

  • imgcabecera.jpg

Menú lateral (MENULAT)

El subpatrón textomenu incluye otro fichero, un ".wiki" llamado menulat.wiki (valor por defecto de MENULAT).

Este ".wiki" contiene, en formato wiki, la definición del menú lateral de muestra. Se supone que todo aquel que lo va a usar definirá en su directorio de trabajo un menulat.wiki adaptado a sus necesidades.

[=== Información general
* [Introducción al servicio IntroServicio]
* [Organigrama y Directorio OrganigramaDirectorio]
* [Horario de Atención HorarioAtencion]
* [Ubicación y datos de contacto UbicacionContacto]
=]

=== [Servicios y actividades  ServiciosActividades]

=== [Documentación  TodaDocumentacion]

[=== [Normativa  LasNormas]
* [Interna NormasInternas]
* [Externa NormasExternas]
=]

=== [Enlaces de Interés  EnlacesDeInteres]

=== [Formularios y solicitudes  FormulariosSolicitudes]

=== [Anuncios y convocatorias AnunciosConvocatorias]

=== [Noticias  TodasNovedades]



Menú horizontal (MENUHOR)

Todos los estilos incluyen un menú horizontal opcional. Por defecto se utiliza "menuhormin.wiki", salvo el estilo 'inicio' que incluye "menuhor.wiki".

Normalmente, si se quiere un menú horizontal en todas las páginas, se recomienda definir "#DEF MENUHOR menuhor" en el "wiki.conf" y luego crear "menhor.wiki".

El "menuhor.wiki" de muestra contiene, en formato wiki, la definición de un menú horizontal ejemplo. Se supone que todo aquel que lo va a usar definirá en su directorio de trabajo un "menuhor.wiki" adaptado a sus necesidades.

* [Preguntas y Respuestas PreguntasYRespuestas]
* [Acciones  AccionesEnte] 
* [Solicitudes SolicitudesEnte] 
* [Documentos DocumentosEnte] 
* [Anuncios AnunciosEnte]


Menú horizontal de tercer nivel (TERCERNIVEL)

En las páginas de estilo "textomenu" se puede incluir un menú horizontal de tercer nivel. Definir "#DEF TERCERNIVEL tercernivel" en cada página que interese o en el "wiki.conf".

El "tercernivel.wiki" de muestra contiene, en formato wiki, la definición del menú horizontal de tercer nivel de ejemplo. Se supone que todo aquel que lo va a usar definirá en su directorio de trabajo un tercernivel.wiki adaptado a sus necesidades.

= Servicios y Actividades

* [Sección Primera SeccionPrimera]
* [Otra Sección OtraSeccion] 
* [Sección con más Detalles SeccionDetallada] 
* [Sección Alternativa SeccionAlternativa]
* [Noticias de las Secciones NoticiasSecciones]


Menú de cabecera (MENUCAB)

Cuando se incluye la cabecera utilizando "#DEF CABECERAENTE cabeceraser", se incluye un ".wiki" llamado menucab.wiki (valor por defecto de MENUCAB) para definir el contenido del menú de cabecera.

Este ".wiki" contiene, en formato wiki, la definición del menú de cabecera de muestra. Se supone que todo aquel que lo va a usar definirá en su directorio de trabajo un menucab.wiki adaptado a sus necesidades.

Se recomienda definir exactamente 6 ítems en el menú de cabecera, para que el formato sea estéticamente adecuado.

* [Presentación             PresentacionEnte]
* [Carta de Servicios       CartaServicios]
* [Ubicación y Contacto     UbicacionYContacto]
* [Organigrama              OrganigramaEnte]
* [Recursos de Información  InformacionEnte]
* [Buzón de Sugerencias     BuzonSugerencias]


Menú de destacados (MENULATR)

El estilo 'inicio' incluye por defecto un "menú de destacados", "menulatr.wiki".

Este ".wiki" contiene, en formato wiki, la definición del menú de destacadosde muestra. Se supone que todo aquel que lo va a usar definirá en su directorio de trabajo un menulatr.wiki adaptado a sus necesidades.

Observar en el ejemplo que el WikiUV proporciona imágenes para apuntar a tus enlaces en las redes sociales.


[=== Información general
* [Introducción al servicio IntroServi]
* [Organigrama y Directorio OrgaYDirectorio]
* [Horario de Atención HorarioAtencion]
* [Ubicación y datos de contacto UbicacionYContacto]
=]

=== [Servicios y actividades  ServiciosYActividades]

=== [Documentación  TodosDocs]

=== [Normativa  LasNormas]

=== [Enlaces de Interés  EnlacesInteres]

=== [Formularios y solicitudes  FormulariosSolicitudes]

=== [Anuncios y convocatorias AnunciosConvocatorias]

=== [Noticias  ListaNoticias]

/
[wiki://###URLWIKIBASE###/images/aulavirtual.jpg#Aula_Virtual http://aulavirtual.uv.es]

[wiki://###URLWIKIBASE###/images/flickr1.png http://www.facebook.com/pages/Universitat-de-Val%C3%A8ncia/100999793291616]
[wiki://###URLWIKIBASE###/images/youtube1.png http://www.youtube.com/user/UniversitatValencia]
[wiki://###URLWIKIBASE###/images/twitter2.png http://twitter.com/UV_EG]
[wiki://###URLWIKIBASE###/images/facebook4.png http://www.facebook.com/pages/Universitat-de-Val%C3%A8ncia/100999793291616]

[wiki://###URLWIKIBASE###/images/chano.png#Universidad_de_Valencia http://www.uv.es]



Tabla de Enlaces (ENLACES)

El estilo 'inicio' incluye por defecto una "tabla de enlaces", "enlaces.wiki".

Este ".wiki" contiene, en formato wiki, la definición una tabla de enlaces a mostrar en la parte baja de la página. Se supone que todo aquel que lo va a usar definirá en su directorio de trabajo un enlaces.wiki adaptado a sus necesidades.

= Enlaces

* [uno de estos LaZona1]
* [apunta a dos LaZona2]
* [pero la mayoría apunta a tres LaZona3]
* [cuatro LaZona4]
* [quinto LaZona5]


Información avanzada

El código fuente del patrón PAS13

El patrón HTML determina toda la estética de tus páginas wiki. Se trata de una página HTML en la que has dejado un espacio vacío para que el wiki inserte en ella los distintos contenidos de tus ".wiki". El sitio de inserción viene indicado por los caracteres ###CONTENIDO### (lo cual viene a decir: aquí se pone el valor de la variable CONTENIDO).

Todas las partes cambiantes del patrón son sustituídas por variables cuyo valor se define en los ficheros de estilo o en tu fichero .wiki.

El patrón de la plantilla "pas13" es patron.html (versión pas13).

La hoja de estilos CSS

La plantilla "pas13" utiliza la hoja de estilos pas13.css.

El código fuente de los Subpatrones definidos

En el patrón no se encuentra el ###CONTENIDO###, Ello es debido a que faltan trozos de html, definidos por los estilos.

Los trozos de HTML incluídos por el patrón, según los estilos pueden consultarse en EstilosHtmlPas13

Índice de texto lateral

Observar que el subpatrón textoindice incluye, en vez del "MENULAT" (es decir el fichero "menulat.wiki"), un "INDICELAT".

El valor de este "INDICELAT" no corresponde en este caso con el de un fichero a incluir, sino que su valor lo define el propio wiki, construyéndolo a partir de las cabeceras del texto.

Es decir, el wiki también define la variable :

  • INDICELAT : contiene un índice del texto (CONTENIDO), en formato html.

INDICELAT se puede usar en cualquier parte de tus patrones, pero ten en cuenta que el wiki debe expandir (encontrar) primero la variable CONTENIDO para poder construir INDICELAT.

Para simplificar la hoja de estilos (.css), el wiki recurre a espacios "no compresibles" ( ) para efectuar la indentación en los índices.

Ejemplo de "INDICELAT"

 <h1><a href="?all">[+]</a> CESAR</h1><p>
 <a href="?0">Introducción</a><br>
 <a href="?1">Entorno de usuario</a><br>
     <a href="?2">Enviando trabajos al gestor de colas</a><br>
         <a href="?3">Opciones más habituales</a><br>

     <a href="?4">Módulos</a><br>
         <a href="?5">Opciones típicas</a><br>
         <a href="?6">Módulos por defecto</a><br>
         <a href="?7">Otros módulos de   interés</a><br>
 </p>
 <h1><a href="/ciuv/cas/zcalculo/index.wiki">[<]</a>     
 [<-] <a href="?1">[=>]</a> </h1>
volver