P09.- Tarea #5: Implementar Menú
10 Mayo 2010
Posted in
Prácticas -
Práctica 09
Objetivos:
- Crear un sitio Web con 4 páginas de ejemplo
- Añadir un menú vertical utilizando CSS
- Añadir un menú horizontal utilizando CSS.
- Poner dos imágenes de fondo (cabecera y cuerpo de las páginas).
Ejercicio #1: Menús Vertical y Horizontal
- Utilizar las reglas CSS adecuadas para obtener el siguiente Sitio Web.
(Texto, colores y fondo a elegir)
Forma sencilla de crear menús horizontales/verticales con CSS.
Como puedes observar si comentamos la línea que indica menú horizontal y activamos la que dice menú vertical pasamos de uno a otro fácilmente. Empleando algunas declaraciones más obtenemos mejores resultados visuales. En el archivo HTML colocamos el identificador #menu en la etiqueta ul, de esta forma: <ul id="menu"> ... </ul>, y en la etiqueta <li> que esté activa ponemos la clase, de esta manera: <li class="activo"> ... </li>. Aquí explico otra forma de crear un menú con CSS.
