Normas
diseño de Páginas Web
Los
elementos estándar de toda
página institucional
 |
|
| |
Enlaces
y mapas sensitivos
Los
enlaces y mapas sensitivos
en las páginas
institucionales deben
cumplir con los siguientes
requerimientos:
-
Los
enlaces, vínculos
o links,
deben ir en
la fuente
Verdana con
tamaño
-2 y su color
es #CC3300.
Es decir la
etiqueta debe
ser la siguiente:
<font size="-2"
face="Verdana,
Arial, Helvetica,
sans-serif">.
Cuando el
puntero del
mouse está
sobre el enlace,
el color de
la fuente
cambia por
#660000. Estos
colores, tamaño
y tipo de
letra ya están
definidos
en la hoja
de estilo,
la cual debe
ser incluida
obligatoriamente
en el HEAD
de sus páginas
web. Ver más
detalles en
paleta
de colores
y fuentes.
|
| |
-
Botones
e imágenes
cocon enlace:
deben tener
incluido
el parámetro
alt
y
title
con
una muy
breve descripción
o nombre
de la página
que está
enlazando.
Tenga en
cuenta que
el parámetro
alt
sólo
se ve con
el navegador
Internet
Explorer,
mientras
que el parametro
title
se ve en
todos los
navegadores
de los diferentes
sistemas
operativos.
Es necesario
que incluya
los dos
parámetros.
Recuerde,
no todas
las personas
utilizan
Internet
Explorer.
Por ejemplo
en la Universidad
del Valle
la mayoría
de las salas
de cómputo
tienen Linux
como sistema
operativo
y se accede
a la web
através
de navegadores
que son
diferentes
a Internet
Explorer
Ejemplo
botón
Veamos el
ejemplo
del botón
que se utiliza
en las páginas
diferentes
a la principal
o de segundo
nivel*,
incluyendole
en
el parámetro
alt
y title
la
siguiente
descripción
:
Normas diseño
de una página
web.
Código
con el parámetro
alt
y
title:
<a
href="index.html"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image33','','
imagenes/principal_over-transparente.gif',1)">
<img
src="imagenes/principal.gif"
title="Normas
diseño
de una página
web"
alt="Normas
diseño
de una página
web"
name="Image33"
width="120"
height="20"
border="0"></a>
|
Botón
incluyendo
sólo
el parámetro
alt.
La descripción
sólo
se
verá
en Internet
Explorer. |
Botón
incluyendo
el parámetro
alt
y title.
La descripción
se verá
en
todos los
navegadores. |
| |
|
|
|
| |
|
|
*Para
que pueda ver
la diferencia
utilice un navegador
distinto a Internet
Explorer como
Netscape, Opera,
Mozilla o Firefox. |
| |
Ejemplo
imágen
Utilicemos el
Logosímbolo
de la Universidad
del Valle, incluyendole
en
el parámetro
alt
y title
la siguiente
descripción:
Portal de la
Universidad
del Valle.
Código
con el parámetro
alt
y title:
<a
href="http://www.univalle.edu.co">
<img src="imagenes/uvlogos-g.gif"
title="Portal
de la Universidad
del Valle"
alt="Portal
de la Universidad
del Valle"
width="46"
height="65"
border="0"></a>
Imágen
incluyendo
sólo
el parámetro
alt.
La descripción
sólo
se
verá
en Internet
Explorer.
|
Imágen
incluyendo
el parámetro
alt
y title.
La descripción
se verá
en
todos los
navegadores.
|
 |
|
|
| *Para
que pueda ver la
diferencia utilice
un navegador distinto
a Internet Explorer
como Netscape, Opera,
Mozilla o Firefox. |
| |
-
Mapas
sensitivos,
estos mapas
deben llevar
el parámetro
alt
y
el
title
con una muy
breve descripción
o nombre de
la página
que está
enlazando.
Para ver ejemplo
refierase
a la sección
"Encabezado".
|
|
|
|
|
|
|
|
|
|
