SlideShare una empresa de Scribd logo
1 de 11
¿En qué consiste una Web Responsive?
Características y ventajas del Web Responsive
Características
Adaptar el ancho de la web al
ancho del dispositivo.
Reorganización de los contenidos y
elementos de la web.
Simplificar la web.
Cambio de apariencia de algunos
elementos.
Ventajas
Aumento de la velocidad de carga.
Mejora de las conversiones y de la
experiencia del usuario.
Mejora del posicionamiento en
buscadores.
Evita los contenidos duplicados.
Permite reducir el tiempo de
desarrollo.
Creación de una misma URL
independientemente del dispositivo
utilizado.
Ahorro de tiempo y de costes de
mantenimiento.
Importancia de una Web Responsive
Beneficios de una Web Responsive
Flexibilidad
Mayor
recomendación
Mejora experiencia de usuarios
Rentable
Sin contenido duplicado Aumenta velocidad de carga
¿Cuáles son los frameworks más
utilizados en el diseño de una web
responsive?
Ejemplos de páginas con mejor
diseño web responsive de Internet
Ej. 1: Samsung
Ej. 2: Periódico en línea "The Boston Globe"
Ej.3: Amazon
Ej. 4: YouTube
Conclusión
Bibliografía
40deFiebre. Diseño Responsive. Recuperado el 16 de Junio de 2022, de
https://www.40defiebre.com/que-es/diseno-responsive
InternacionalWeb (2015). Características y ventajas del Diseño Responsive para tu
página web. Recuperado el 16 de Junio de 2022, de
https://www.internacionalweb.com/noticias/caracteristicas-y-ventajas-del-diseno-
responsive-para-tu-pagina-web
isidrodelarosa (2017). ¿Qué es un diseño responsive? Características y ventajas.
Recuperado el 16 de Junio de 2022, de https://www.isidrodelarosa.com/que-es-un-
diseno-responsive-caracteristicas-y-ventajas/
INTERNET YA (2020). La importancia de un diseño web responsive. Recuperado el 16
de Junio de 2022, de https://www.internetya.co/la-importancia-de-un-diseno-web-
responsive/
Santa Maria, L. (2015). Doce beneficios de un diseño web responsive. Recuperado el
16 de Junio de 2022, de https://www.staffcreativa.pe/blog/beneficios-diseno-web-
responsive/
Gomez, N. (2021). Los mejores Frameworks destinados al diseño web adaptativas.
Recuperado el 16 de Junio de 2022, de https://www.headsem.com/los-mejores-
framework-para-web-responsive/

Más contenido relacionado

Similar a lobo.pptx

Presentación Web 2.0 y Estandares
Presentación Web 2.0 y EstandaresPresentación Web 2.0 y Estandares
Presentación Web 2.0 y EstandaresEric Menjivar
 
Metodologia Desarrollo Web
Metodologia Desarrollo WebMetodologia Desarrollo Web
Metodologia Desarrollo WebCondo Consulting
 
Metodologia Desarrollo Web Efectivo
Metodologia Desarrollo Web EfectivoMetodologia Desarrollo Web Efectivo
Metodologia Desarrollo Web EfectivoCondo Consulting
 
Qué son estándares web
Qué son estándares webQué son estándares web
Qué son estándares webtecnologhy2013
 
Seguridad Usabilidad Posicionamiento
Seguridad Usabilidad PosicionamientoSeguridad Usabilidad Posicionamiento
Seguridad Usabilidad PosicionamientoAlberto García
 
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
 
Responsive web design
Responsive web designResponsive web design
Responsive web designkshima02x
 
SEO para Baidu - Seoplus2019
SEO para Baidu - Seoplus2019SEO para Baidu - Seoplus2019
SEO para Baidu - Seoplus2019Victoria Becerra
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia webMeli Vidal
 
Responsive web design
Responsive web designResponsive web design
Responsive web designG2K Hosting
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidadricardogil
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuelagraciela henriquez
 
Usabilidad (web)
Usabilidad (web)Usabilidad (web)
Usabilidad (web)Vladimir
 

Similar a lobo.pptx (20)

Presentación Web 2.0 y Estandares
Presentación Web 2.0 y EstandaresPresentación Web 2.0 y Estandares
Presentación Web 2.0 y Estandares
 
Metodologia Desarrollo Web
Metodologia Desarrollo WebMetodologia Desarrollo Web
Metodologia Desarrollo Web
 
Metodologia Desarrollo Web Efectivo
Metodologia Desarrollo Web EfectivoMetodologia Desarrollo Web Efectivo
Metodologia Desarrollo Web Efectivo
 
MMA & Dossier - Charla M-Commerce
MMA & Dossier - Charla M-CommerceMMA & Dossier - Charla M-Commerce
MMA & Dossier - Charla M-Commerce
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
Mapas de navegación
Mapas de navegaciónMapas de navegación
Mapas de navegación
 
Qué son estándares web
Qué son estándares webQué son estándares web
Qué son estándares web
 
Seguridad Usabilidad Posicionamiento
Seguridad Usabilidad PosicionamientoSeguridad Usabilidad Posicionamiento
Seguridad Usabilidad Posicionamiento
 
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
 
Usabilidad y ergonomía en el diseño
Usabilidad y ergonomía en el diseñoUsabilidad y ergonomía en el diseño
Usabilidad y ergonomía en el diseño
 
Capitulo 13 sfdsgfg
Capitulo 13  sfdsgfgCapitulo 13  sfdsgfg
Capitulo 13 sfdsgfg
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
SEO para Baidu - Seoplus2019
SEO para Baidu - Seoplus2019SEO para Baidu - Seoplus2019
SEO para Baidu - Seoplus2019
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidad
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Usabilidad (web)
Usabilidad (web)Usabilidad (web)
Usabilidad (web)
 
Diseño
DiseñoDiseño
Diseño
 

Último

PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaratc070603hmcmrha7
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelomabel perez
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfrociomoral626
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxVanessaPobletePoblet
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAPjuanrincon129309
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptxStiugaRoberturux
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...UNACH - Facultad de Arquitectura.
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxjuanenriquetorresjua
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoThaisAymeeTacucheBen
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresKengYoshiIngaOchoa1
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaJosAntonioFloresQuis
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxHarryArmandoLazaroBa
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docMerlyBrisetTorneroLu
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionssuser1ed434
 

Último (20)

PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyenda
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelo
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptx
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAP
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf triptico
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzada
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptx
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacion
 

lobo.pptx

  • 1. ¿En qué consiste una Web Responsive?
  • 2. Características y ventajas del Web Responsive Características Adaptar el ancho de la web al ancho del dispositivo. Reorganización de los contenidos y elementos de la web. Simplificar la web. Cambio de apariencia de algunos elementos. Ventajas Aumento de la velocidad de carga. Mejora de las conversiones y de la experiencia del usuario. Mejora del posicionamiento en buscadores. Evita los contenidos duplicados. Permite reducir el tiempo de desarrollo. Creación de una misma URL independientemente del dispositivo utilizado. Ahorro de tiempo y de costes de mantenimiento.
  • 3. Importancia de una Web Responsive
  • 4. Beneficios de una Web Responsive Flexibilidad Mayor recomendación Mejora experiencia de usuarios Rentable Sin contenido duplicado Aumenta velocidad de carga
  • 5. ¿Cuáles son los frameworks más utilizados en el diseño de una web responsive?
  • 6. Ejemplos de páginas con mejor diseño web responsive de Internet Ej. 1: Samsung
  • 7. Ej. 2: Periódico en línea "The Boston Globe"
  • 11. Bibliografía 40deFiebre. Diseño Responsive. Recuperado el 16 de Junio de 2022, de https://www.40defiebre.com/que-es/diseno-responsive InternacionalWeb (2015). Características y ventajas del Diseño Responsive para tu página web. Recuperado el 16 de Junio de 2022, de https://www.internacionalweb.com/noticias/caracteristicas-y-ventajas-del-diseno- responsive-para-tu-pagina-web isidrodelarosa (2017). ¿Qué es un diseño responsive? Características y ventajas. Recuperado el 16 de Junio de 2022, de https://www.isidrodelarosa.com/que-es-un- diseno-responsive-caracteristicas-y-ventajas/ INTERNET YA (2020). La importancia de un diseño web responsive. Recuperado el 16 de Junio de 2022, de https://www.internetya.co/la-importancia-de-un-diseno-web- responsive/ Santa Maria, L. (2015). Doce beneficios de un diseño web responsive. Recuperado el 16 de Junio de 2022, de https://www.staffcreativa.pe/blog/beneficios-diseno-web- responsive/ Gomez, N. (2021). Los mejores Frameworks destinados al diseño web adaptativas. Recuperado el 16 de Junio de 2022, de https://www.headsem.com/los-mejores- framework-para-web-responsive/