SlideShare una empresa de Scribd logo
1 de 3
Adapta tus sitios para que funcionen en cualquier pantalla, dispositivo y resolución con HTML5 y CSS3
Julio Cesar Norabuena Huerta
En lugar de construir una website para cada tipo de dispositivo (smartphone, tablet, ordenador
desktop, laptop e incluso, hoy en día, para smart TV), se crea una sola website utilizando CSS3
media queries y un layout con imágenes flexibles. De esta forma, la website detecta desde qué
clase de dispositivo está accediendo el usuario y muestra la versión más optimizada para ese
medio, reorganizando los elementos de la web e incluso discriminando algunos de ellos.
 El responsive design corresponde a una tendencia de creación de páginas web que pueden ser visualizadas
Perfectamente en todo tipo de dispositivos, desde ordenadores de escritorio hasta smartphones o tablets.
 Con este tipo de diseño no necesitas tener una versión para cada dispositivo, una sola web se adapta a todos
ellos.
Julio Cesar Norabuena Huerta
 El HTML5 permite una experiencia excelente para los usuarios, sin el coste de desarrollar
una app nativa para cada dispositivo. En resumen, se diría que el responsive design son
todo ventajas.
 Es fácil de manejar ya que solamente trabajas sobre una website y los resultados serán
uniformes en todas las plataformas sin distorsiones en las imágenes o texto. Además,
ahorras tiempo y dinero al desarrollar una vez y un pago único de hosting.¿Cómo funcionan los editores web para responsive design?
A partir de plantillas personalizables creadas en HTML5 y CSS3 con fluid
grids que re-colocan los elementos de la web, dependiendo del espacio
disponible según la resolución de pantalla. De esta forma discriminan
elementos, texto, pestañas del menú, reducen las imágenes de manera que
la navegación sea fluida, intuitiva y se enriquezca la experiencia de usuario.
“El mundo siempre cambiante del diseño web, adaptable y adecuándose a las
necesidades tanto de los usuarios como de los nuevos dispositivos”
Julio Cesar Norabuena Huerta

Más contenido relacionado

Destacado

Ponencia David Aranzabal: V Foro de Finanzas Personales (Forinvest)
Ponencia David Aranzabal: V Foro de Finanzas Personales (Forinvest)Ponencia David Aranzabal: V Foro de Finanzas Personales (Forinvest)
Ponencia David Aranzabal: V Foro de Finanzas Personales (Forinvest)Rankia
 
Variables que afectan el aprendizaje de la L2
Variables que afectan el aprendizaje de la L2Variables que afectan el aprendizaje de la L2
Variables que afectan el aprendizaje de la L2Yuly Asencion
 
Webinar, simplifique su decision de inversion. Société Generale en Rankia
Webinar, simplifique su decision de inversion. Société Generale en RankiaWebinar, simplifique su decision de inversion. Société Generale en Rankia
Webinar, simplifique su decision de inversion. Société Generale en RankiaRankia
 
Toma de posesión Exatec Houston - Mar 2012
Toma de posesión Exatec Houston - Mar 2012Toma de posesión Exatec Houston - Mar 2012
Toma de posesión Exatec Houston - Mar 2012Jose Luis Lopez Mota
 
Oso pardo
Oso pardoOso pardo
Oso pardowebedu
 
Inteligencia emocional nmenap
Inteligencia emocional nmenapInteligencia emocional nmenap
Inteligencia emocional nmenapNmenap
 
Noves competències per a la gestió del canvi: digital empowerment i innovació
Noves competències per a  la gestió del canvi: digital empowerment i innovacióNoves competències per a  la gestió del canvi: digital empowerment i innovació
Noves competències per a la gestió del canvi: digital empowerment i innovacióIsmael Peña-López
 
CONCURSO DERECHOS HUMANOS DEFENSOR DEL PUEBLO. Trabajos alumnos del CEO La Si...
CONCURSO DERECHOS HUMANOS DEFENSOR DEL PUEBLO. Trabajos alumnos del CEO La Si...CONCURSO DERECHOS HUMANOS DEFENSOR DEL PUEBLO. Trabajos alumnos del CEO La Si...
CONCURSO DERECHOS HUMANOS DEFENSOR DEL PUEBLO. Trabajos alumnos del CEO La Si...Diego Sobrino López
 
Hongyu Alu-Co presentation
Hongyu Alu-Co presentationHongyu Alu-Co presentation
Hongyu Alu-Co presentationSally Zhou
 
Escuela de comercio n°31 de 9 cs ec (1)
Escuela de comercio n°31 de 9 cs ec (1)Escuela de comercio n°31 de 9 cs ec (1)
Escuela de comercio n°31 de 9 cs ec (1)graorti
 
El sistema casandra para forex
El sistema casandra para forexEl sistema casandra para forex
El sistema casandra para forexRankia
 
TURBIECSA PRESENTACIÓN 26.10.2016
TURBIECSA PRESENTACIÓN 26.10.2016 TURBIECSA PRESENTACIÓN 26.10.2016
TURBIECSA PRESENTACIÓN 26.10.2016 David Cifuentes
 
Herramientas Web 2.0 Escuela Europea
Herramientas Web 2.0  Escuela EuropeaHerramientas Web 2.0  Escuela Europea
Herramientas Web 2.0 Escuela EuropeaEstrella Gancedo
 
Comunidades de practica programa hispano argentino_sobre_gobernabilidad_y_adm...
Comunidades de practica programa hispano argentino_sobre_gobernabilidad_y_adm...Comunidades de practica programa hispano argentino_sobre_gobernabilidad_y_adm...
Comunidades de practica programa hispano argentino_sobre_gobernabilidad_y_adm...Departament de Justicia
 
Power point webinar bloggers: 29 de julio
Power point webinar bloggers: 29 de julioPower point webinar bloggers: 29 de julio
Power point webinar bloggers: 29 de julioRankia
 
Campaña antidroga Queirolo Antonella 2°1°
Campaña antidroga Queirolo Antonella 2°1°Campaña antidroga Queirolo Antonella 2°1°
Campaña antidroga Queirolo Antonella 2°1°graorti
 

Destacado (20)

Ponencia David Aranzabal: V Foro de Finanzas Personales (Forinvest)
Ponencia David Aranzabal: V Foro de Finanzas Personales (Forinvest)Ponencia David Aranzabal: V Foro de Finanzas Personales (Forinvest)
Ponencia David Aranzabal: V Foro de Finanzas Personales (Forinvest)
 
Variables que afectan el aprendizaje de la L2
Variables que afectan el aprendizaje de la L2Variables que afectan el aprendizaje de la L2
Variables que afectan el aprendizaje de la L2
 
Webinar, simplifique su decision de inversion. Société Generale en Rankia
Webinar, simplifique su decision de inversion. Société Generale en RankiaWebinar, simplifique su decision de inversion. Société Generale en Rankia
Webinar, simplifique su decision de inversion. Société Generale en Rankia
 
Toma de posesión Exatec Houston - Mar 2012
Toma de posesión Exatec Houston - Mar 2012Toma de posesión Exatec Houston - Mar 2012
Toma de posesión Exatec Houston - Mar 2012
 
Oso pardo
Oso pardoOso pardo
Oso pardo
 
Inteligencia emocional nmenap
Inteligencia emocional nmenapInteligencia emocional nmenap
Inteligencia emocional nmenap
 
Noves competències per a la gestió del canvi: digital empowerment i innovació
Noves competències per a  la gestió del canvi: digital empowerment i innovacióNoves competències per a  la gestió del canvi: digital empowerment i innovació
Noves competències per a la gestió del canvi: digital empowerment i innovació
 
CONCURSO DERECHOS HUMANOS DEFENSOR DEL PUEBLO. Trabajos alumnos del CEO La Si...
CONCURSO DERECHOS HUMANOS DEFENSOR DEL PUEBLO. Trabajos alumnos del CEO La Si...CONCURSO DERECHOS HUMANOS DEFENSOR DEL PUEBLO. Trabajos alumnos del CEO La Si...
CONCURSO DERECHOS HUMANOS DEFENSOR DEL PUEBLO. Trabajos alumnos del CEO La Si...
 
El futuro de la formacion corporativa
El futuro de la formacion corporativaEl futuro de la formacion corporativa
El futuro de la formacion corporativa
 
Hongyu Alu-Co presentation
Hongyu Alu-Co presentationHongyu Alu-Co presentation
Hongyu Alu-Co presentation
 
Escuela de comercio n°31 de 9 cs ec (1)
Escuela de comercio n°31 de 9 cs ec (1)Escuela de comercio n°31 de 9 cs ec (1)
Escuela de comercio n°31 de 9 cs ec (1)
 
El sistema casandra para forex
El sistema casandra para forexEl sistema casandra para forex
El sistema casandra para forex
 
TURBIECSA PRESENTACIÓN 26.10.2016
TURBIECSA PRESENTACIÓN 26.10.2016 TURBIECSA PRESENTACIÓN 26.10.2016
TURBIECSA PRESENTACIÓN 26.10.2016
 
Herramientas Web 2.0 Escuela Europea
Herramientas Web 2.0  Escuela EuropeaHerramientas Web 2.0  Escuela Europea
Herramientas Web 2.0 Escuela Europea
 
Imelda modificado
Imelda modificadoImelda modificado
Imelda modificado
 
TIPOS DE INVESTIGACIÓN
TIPOS DE INVESTIGACIÓNTIPOS DE INVESTIGACIÓN
TIPOS DE INVESTIGACIÓN
 
Comunidades de practica programa hispano argentino_sobre_gobernabilidad_y_adm...
Comunidades de practica programa hispano argentino_sobre_gobernabilidad_y_adm...Comunidades de practica programa hispano argentino_sobre_gobernabilidad_y_adm...
Comunidades de practica programa hispano argentino_sobre_gobernabilidad_y_adm...
 
Power point webinar bloggers: 29 de julio
Power point webinar bloggers: 29 de julioPower point webinar bloggers: 29 de julio
Power point webinar bloggers: 29 de julio
 
Teatro en el cens 44
Teatro en el cens 44Teatro en el cens 44
Teatro en el cens 44
 
Campaña antidroga Queirolo Antonella 2°1°
Campaña antidroga Queirolo Antonella 2°1°Campaña antidroga Queirolo Antonella 2°1°
Campaña antidroga Queirolo Antonella 2°1°
 

Similar a Responsive Design

Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive marion5hayden5
 
Articulo (Responsive Web Desing)
Articulo (Responsive Web Desing)Articulo (Responsive Web Desing)
Articulo (Responsive Web Desing)Giovanni Quagliano
 
Consejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásConsejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásAlojate.com
 
Front End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest MeridaFront End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest MeridaLuis Felipe Perez
 
El gran diseño web (ensayo)
El gran diseño web (ensayo)El gran diseño web (ensayo)
El gran diseño web (ensayo)snax12
 
Diseño web responsive
Diseño web responsiveDiseño web responsive
Diseño web responsiveDE_Marketing
 
Front end basics - Responsive Web Design
Front end basics - Responsive Web DesignFront end basics - Responsive Web Design
Front end basics - Responsive Web DesignNadal Soler
 
PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBMario Martinez
 
Responsive web design
Responsive web designResponsive web design
Responsive web designG2K Hosting
 
Diseño adaptativo y responsive
Diseño adaptativo y responsiveDiseño adaptativo y responsive
Diseño adaptativo y responsiveRenny Batista
 
Mobile inclusive: básicos del responsive design y HTML5
Mobile inclusive: básicos del responsive design y HTML5Mobile inclusive: básicos del responsive design y HTML5
Mobile inclusive: básicos del responsive design y HTML5Carina Novarese
 
Creadores de paginas web
Creadores de paginas webCreadores de paginas web
Creadores de paginas webAdriana Cepeda
 

Similar a Responsive Design (20)

Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
 
Articulo (Responsive Web Desing)
Articulo (Responsive Web Desing)Articulo (Responsive Web Desing)
Articulo (Responsive Web Desing)
 
Consejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásConsejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender Más
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Front End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest MeridaFront End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest Merida
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
El gran diseño web (ensayo)
El gran diseño web (ensayo)El gran diseño web (ensayo)
El gran diseño web (ensayo)
 
Diseño web responsive
Diseño web responsiveDiseño web responsive
Diseño web responsive
 
Front end basics - Responsive Web Design
Front end basics - Responsive Web DesignFront end basics - Responsive Web Design
Front end basics - Responsive Web Design
 
PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEB
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
9.aplicaciones web responsive gene xus
9.aplicaciones web responsive gene xus9.aplicaciones web responsive gene xus
9.aplicaciones web responsive gene xus
 
Que es un diseño web
Que es un diseño webQue es un diseño web
Que es un diseño web
 
Que es un diseño web
Que es un diseño webQue es un diseño web
Que es un diseño web
 
Diseño adaptativo y responsive
Diseño adaptativo y responsiveDiseño adaptativo y responsive
Diseño adaptativo y responsive
 
Mobile inclusive: básicos del responsive design y HTML5
Mobile inclusive: básicos del responsive design y HTML5Mobile inclusive: básicos del responsive design y HTML5
Mobile inclusive: básicos del responsive design y HTML5
 
ing.software
ing.softwareing.software
ing.software
 
Creadores de paginas web
Creadores de paginas webCreadores de paginas web
Creadores de paginas web
 

Último

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 

Último (13)

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 

Responsive Design

  • 1. Adapta tus sitios para que funcionen en cualquier pantalla, dispositivo y resolución con HTML5 y CSS3 Julio Cesar Norabuena Huerta
  • 2. En lugar de construir una website para cada tipo de dispositivo (smartphone, tablet, ordenador desktop, laptop e incluso, hoy en día, para smart TV), se crea una sola website utilizando CSS3 media queries y un layout con imágenes flexibles. De esta forma, la website detecta desde qué clase de dispositivo está accediendo el usuario y muestra la versión más optimizada para ese medio, reorganizando los elementos de la web e incluso discriminando algunos de ellos.  El responsive design corresponde a una tendencia de creación de páginas web que pueden ser visualizadas Perfectamente en todo tipo de dispositivos, desde ordenadores de escritorio hasta smartphones o tablets.  Con este tipo de diseño no necesitas tener una versión para cada dispositivo, una sola web se adapta a todos ellos. Julio Cesar Norabuena Huerta
  • 3.  El HTML5 permite una experiencia excelente para los usuarios, sin el coste de desarrollar una app nativa para cada dispositivo. En resumen, se diría que el responsive design son todo ventajas.  Es fácil de manejar ya que solamente trabajas sobre una website y los resultados serán uniformes en todas las plataformas sin distorsiones en las imágenes o texto. Además, ahorras tiempo y dinero al desarrollar una vez y un pago único de hosting.¿Cómo funcionan los editores web para responsive design? A partir de plantillas personalizables creadas en HTML5 y CSS3 con fluid grids que re-colocan los elementos de la web, dependiendo del espacio disponible según la resolución de pantalla. De esta forma discriminan elementos, texto, pestañas del menú, reducen las imágenes de manera que la navegación sea fluida, intuitiva y se enriquezca la experiencia de usuario. “El mundo siempre cambiante del diseño web, adaptable y adecuándose a las necesidades tanto de los usuarios como de los nuevos dispositivos” Julio Cesar Norabuena Huerta