SlideShare una empresa de Scribd logo
1 de 12
Ejemplos de Diagrama y Elementos de las Paginas WEB
FOX SPORTS
Links Logotipo Score: es un servicio de este web que muestra los resultado en tiempo real  Menú principal Fondo blanco Banner de publicidad  Espacio para la foto Sub-Menu de noticias  Scroll de desplazamiento   Esta es la pagina principal de Fox Sports, en ella se puede apreciar como en esta primera pagina la imagen y un breve lead son los que vende  para que el usuario navegue por el web site
PAGINA SECUNDARIA  En la pagina secundaria de Fox Sports se puede apreciar que el texto  es el que sopesa la importancia de  esta sección.  es destacable que aun así se baje el scroll , el banner de los resultados  acompaña al usuario para que este informado de los juegos.  También es importante ver que el logotipo mantiene su misma posición y además sirve como botón para regresar a la pagina principal.
Radio Activa
Logotipo Menú Principal  Link para cámara Web (video) Fondo de color rojo pensado en 4:3 por ello el negro a los costados  Banner publicitario de movimiento  La pagina principal de radioactiva es un ejemplo como se puede emplear las paginas de  imagen y texto. En lo personal creo que pierde la identidad y termina pareciéndose mas a un blog que un Web Site.
CNN en Español
Banner auto publicitario Logotipo Menú Secundario  Encabezado Caja de Texto  Menú Caja de video  La pagina principal de CNN en Español, presenta un diseño a base de cajas como la de Radio Activa con la diferencia que la organización presentada acá es mas armónica y da un mejo golpe de vista.
o Caracol Radio
Logotipo Caja de Texto  Caja de imagen Banner auto publicitario Menú Principal Sub-Menú Banner  de noticias  ( en movimiento) Link de audio  Banner de Publicidad Link de audio  La pagina de caracol radio  esta dividida por pequeñas cajas de textos que se reparten por toda la margen de la pantalla , donde en color rojo se identifica el tipo de la noticia, los títulos utilizan el color gris con la opción bold y el lead va en un gris normal. Es una página en si maneja tres columnas y el texto esta pro encima de la imagen
The New Yorker
Caja de Imagen Caja de Texto Banner de Publicidad Caja de Imagen Caja de Texto Logotipo Scroll Me pareció interesante analizar una de los Web Sites con mas glamur y que mejor ejemplo que TheNewyorker En su pagina principal podemos apreciar una foto sobria , que  al igual que caracol radio la noticia principal tiene  el tipo de notica lo resalta  en rojo, el bold esta empleado en el titulo y el lead se presenta normal. Lo novedoso esta que  después de las noticia principal la pagina se divide en tres columnas dos para información donde se aprecia una imagen relativamente grande,  al lado el lead y  en la parte superior el título. La tercera columna es reserva da a la publicidad.

Más contenido relacionado

Similar a Ejemplos de Diagrama y Elementos de las Paginas WEB

Similar a Ejemplos de Diagrama y Elementos de las Paginas WEB (20)

Parte webby 1
Parte webby 1Parte webby 1
Parte webby 1
 
Webby awards
Webby awardsWebby awards
Webby awards
 
Mire Diseno09
Mire Diseno09Mire Diseno09
Mire Diseno09
 
Blog3nay
Blog3nayBlog3nay
Blog3nay
 
Blog3
Blog3Blog3
Blog3
 
Linarez alejandro a1
Linarez alejandro a1Linarez alejandro a1
Linarez alejandro a1
 
Cap8a
Cap8aCap8a
Cap8a
 
Grilla de analisis de sitios web
Grilla de analisis de sitios web Grilla de analisis de sitios web
Grilla de analisis de sitios web
 
Grilla de analisis de sitios web
Grilla de analisis de sitios web Grilla de analisis de sitios web
Grilla de analisis de sitios web
 
Grilla de analisis de sitios web 2
Grilla de analisis de sitios web 2Grilla de analisis de sitios web 2
Grilla de analisis de sitios web 2
 
Web con Frontpage
Web con FrontpageWeb con Frontpage
Web con Frontpage
 
FRONTPAGE PARTE I
FRONTPAGE PARTE IFRONTPAGE PARTE I
FRONTPAGE PARTE I
 
Clase7 construccion in design
Clase7 construccion in designClase7 construccion in design
Clase7 construccion in design
 
Paginas web
Paginas webPaginas web
Paginas web
 
Copia de expo
Copia de expoCopia de expo
Copia de expo
 
Capítulo 9
Capítulo 9Capítulo 9
Capítulo 9
 
Time machine
Time machineTime machine
Time machine
 
Ventana power point
Ventana power pointVentana power point
Ventana power point
 
Tp 4
Tp 4Tp 4
Tp 4
 
Sol andole3
Sol andole3Sol andole3
Sol andole3
 

Último

ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoJosDanielEstradaHern
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
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
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
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í
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosJonathanCovena1
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxnandoapperscabanilla
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 

Último (20)

ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
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
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
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
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 

Ejemplos de Diagrama y Elementos de las Paginas WEB

  • 1. Ejemplos de Diagrama y Elementos de las Paginas WEB
  • 3. Links Logotipo Score: es un servicio de este web que muestra los resultado en tiempo real Menú principal Fondo blanco Banner de publicidad Espacio para la foto Sub-Menu de noticias Scroll de desplazamiento Esta es la pagina principal de Fox Sports, en ella se puede apreciar como en esta primera pagina la imagen y un breve lead son los que vende para que el usuario navegue por el web site
  • 4. PAGINA SECUNDARIA En la pagina secundaria de Fox Sports se puede apreciar que el texto es el que sopesa la importancia de esta sección. es destacable que aun así se baje el scroll , el banner de los resultados acompaña al usuario para que este informado de los juegos. También es importante ver que el logotipo mantiene su misma posición y además sirve como botón para regresar a la pagina principal.
  • 6. Logotipo Menú Principal Link para cámara Web (video) Fondo de color rojo pensado en 4:3 por ello el negro a los costados Banner publicitario de movimiento La pagina principal de radioactiva es un ejemplo como se puede emplear las paginas de imagen y texto. En lo personal creo que pierde la identidad y termina pareciéndose mas a un blog que un Web Site.
  • 8. Banner auto publicitario Logotipo Menú Secundario Encabezado Caja de Texto Menú Caja de video La pagina principal de CNN en Español, presenta un diseño a base de cajas como la de Radio Activa con la diferencia que la organización presentada acá es mas armónica y da un mejo golpe de vista.
  • 10. Logotipo Caja de Texto Caja de imagen Banner auto publicitario Menú Principal Sub-Menú Banner de noticias ( en movimiento) Link de audio Banner de Publicidad Link de audio La pagina de caracol radio esta dividida por pequeñas cajas de textos que se reparten por toda la margen de la pantalla , donde en color rojo se identifica el tipo de la noticia, los títulos utilizan el color gris con la opción bold y el lead va en un gris normal. Es una página en si maneja tres columnas y el texto esta pro encima de la imagen
  • 12. Caja de Imagen Caja de Texto Banner de Publicidad Caja de Imagen Caja de Texto Logotipo Scroll Me pareció interesante analizar una de los Web Sites con mas glamur y que mejor ejemplo que TheNewyorker En su pagina principal podemos apreciar una foto sobria , que al igual que caracol radio la noticia principal tiene el tipo de notica lo resalta en rojo, el bold esta empleado en el titulo y el lead se presenta normal. Lo novedoso esta que después de las noticia principal la pagina se divide en tres columnas dos para información donde se aprecia una imagen relativamente grande, al lado el lead y en la parte superior el título. La tercera columna es reserva da a la publicidad.