OpenWebinars
Frontend
HTML y CSS

Curso de Responsive Web Design

Aprende a crear páginas Web responsive utilizando HTML y CSS, y empieza a realizar páginas Web profesionales que se adapten a todo tipo de dispositivos y navegadores.

4.4(466 valoraciones)

Icono de la tecnología

No solo ofrecemos cursos; facilitamos un camino hacia la excelencia tecnológica para empresas que aspiran a liderar el cambio.

  • Relación continua de asesoramiento con especialistas.
  • Dashboards intuitivos y un LMS que se integra sin fisuras.
  • Formación práctica con líderes del sector.
  • Itinerarios que se adaptan a tus metas empresariales.
  • Acceso 24/7 a 1.450 cursos especializados y actualizados.

Para profesionales que necesitan mejorar sus habilidades y acelerar su carrera profesional.

  • Acceso 24/7 a 1.050 cursos tecnológicos y digitales para que siempre estés al día.
  • Certificados para agregar valor a tu CV.
  • Tutores y profesores con experiencia real.
  • Rutas de aprendizaje para avanzar más rápido.
  • Test de aptitudes para medir tu progreso.
Comenzar Prueba Gratis

Disfruta de 15 días de acceso total sin coste y sin compromiso.

Curso impartido por

Avatar:Juan Diego Pérez Jiménez

Juan Diego Pérez Jiménez

Experto en desarrollo Web

Contenido del Curso

2 Secciones · 12 Lecciones · 1 h. y 37 min. en total

Introducción

11 min.

Diseño responsive

1 h. y 25 min.

Habilidades que obtendrás

  • Que es diseño responsive o responsivo.
  • Uso de viewports.
  • Qué es y uso de Media Queries.
  • Sabrás maquetar para que los elementos ocupen el espacio que tú deseas.
  • Podrás crear una Web que se adapte a todo tipo de dispositivos y navegadores.
  • Desarrollaras tu Web con los estándares actuales.

Requisitos mínimos

Para comenzar este curso de diseño responsive, necesitas tener una base sólida de HTML5 y CSS3.

Valoración de nuestros alumnos

4.4
466 valoraciones
  • 5
  • 4
  • 3
  • 2
  • 1
Opino que la claridad con la que se explicada cada tema es mas que genial
Arli Jose Giron Garrido
Excelente
Laura Mendoza

Completa tu formación con estos contenidos

Icono de la tecnología
Curso

Flexbox y CSS Grid

Intermedio
2 h. y 2 min.

Aprende a maquetar tu Web de forma fácil y profesional con Flexbox y CSS grid, las nuevas técnicas...

Juan Diego Pérez Jiménez
4.5
Icono de la tecnología
Curso

Maquetación web con CSS

Intermedio
2 h. y 10 min.

Aprende maquetación Web con CSS para que mediante el uso de hojas estilos puedas definir claramente la estructura...

Juan Diego Pérez Jiménez
4.5
Icono de la tecnología
Curso

HTML5 y CSS3

Intermedio
4 h. y 21 min.

Aprende desde cero a crear páginas Webs con este curso de HTML5 y CSS3. Crea paso a paso...

Juan Diego Pérez Jiménez
4.5

FORMACIÓN EMPRESARIAL

Descubre cómo OpenWebinars puede ser el socio estratégico en el desarrollo profesional de tu equipo

Más de 300.000 profesionales de distintas industrias han encontrado en nuestra metodología y contenidos la clave para su transformación digital. Únete a líderes del sector que ya han elevado la formación de sus equipos con nosotros.

CetelemLogo
TelefonicaLogo
VassLogo
AccentureLogo
IbermaticaLogo
MapfreLogo
OpenWebinars

/ business

La formación que tu equipo merece, los resultados que tu empresa necesita

Asesoría Personalizada

Una relación continua de asesoramiento con especialistas dedicados a maximizar el impacto formativo en tu equipo.

Herramientas Avanzadas

Dashboards intuitivos y un LMS que se integra sin fisuras con tu infraestructura actual a través de SSO.

Itinerarios Personalizados

Diseñamos un mapa de las rutas formativas de tus equipos que se alinea con los objetivos estratégicos y operativos de tu empresa.

Expertos de la Industria

Los profesores de OpenWebinars son líderes en sus campos, brindando conocimientos prácticos que transforman la teoría en habilidades aplicables.

Formación On-Demand

Accede a un catálogo de contenidos que evoluciona al ritmo de la tecnología, disponible 24/7, para que nunca dejes de avanzar.

Desarrollo Profesional Continuo

Más de 1.450 cursos especializados y actualizados, diseñados para mantener a tu empresa a la delantera de la innovación tecnológica.

Experimenta cómo nuestra metodología ya ha potenciado a más de 300.000 profesionales en diversas industrias.
Conviértete en el experto que el mercado tecnológico busca

Amplia Biblioteca de Cursos

Más de 1.050 cursos especializados en tecnología y negocios digitales, disponibles 24/7 para que aprendas a tu ritmo y según tus intereses.

Dominio en Tecnologías Emergentes

Acceso a formaciones de IA, Cloud, Data, Ciberseguridad y Desarrollo, para mantenerte a la vanguardia en las áreas más innovadoras.

Certificaciones Profesionales

Completa tu formación y obtén certificados que agreguen valor a tu CV, destacando en un mercado laboral competitivo.

Expertos de la Industria

Aprende de aquellos que no solo enseñan, sino que innovan, profesores que traen experiencias del mundo real a tu pantalla.

Rutas de Aprendizaje

Ya sea que estés empezando o buscando acelerar tu progreso, encuentra cursos alineados con tus aspiraciones y desafíos profesionales.

Evaluaciones Prácticas

Test de aptitudes y evaluaciones para seguir tu avance y enfocar tu desarrollo donde más lo necesitas.

Experimenta cómo nuestra metodología ya ha potenciado a más de 300.000 profesionales en diversas industrias. Comenzar Prueba Gratis
Elige el Plan de OpenWebinars que impulse tu transformación
La metodología, contenidos y plataforma de formación que se adapta al tamaño y ritmo de tu empresa, sea una gran Corporación, una Startup o una Empresa en crecimiento
OpenWebinars Business Soluciones escalables y personalizadas para tu empresa
Acceso 24/7 a 1.450 cursos especializados y actualizados
Automatizaciones y planificador de licencias
Itinerarios personalizados que se adaptan a tus metas empresariales
Creación de informes avanzados y personalizados
Dashboards intuitivos para gestionar la formación y analizar progresos
Customer Success dedicados a maximizar el impacto en tu equipo
Gestor de contenido propio (LMS): Total control en el contenido formativo
Personalización de la experiencia: Integración visual que refleja tu marca
Implementación de SSO: Integración perfecta con tus sistemas internos
Acceso a API: Conecta OpenWebinars con tus propias apps y flujos de trabajo
Básico Mensual

39,90€/mes

Ideal para profesionales con necesidades específicas a corto plazo o que prefieren una flexibilidad total.

Acceso 24/7 a 1.050 cursos especializados y actualizados
Formaciones de IA, Cloud, Ciberseguridad, Data y Desarrollo
Certificados para agregar valor a tu CV
Tutores y profesores con experiencia real
75 Rutas de aprendizaje para avanzar más rápido
Test de aptitudes para medir tu progreso
Suscríbete ahora
Experto Anual

225€/año

18,75€/mes (Ahorras 6 meses)

Para profesionales que buscan ahorrar en su formación continua y quieren convertirse en expertos demandados.

Acceso 24/7 a 1.050 cursos especializados y actualizados
Formaciones de IA, Cloud, Ciberseguridad, Data y Desarrollo
Certificados para agregar valor a tu CV
Tutores y profesores con experiencia real
75 Rutas de aprendizaje para avanzar más rápido
Test de aptitudes para medir tu progreso
Comenzar Prueba Gratis Disfruta de 15 días de acceso total sin coste y sin compromiso.

Preguntas frecuentes

Resuelve tus dudas o contacta con nosotros para más información.

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

En OpenWebinars las formaciones no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

En todos los cursos existe un examen final para evaluar tus conocimientos adquiridos. Si superas este examen con más de un 80% de preguntas correctas obtendrás el diploma de certificación. Puedes realizar un intento cada 24 horas.

Este diploma es un certificado privado emitido por OpenWebinars, y valorado en el mundo empresarial, ya que tenemos grandes compañías clientes que se forman con nosotros y valoran nuestras certificaciones.

No olvides poner tu certificación en tu perfil Linkedin y en tu currículum.

becasBannerImg
+90.000 ESTUDIANTES CADA AÑO

Becas OpenWebinars

Para Centros de FP y Universidades de España

Colaboramos con más de 750 centros de Formación Profesional en España para dotar a los estudiantes IT de los recursos necesarios para afrontar el mercado laboral con las máximas garantías.

logoBecas

¿Quieres mejorar tus conocimientos en desarrollo web? Con este curso aprenderás todos los secretos del diseño web responsive, imprescindible para maquetar webs para todo tipo de dispositivos en la actualidad.

Este curso de responsive web design es el siguiente paso que debes dar, si ya posees conocimientos previos en programación HTML5 y CSS3, para completar en tu formación como desarrollador de páginas web.

Realizando este curso de maquetación web serás capaz dominar el diseño responsive y aplicarlo en tus páginas, ya que es un curso centrado en aprender las técnicas necesarias para ello de una forma totalmente práctica.

Previamente a comenzar con el desarrollo de la teoría sobre el diseño web responsivo, te proponemos realizar una introducción previa, que servirá para poner en contexto lo que iremos viendo un poco más adelante.

Durante esta introducción el tutor va a realizar una presentación personal, para que conozcas quién es y los conocimientos que posee sobre el tema que va a impartir. Además va a definir qué es el diseño responsive, cómo se consigue aplicar y un primer ejemplo visual de cómo afecta este tipo de diseño a una web.

Seguidamente vas a conocer cuál es el entorno de trabajo que el profesor va a utilizar durante la realización del curso, para que lo prepares y puedas seguir sus explicaciones paso a paso con las mismas aplicaciones. Para finalizar esta primera toma de contacto te mostraremos cómo será el proyecto práctico que se hará al final del curso.

Entrando ya en el bloque puramente formativo, comenzarás aprendiendo una serie de conceptos que necesitas conocer previamente, como qué es el viewport y cómo afecta al diseño responsivo en los diferentes dispositivos en los que se muestre una web, qué son los hardware pixels, los device independent pixels (DPI) y los device pixel ratio (DPR).

En la siguiente lección te contamos los diferentes tipos de diseño responsivo que existen y cómo elegirlos según el desarrollo que se vaya a realizar, explicando conceptos como layout, sus diferentes tipos y ventajas y desventajas de cada uno de ellos. También se desarrolla conjuntamente el concepto de breakpoint, de gran importancia en este sistema de maquetación web.

Una vez conocidos los diferentes tipos de responsive web design, puedes continuar tu formación con la lección dedicada a ver qué son las Media Queries, otro de esos conceptos fundamentales que aprenderás a manejar.

Después de dominar los fundamentos esenciales de esta técnica, entraremos a definir cómo hacer el proceso del diseño responsivo, con una serie de patrones y de soluciones comunes para enfocar el diseño de una página web responsiva.

Cuando hayas comprendido bien todo el proceso anterior, puedes entrar en las últimas lecciones del curso, en las que se entrará a fondo en el proceso de aplicar el diseño responsivo tanto a imágenes, como a tablas como al texto de la web.

Para cada uno de esos diferentes elementos te mostraremos las técnicas que se pueden utilizar, cómo utilizarlas y cómo resolver los diferentes problemas que se pueden presentar a la hora de emplear estos elementos dentro de nuestro diseño.

Con esto finalizaría la primera parte de la formación, ya que para completar el curso te presentamos un ejercicio práctico, en el que paso a paso se irá desarrollando una web responsiva aplicando todo lo que se ha visto en las lecciones anteriores, para asentar esos conocimientos y aclarar las últimas dudas que hubiesen quedado.

Como ves es un curso muy práctico, ya que además de este último bloque, todas las lecciones previas se desarrollan siempre explicando la teoría y aplicando la misma de forma práctica, así todo lo visto previamente se puede comprobar cómo afecta en la maquetación a nivel visual y queda mucho más claro.