Creando el menú

Bueno acá estamos ahora para crear nuestro primer menú- y no hablo precisamente de comida eh- comenzaremos con el menu de la izquierda.

Como siempre esto lo haremos en la pestaña CÓDIGO de nuestro index, ya que nuestra intención también es practicar nuestro html hasta dominarlo. Nos ubicamos en el div menu izquierda.
Tenemos ahí escrito “Menú Izquierda” lo que procederemos a borrar y abrir otra línea (recuerden desde nuestra pestaña CÓDIGO).

Empezamos  a crear nuestra lista desordenada como vimos en el apartado anterior. La idea es tener un menú igual al de la página principal de axside, claro con los gustos de todos ustedes quedara mucho mejor.

Cada parte del menú contiene 2 divs así que armamos la estructura. Colocamos:

 

Ahí tenemos 2 divs a los que asignamos nombres diferentes para darle estilos diferentes también.
Dentro del primer div vamos a poner el titulo de la primera sección del menú, yo pondré Indice 1, por lo que quedaría así:

 

Ahora procederemos a construir la lista desordenada para el menú, pueden ponerle los elementos que deseen, en mi caso pondré 3 elementos por lo que quedaría así:
  

 

Tan simple como eso. Tenemos la primera sección de nuestro menú. Lo único que tenemos que hacer es repetir el proceso tantas veces como secciones queramos para nuestro menú. Al final yo lo repetí 5 veces. Guardamos y vamos a vista previa y vemos como quedo.
Ya tenemos nuestro primer menú, no se preocupen que así no quedara, solo acabamos de hacer las bases, ahora nos toca darle estilos y convertilo en un verdadero menú.

Si todo les ah ido bien su pagina será parecida a ESTA, si todo salió bien pasamos al siguiente apartado y si no pueden preguntar en el FORO ya saben =).

 

<<<< Anterior Siguiente >>>>