maquetacion+

8
Utilizamos este código

Upload: ruth-pinchao

Post on 31-Jul-2015

79 views

Category:

Documents


0 download

TRANSCRIPT

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

Page 6: Maquetacion+

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

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