HTML- CSS . Layouts para organizar tu web. Estilo Pinterest. Bento Grid. Pantalla dividida.Grid CSS.

Aprendé a programar una página web real desde cero! En este ejercicio desarrollaremos tres formas básicas de organizar tu web a los fines de profundizar en el sistema grid de CSS. Lo que aprenderás en este video: ◆ Estructurar la información con HTML. ◆ Generar tarjetas que renderizan adaptándose a la pantalla. ◆ Optimizar tus estilos con CSS. ◆ Profundizar en el uso de display grid. 🕒 Capítulos 00:00:00 🟢 Tres layouts con grid. Pinterest. Bento Grid. 00:00:07 🔢 Presentación del Ejemplo. 00:00:41 🏠 Estructura General HTML-CSS. Navegación. 00:06:39 🖼️ Sección Hero. 00:09:31 🎨 Pinterest. Tarjetas de igual ancho y diferente altura. 00:20:27 🗨️Layout Pantalla Dividida (split-screen). 00:27:54 🔍 Bento Grid. Organización asimétrica de las tarjetas. 🏫 ¿Para quién es este video? ● Profesores: Un excelente recurso didáctico y práctico para enseñar diseño web en sus materias y para todos aquellos profesores que deseen compartir su materia al mundo creando un documento web completamente gratuito. ● Alumnos y Principiantes: La guía perfecta para iniciarse en el mundo del desarrollo web, crear su primer documento y aprender a subirlo a internet para compartirlo con el mundo. 📂 Recursos útiles: Proyecto en acción: estilopinterestybentogrid.netlify.app Código Fuente: https://codigoenweb.com Servidor gratuito para subir la web: https://github.com/ https://www.netlify.com/ https://vercel.com/ Otros recursos: https://fonts.google.com/ https://cdnjs.com/libraries/font-awesome https://www.pexels.com/es-es/ https://unsplash.com https://www.photopea.com/ ¡No olvides suscribirte, darle un me gusta, compartir el video y dejar tus dudas en los comentarios! Nos ayuda a continuar y es gratis.