Crear una página web adaptable a dispositivos móviles (responsive design) con HTML y CSS nunca ha sido tan sencillo como ahora, al finalizar este vídeo tendrás una página web minimalista y que además aprenderás como subir tu página web a internet.
📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger.com.
ENTRA AQUÍ 👉 https://www.hostinger.com/alexcg
🚀 RECURSOS Y CÓDIGO PÁGINA 👉 https://aprendecss.com/crea-una-pagin...
📘MASTER FLEXBOX Y CSS GRID (Descuento) 👉 https://alexcgdesign.com/masterflex
-----------------------------------------------------------------------------------------------------------------------------
Aprende CSS (Desde CERO en YOUTUBE) 👉 • 🚀 Curso CSS PARA PRINCIPIANTES desde ...
-----------------------------------------------------------------------------------------------------------------------------
CURSOS COMPLETOS:
📘CURSO CSS3 COMPLETO (Descuento) 👉 https://alexcgdesign.com/cursocss
👨💻🎁 Diseño Web Desde Cero (Descuento) 👉 https://alexcgdesign.com/descuento-di...
-----------------------------------------------------------------------------------------------------------------------------
TEMARIO:
00:00 Página web que crearás el día de hoy.
01:30 Obteniendo los recursos para la creación de la página web.
04:01 ¿Cómo subir tu página web a internet?
05:21 Agregando fuentes a nuestra página web
07:09 Estructura del proyecto a crear
07:51 Creando el HTML del menú de navegación de la página web
11:36 Creando el CSS principal de la página web
14:42 Creando los estilos CSS del menú de navegación
16:10 Agregando interactividad al menú con CSS.
23:26 Creando el HTML de la sección principal.
24:36 Creando el CSS de la sección principal
25:14 Responsive Design en Textos con CSS Moderno (Clamp)
27:50 Adaptando el menú de navegación con CSS (Responsive Design)
30:32 Adaptando la sección principal a cualquier dispositivo
33:51 Creando el HTML de la sección de servicios
38:02 Creando los estilos CSS de la sección servicios
44:00 Responsive Design Avanzado con CSS GRID
45:09 Creando el HTML de la sección CTA de nuestra página web
46:46 Creando el CSS de la sección CTA
49:05 Adaptando a dispositivos móviles la sección CTA con CSS
51:05 ¿Cómo crear una sección de preguntas frecuentes con HTML? (Details & Summary)
54:12 ¿Cómo dar estilos a elementos Details & Summary en CSS? - Sección preguntas y respuestas
59:09 Crear el HTML de la sección de contacto de una página web
01:01:48 Darle estilos a un formulario de contacto de una página web con CSS - Sección de contacto
01:04:30 Adaptando la sección de contacto a cualquier dispositivo
01:04:40 ¿Cómo crear una sección footer con HTML y CSS?
01:10:39 Creando la sección Footer con CSS GRID
01:17:28 Adaptando la sección del Footer con CSS GRID (Responsive Footer)
01:23:05 Subiendo nuestra página web a internet con Hostinger
01:27:16 Subiendo nuestra página web a internet con Github Pages
01:29:50 Visualizando las páginas en internet
01:30:58 Sigue aprendiendo CSS.
✉️ Redes sociales:
Blog de desarrollo web: https://www.alexcgdesign.com/blog
Twitter: / alexcgdesign
Facebook: https://goo.gl/7o77tx
Linkedin: https://goo.gl/byCJnS
Instagram: / alexcg_design
Github: https://github.com/AlexCGDesign