P08.- Tarea #5: Los menús vertical y horizontal

Imprimir
Objetivos:
  • Poner un menú vertical simple
  • Poner un menú horizontal simple

Ejercicio:

  • Construir una página web con estas características:
    • Diseño de bloques 2:3:1
    • Colocar un menú horizontal en el bloque de navegación.
    • Colocar un menú vertical en algún bloque lateral
    • Señalar los ítems al pasar el ratón
  • La etiqueta para crear menús es la de lista desordenada <ul ... ... /> modificando los estilos para que cambien su comportamiento y simulen un menú horizontal o vertical.
  • Enlazar una hoja de estilos .css

    - Guarda el archivo de contenido con el nombre index.html
    - Guarda el archivo de estilos con el nombre estilos.css
    Los dos archivos deben estar en una carpetapeta llamada web_ejemplo5.

    Sube al Aula Virtual 3con14 un archivo comprimido con la carpeta y los dos archivos anteriores.

articuloEste ejercicio debe quedar así: [vista previa].
Código XHTML  |  Este es el código CSS.

menu_simple

aula_virtual_3con14

Utilidades

imprescindibles FireFox Google Chrome Opera Safari Acrobat Reader 7zip Flash Player Java FileHippo

Visitas...

TOTAL168887

Recursos Diseño Web...

w3c_xhtmlw3c_css2

xhtml CSS2

npptopstylelite