Maquetacion+

7
Utilizamos este código

Transcript of Maquetacion+

Page 1: Maquetacion+

Utilizamos este código

Page 2: Maquetacion+
Page 3: Maquetacion+

Para insertar un buscador se utiliza el siguiente código

Continuamos con la maquetación de la pagina maquetando los aside derecho e izquierdo

Page 4: Maquetacion+
Page 5: Maquetacion+

HEADER

Para crear el menú principal de la página utilizamos el siguiente código

Lo que nos generara que en la página el menú principal sea así

Page 6: Maquetacion+

En el código Border= sirve para que aparezca el menú

Padding= Sirve para controlar la separación del borde de las letras

Tex-decoration:none = es para que salgan sin viñetas la lista

Color= es para cambiarle el color de las letras del listado en este caso es RED

Para ponerle un efecto de que al pasar sobre el menu muestre este efecto

Ahora nuestra pagina quedo asi

Page 7: Maquetacion+

Ahora para agregar imágenes se utiliza este código

Y para que al pasar el ratón sobre ella se expanda es este