Apartado "Nav" – area4 otra variante de zona "Nav".
Vamos a modificar la clase "nav" para hacer una barra de navegación con menús desplegables.
Mostrando entradas con la etiqueta grid. Mostrar todas las entradas
Mostrando entradas con la etiqueta grid. Mostrar todas las entradas
Creando cont. Display grid Parte 6
Ya solo nos falta el pie de página “footer”.
Aquí le ponemos dos líneas de párrafo, la primera con el título del blog, derechos y nombre del autor, la segunda con un correo de contacto y mas abajo un enlace con la página principal.
En el siguiente enlace tenéis todos los archivos del ejercicio para su descarga.
Creando cont. Display Grid Parte 4
Vamos a configurar el area5 -->“Lado izquierda” y el área7 --> “Lado derecha”
Área5 vamos a poner un reloj con la hora de España, escribimos el código html en class=”lado_izquierda”.
Creando cont. Display Grid Parte 3
Apartado Nav – area4 vamos a poner la zona Nav con tres botones.
Configuramos en el HTML los botones de navegación.
Creando cont. Display Grid Parte 2
En la zona de banner vamos a poner un video de YouTube que tendrá 778px x 450px.
Creando cont. Display Grid Parte 1
Continuamos a partir de donde nos quedamos en el apartado Display grid parte 3
Maquetación Parte 6 grid Parte 2
Veamos unos ejemplos de lo visto hasta ahora, para verlo mejor le damos estilo a body
Maquetación Parte 6 grid Parte 1
La grid CSS o diseño de cuadrícula es una solución de diseño que ayuda a controlar el tamaño y la ubicación de los elementos de una página web.
Una grid es muy flexible, una de sus principales funciones es facilitar el diseño de una página, para ello se vale de filas y columnas igual que las tablas.
Para configurar una cuadricula tenemos que definir un elemento div principal (que será el contenedor de la cuadrícula) y uno o más div secundarios que serán los elementos de la cuadrícula.
Suscribirse a:
Entradas (Atom)