21 ago 2008

Trabajo de hoy: crear la navegación

Para la tarea de hoy, introduciremos una barra de navegación a nuestras páginas.
En el sector del <head> llamar a la Cascada de Estilo, con la siguiente línea:

<link rel="stylesheet" type="text/css" href="miprimer.css" />

El código de ese archivo lo pueden bajar desde este enlace: miprimer.css

Luego, después de la etiqueta <body>, pero antes de la etiqueta <h1> deben copiar las siguientes líneas:


<div id='navigation'>
<ul id='menu'>
<li class='current_page_item'><a href='index.htm'>Inicio</a></li>
<li class='page_item'><a href='index2.htm'>Página 2</a></li>
<li class='page_item'><a href='index3.htm'>Página 3</a></li>
<li class='page_item'><a href='index4.htm'>Página 4</a></li>
</ul>
</div>


Al hacerlo, deben tener la precaución de marcar la página a la que le estén aplicando el estilo, con el class "current_page_item"; de esa manera en la navegación aparecerá dicha página como la destacada en el menú.

Publicado por Unknown

Etiquetas: , ,

0 comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)