Índice
- La plantilla "pas13" (plantilla por defecto)
- Demostración de la plantilla
- Estilos
- Descripción de los estilos
- Variables definidas en los estilos
- Notas
- El patrón de la plantilla PAS13 (patrón por defecto)
- El fichero de estilo css
- La imagen con el logo de la universidad
- La imagen del servicio
- Menú lateral (MENULAT)
- Menú horizontal (MENUHOR)
- Menú horizontal de tercer nivel (TERCERNIVEL)
- Menú de cabecera (MENUCAB)
- Menú de destacados (MENULATR)
- Tabla de Enlaces (ENLACES)
- Información avanzada
- El código fuente del patrón PAS13
- La hoja de estilos CSS
- El código fuente de los Subpatrones definidos
- Índice de texto lateral
- Ejemplo de "INDICELAT"
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:
- 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").
- 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".
- 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".
- Cuidado con las mayúsculas/minúsculas: son significativas.
- 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"
- (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.
La imagen del servicio
Se puede cambiar. Ver IMGSERVICIO.
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>
