P09.- Tarea #5: Implementar Menú

Imprimir
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)

tarea5

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.

menu_facil

endefensadeinternetEl exponente máximo de esta sociedad es Internet, red de redes por antonomasia y la causante de la planetización de la gente corriente. La creación del World Wide Web, en 1989 se debe a Tim Berners-Lee (2000), investigador del Laboratorio Europeo de Física de Partículas (CERN).

internet1

Durante ya bastantes años diseño y preparo una breve Web para mis alumnos de informática. Si aquí no aparece algo distinto de lo que ya se ha dicho espero que, al menos, consiga expresarlo de forma más clara. - Jesús Plaza.
─ El conocimiento es libre ─