El diseño web receptivo es una técnica de diseño de sitios web que se utiliza para garantizar que un sitio web se vea y funcione bien en dispositivos de diferentes tamaños, como computadoras de escritorio, tabletas y dispositivos móviles.
Primero, crea una aplicación de fotos de gatos para aprender los conceptos básicos de HTML y CSS. Más adelante, aprenderá técnicas modernas como variables CSS al crear pingüinos y mejores prácticas de accesibilidad al crear formularios web.
El objetivo es proporcionar una experiencia de usuario coherente y satisfactoria, independientemente del dispositivo utilizado.
Un sitio heredado es un sitio que se ha desarrollado y mantenido durante un período de tiempo más largo y que diferentes equipos de desarrollo pueden modificar con el tiempo.
El diseño web receptivo tradicional se refiere a la adaptación de sitios web tradicionales para que sean receptivos, es decir, compatible con diferentes tamaños de pantalla y dispositivos móviles. Hacer que un sitio web antiguo responda requiere realizar cambios en el código y la estructura del sitio web para que se adapte correctamente a diferentes tamaños de pantalla.
Lo que aprenderás:
- HTML básico y HTML5
- CSS básico
- Diseño Visual Aplicado
- Accesibilidad Aplicada
- Principios de diseño web receptivo
- Caja flexible de CSS
- Cuadrícula CSS
- Proyectos de Diseño Web Responsivo
Finalmente, aprenderá a crear páginas web receptivas para diferentes tamaños de pantalla, utilizando Flexbox para crear mapas de Twitter y cuadrículas CSS para crear diseños de blog complejos.
Es importante tener en cuenta que la adaptación de un sitio web antiguo puede ser un proceso largo y costoso y puede requerir una reevaluación completa del diseño y la estructura del sitio web.
Sin embargo, es imperativo brindar una experiencia de usuario uniforme y satisfactoria en todos los dispositivos y mejorar la clasificación de su sitio web en los motores de búsqueda.
Este curso se encuentra disponible en la plataforma de Freecodecamp.
Si quieres acceder al curso puedes usar este enlace.