|
Barra
de navegación horizontal
con pestañas
Este
elemento es accesorio.
Es decir, no es obligatorio
incluirlo.
Sin
embargo, en caso de ser
necesario incluir una
barra de navegación
horizontal, ésta
tiene que conservar el
estilo de la
que se explica en esta
sección.
A
excepción de la
pestaña "Inicio",
las demás pueden
tener nombres diferentes.
La
pestaña "Inicio"
debe enlazar a la primera
página de la facultad,
sede o dependencia, según
sea el caso.
No
es necesario que la barra
contenga siete pestañas.
De usted depende la cantidad
que necesite. Si cree
que necesita usar más
de siete o menos de cuatro
cerciórese de que
la estética ni
la usabilidad de su sitio
web se distorsionen.
Si
cambia los nombres de
las pestañas
use frases cortas (máx.
3 palabras, 2 reglones).
Tampoco escriba los nombres
enteramente en mayúsculas.
La
barra debe ubicarse debajo
del nombre de
la facultad o dependencia,
tal como lo muestra la
siguiente figura.
Cómo
incluirla
Si apenas va a empezar
a construir su
sitio web puede bajar
de una vez la plantilla
que incluye la barra de
navegación.
Ver
"Descargar
plantillas"
Si
ya tiene su sitio construido
y quiere incluir la barra
puede bajarla e insertarla
en su archivo html.
Si
ya descargó
y descomprimió
la barra habrá
notado que se trata en
realidad de siete barras
(7 archivos
html), una por cada pestaña
que la compone.
También
hay un elemento
adicional (pixelGris.gif)
ubicado en \imagenes\partidas\
. Esto, para conservar
la estructura de directorios
de las plantillas. Si
va a ubicar este elemento
en otra carpeta asegúrese
de actualizar su ubicación
en los archivos html.
El
siguiente paso es insertar
el código fuente
de los archivos pestanha1.html
hasta pestanha7.html en
los códigos fuente
de las secciones correspondientes.
Añadir
la hoja de estilos. Se
debe insertar la siguiente
línea antes del
tag </head> y debajo
del enlace a la hoja
de estilos de la Universidad:
<link
rel="stylesheet"
href="http://www.univalle.edu.co/hojasdeestilo/pestanhas.css"
type="text/css">
|
