SlideShare una empresa de Scribd logo
1 de 23
Bryan Gómez
Leidy J. Herrera
Jessica López
Logo
Navegación
White
space
Contenido
Tiene muchos whitespaces
en los que podría poner más
información que sea de
relevancia para el
consumidor. Además, el
menú de navegación es muy
amplio, esto hace que el
consumidor no sepa cual
elegir o cuál le será útil en
el momento.
Footer
Whitespace
Contenido
Redes
Sociales
Contiene la información de
contacto y de las redes
sociales (Facebook, YouTube,
entre otros) donde se
pueden encontrar.
Logo
Contenido
Navegación
El menú de navegación no
es muy extenso, por lo tanto
es mucho más fácil para el
consumidor encontrar la
información que necesita.
A pesar de que la marca es
muy pequeña, por el
contenido de la página web
se puede identificar la
marca.
Contenido
Footer
Redes
sociales
Hacen un buen uso de los
Whitespaces. Estos espacios
ayudan a que la página web
no se vea saturada.
Contiene la información de
contacto y de las redes
sociales, lo cual es muy
importante debido al boom
del marketing digital.
Contenido
Footer
Logo
Navegación
El menú de navegación es
muy extenso, por lo tanto, es
más complicado para el
consumidor encontrar la
información que necesita.
El logo de la marca esta en
una buena posición y con el
tamaño adecuado.
Contenido
Footer
Whitespace
A pesar de contener
bastante contenido, esta
página web no se ve
saturada, hacen buen uso
del espacio y en general
existe una armonía entre las
imagines y los colores.
Su contenido es de
relevancia y actualizado. Se
pueden ver noticias
nacionales e
internacionales.
MARCA TIPO DE PÁGINA WEB
Páginas web de Medios
informativos.
Sitio web de presencia
Galerías de imágenes.
Sitios web administrables
Sitio web de presencia.
 Permite que las páginas Web se puedan ver en cualquier tipo de dispositivo. En
vez de crear una Web para cada dispositivo se crea una sola website usando CSS3
que permite adaptar la representación del contenido a características de cualquier
dispositivo y de esa forma la website detecta desde qué clase de dispositivo está
accediendo el usuario para mostrar la versión más optimizada para ese medio.
Marca Responsive Web Design
Se puede optimizar para móviles.
Se puede optimizar para móviles.
No se puede optimizar para móviles.
Celular 2017
Teléfono móvil
• Error • Alerta • Aprobado
• Error
• Alerta
• Aprobado
• Error
• Alerta
• Aprobado
Unidad 2. Páginas Web
Unidad 2. Páginas Web

Más contenido relacionado

La actualidad más candente

Gestion de contenidos en Internet
Gestion de contenidos en InternetGestion de contenidos en Internet
Gestion de contenidos en InternetRankia
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta samantaaaaaa
 
Aprende cómo tener una Web Efectiva para tu Empresa
Aprende cómo tener una Web Efectiva para tu EmpresaAprende cómo tener una Web Efectiva para tu Empresa
Aprende cómo tener una Web Efectiva para tu EmpresaJuan Merodio
 
Las características y las partes que debe tener un sitio web
Las características y las partes  que debe tener un sitio web Las características y las partes  que debe tener un sitio web
Las características y las partes que debe tener un sitio web HUGOJAREDSANCHEZMARTINEZ
 
Tendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXTendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXJavier da Costa
 
Alternativas y opciones de Publicidad Online en Latinoamérica.
Alternativas y opciones de Publicidad Online en Latinoamérica.Alternativas y opciones de Publicidad Online en Latinoamérica.
Alternativas y opciones de Publicidad Online en Latinoamérica.Interlat
 

La actualidad más candente (8)

Gestion de contenidos en Internet
Gestion de contenidos en InternetGestion de contenidos en Internet
Gestion de contenidos en Internet
 
Actividad baldit(2) (1)
Actividad baldit(2) (1)Actividad baldit(2) (1)
Actividad baldit(2) (1)
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Aprende cómo tener una Web Efectiva para tu Empresa
Aprende cómo tener una Web Efectiva para tu EmpresaAprende cómo tener una Web Efectiva para tu Empresa
Aprende cómo tener una Web Efectiva para tu Empresa
 
Pagina web o sitio web
Pagina web o sitio webPagina web o sitio web
Pagina web o sitio web
 
Las características y las partes que debe tener un sitio web
Las características y las partes  que debe tener un sitio web Las características y las partes  que debe tener un sitio web
Las características y las partes que debe tener un sitio web
 
Tendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXTendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UX
 
Alternativas y opciones de Publicidad Online en Latinoamérica.
Alternativas y opciones de Publicidad Online en Latinoamérica.Alternativas y opciones de Publicidad Online en Latinoamérica.
Alternativas y opciones de Publicidad Online en Latinoamérica.
 

Similar a Unidad 2. Páginas Web

Similar a Unidad 2. Páginas Web (20)

Actividad 1
Actividad 1Actividad 1
Actividad 1
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
Moretti
MorettiMoretti
Moretti
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Presentación evolución de la web 10-05
Presentación evolución de la web 10-05Presentación evolución de la web 10-05
Presentación evolución de la web 10-05
 
SITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoSITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimiento
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 
Diseño de Pagina Web
Diseño de Pagina WebDiseño de Pagina Web
Diseño de Pagina Web
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2
 
Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)
 
Ensayo
EnsayoEnsayo
Ensayo
 
M2 DiseñO Web
M2   DiseñO WebM2   DiseñO Web
M2 DiseñO Web
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)i
 
Marketing Online
Marketing OnlineMarketing Online
Marketing Online
 
Introducción creación web aula madrid tecnología 2010
Introducción creación web aula madrid  tecnología 2010Introducción creación web aula madrid  tecnología 2010
Introducción creación web aula madrid tecnología 2010
 
Páginas web
Páginas webPáginas web
Páginas web
 
Páginas web
Páginas webPáginas web
Páginas web
 

Último

texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024AndreRiva2
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
celula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicacelula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicaFlor Idalia Espinoza Ortega
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 

Último (20)

texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
celula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicacelula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamica
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 

Unidad 2. Páginas Web

  • 1. Bryan Gómez Leidy J. Herrera Jessica López
  • 2.
  • 3. Logo Navegación White space Contenido Tiene muchos whitespaces en los que podría poner más información que sea de relevancia para el consumidor. Además, el menú de navegación es muy amplio, esto hace que el consumidor no sepa cual elegir o cuál le será útil en el momento.
  • 4. Footer Whitespace Contenido Redes Sociales Contiene la información de contacto y de las redes sociales (Facebook, YouTube, entre otros) donde se pueden encontrar.
  • 5. Logo Contenido Navegación El menú de navegación no es muy extenso, por lo tanto es mucho más fácil para el consumidor encontrar la información que necesita. A pesar de que la marca es muy pequeña, por el contenido de la página web se puede identificar la marca.
  • 6. Contenido Footer Redes sociales Hacen un buen uso de los Whitespaces. Estos espacios ayudan a que la página web no se vea saturada. Contiene la información de contacto y de las redes sociales, lo cual es muy importante debido al boom del marketing digital.
  • 7. Contenido Footer Logo Navegación El menú de navegación es muy extenso, por lo tanto, es más complicado para el consumidor encontrar la información que necesita. El logo de la marca esta en una buena posición y con el tamaño adecuado.
  • 8. Contenido Footer Whitespace A pesar de contener bastante contenido, esta página web no se ve saturada, hacen buen uso del espacio y en general existe una armonía entre las imagines y los colores. Su contenido es de relevancia y actualizado. Se pueden ver noticias nacionales e internacionales.
  • 9. MARCA TIPO DE PÁGINA WEB Páginas web de Medios informativos. Sitio web de presencia Galerías de imágenes. Sitios web administrables Sitio web de presencia.
  • 10.  Permite que las páginas Web se puedan ver en cualquier tipo de dispositivo. En vez de crear una Web para cada dispositivo se crea una sola website usando CSS3 que permite adaptar la representación del contenido a características de cualquier dispositivo y de esa forma la website detecta desde qué clase de dispositivo está accediendo el usuario para mostrar la versión más optimizada para ese medio. Marca Responsive Web Design Se puede optimizar para móviles. Se puede optimizar para móviles. No se puede optimizar para móviles.
  • 11.
  • 13.
  • 14.
  • 15. • Error • Alerta • Aprobado
  • 16.
  • 17.
  • 19.
  • 20.