Normas diseño de Páginas Web
Los elementos estándar de toda
página institucional

 
 
 

Encabezado

El encabezado está conformado por el logosímbolo de la Universidad del Valle, una composición fotográfica alusiva a la Universidad -o a la facultad, sede o dependencia según sea el caso- y una barra de navegación con las opciones "Buscar", "Directorio" y "Biblioteca".

Debe quedar como se muestra en el siguiente ejemplo:

Para facilitar la construcción, puede bajar la plantilla del encabezado (formato.zip)

El logosímbolo de la Universidad del Valle debe conservarse tal cual. No se le debe mezclar con otros logos ni letreros ni cualquier tipo de figuras.

La composición fotográfica de la derecha puede ser alusiva a la facultad, dependencia o sede regional pero debe conservar las siguientes características:
-Tamaño: 411(ancho) x 54(alto) pixeles
-Degradé comenzando por blanco a la izquierda.
-Sólo usar fotos.

Los tres botones "Buscar", "Directorio" y "Biblioteca" se pueden activar como mapa sensitivo con las siguientes instrucciones en HTML:

<map name="m_barrafacultades_sedes760x19">
  <area shape="rect" coords="549,0,614,19"
href="http://biblioteca.univalle.edu.co/"
title="Consultar en la Biblioteca"
alt="Consultar en la Biblioteca" >
<area shape="rect" coords="479,0,542,19"
href="http://www.univalle.edu.co/directorio"
title="Teléfonos de las Facultades"
alt="Teléfonos de las Facultades" >
<area shape="rect" coords="428,0,473,19"
href="http://www.univalle.edu.co/busquedas.html"
title="Buscar en Univalle" alt="Buscar en Univalle" >
</map>

Para ello, la referencia a la gráfica debe incluir la expresión "usemap".
Por ejemplo:

<img name="barrafacultades_sedes760x19"
src="barra-facultades_sedes-760x19.gif"
width="760" height="19" border="0"
usemap="#m_barrafacultades_sedes760x19" alt="">


La barra con los tres botones sensitivos debe verse en la web debe verse así:

Consultar en la Biblioteca Teléfonos de las Facultades Buscar en Univalle

La anterior es una explicación de cómo trabajar con los mapas sensitivos pero recuerde que usted puede bajar la plantilla del encabezado.

Para las páginas diferentes a la principal o de segundo nivel de una dependencia se conserverá siempre el mismo encabezado.

Encabezado para sedes regionales

El encabezado marca la diferencia entre los encabezados de las plantillas para las sedes y las facultades. Ver más detalles en la sección "Las plantillas: tipo sede".

Otros elementos del encabezado
Dentro de <HEAD> </HEAD>:

  • El título de la página en <TITLE> </TITLE>, debe ser claro y completo. Esto hace la página más visible para los motores de búsqueda. y más fácil de encontrar para el usuario.
  • Incluir <META name="keywords" content="palabras clave para motores de búsqueda"> en páginas principales.  Las palabras clave ayudan también en la búsqueda. Se recomienda utilizar palabras que no aparezcan en el <TITLE> pero que estén asociadas al tema central de la página.
  • Debe incluir la siguiente hoja de estilo para estandarizar los vinculos y en general la forma de presentación:
    <link href="http://www.univalle.edu.co/hojasdeestilo/
    hojaestilo-20041011.css" rel="stylesheet"
    type="text/css">