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 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 de  como se puede emplear  las cajas de  imagen y texto. En lo personal creo que  esta pagina pierde la identidad y termina pareciéndose mas a un blog que a 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 el color rojo 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 que  en si maneja tres columnas y el texto esta por 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 un Web Sites con glamur, y que mejor ejemplo que TheNewyorker En su pagina principal podemos apreciar una foto sobria , que  al igual que caracol radio el tipo de notica lo resalta  el  color rojo, el bold esta empleado en el titulo y el lead se presenta normal. Lo llamativo 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

La actualidad más candente

Objetivos de la radio
Objetivos de la radioObjetivos de la radio
Objetivos de la radioArdursCorp
 
Tutorial de wix.com
Tutorial de wix.comTutorial de wix.com
Tutorial de wix.comacarrera12
 
Tipos de mapas de navegación multimedia
Tipos de mapas de navegación multimediaTipos de mapas de navegación multimedia
Tipos de mapas de navegación multimediaIsabel Lezcano
 
Clase evaluación de campañas publicitarias 2014
Clase evaluación de campañas publicitarias 2014 Clase evaluación de campañas publicitarias 2014
Clase evaluación de campañas publicitarias 2014 erickgadino
 
Plataformas de desarrollo web
Plataformas de desarrollo webPlataformas de desarrollo web
Plataformas de desarrollo webfany concepcion
 
Normas básicas para el diseño de un periódico digital y elementos específicos...
Normas básicas para el diseño de un periódico digital y elementos específicos...Normas básicas para el diseño de un periódico digital y elementos específicos...
Normas básicas para el diseño de un periódico digital y elementos específicos...UTPL UTPL
 
FORMATOS TELEVISIVOS
FORMATOS TELEVISIVOSFORMATOS TELEVISIVOS
FORMATOS TELEVISIVOSDavid Nuñez
 
Clase no. 2 Análisis e Interpretación de Gráficas Estadísticas
Clase no. 2 Análisis e Interpretación de Gráficas Estadísticas Clase no. 2 Análisis e Interpretación de Gráficas Estadísticas
Clase no. 2 Análisis e Interpretación de Gráficas Estadísticas Danny Estrada
 
Ejercicio práctico sobre recursos visuales que usa la Publicidad
Ejercicio práctico sobre recursos visuales que usa la PublicidadEjercicio práctico sobre recursos visuales que usa la Publicidad
Ejercicio práctico sobre recursos visuales que usa la PublicidadPaco Contreras
 
Ejemplo guion cuña radial Maritza
Ejemplo guion cuña radial MaritzaEjemplo guion cuña radial Maritza
Ejemplo guion cuña radial Maritzaperiodista812
 
Uso y funciones de las wikis
Uso y funciones de las wikisUso y funciones de las wikis
Uso y funciones de las wikisSergio Cabrera
 
Tipos de vista de power point
Tipos de vista de power pointTipos de vista de power point
Tipos de vista de power pointkary-1087
 
Presentacion de buscadores
Presentacion de buscadoresPresentacion de buscadores
Presentacion de buscadorescamilorovira
 

La actualidad más candente (20)

Objetivos de la radio
Objetivos de la radioObjetivos de la radio
Objetivos de la radio
 
Tutorial de wix.com
Tutorial de wix.comTutorial de wix.com
Tutorial de wix.com
 
Taller en power point
Taller en power pointTaller en power point
Taller en power point
 
Tipos de mapas de navegación multimedia
Tipos de mapas de navegación multimediaTipos de mapas de navegación multimedia
Tipos de mapas de navegación multimedia
 
Clase evaluación de campañas publicitarias 2014
Clase evaluación de campañas publicitarias 2014 Clase evaluación de campañas publicitarias 2014
Clase evaluación de campañas publicitarias 2014
 
Plataformas de desarrollo web
Plataformas de desarrollo webPlataformas de desarrollo web
Plataformas de desarrollo web
 
Normas básicas para el diseño de un periódico digital y elementos específicos...
Normas básicas para el diseño de un periódico digital y elementos específicos...Normas básicas para el diseño de un periódico digital y elementos específicos...
Normas básicas para el diseño de un periódico digital y elementos específicos...
 
Diseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.pptDiseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.ppt
 
FORMATOS TELEVISIVOS
FORMATOS TELEVISIVOSFORMATOS TELEVISIVOS
FORMATOS TELEVISIVOS
 
Brief Publicitario
Brief PublicitarioBrief Publicitario
Brief Publicitario
 
Clase no. 2 Análisis e Interpretación de Gráficas Estadísticas
Clase no. 2 Análisis e Interpretación de Gráficas Estadísticas Clase no. 2 Análisis e Interpretación de Gráficas Estadísticas
Clase no. 2 Análisis e Interpretación de Gráficas Estadísticas
 
Ejercicio práctico sobre recursos visuales que usa la Publicidad
Ejercicio práctico sobre recursos visuales que usa la PublicidadEjercicio práctico sobre recursos visuales que usa la Publicidad
Ejercicio práctico sobre recursos visuales que usa la Publicidad
 
LA PUBLICIDAD EN LA PRENSA
LA PUBLICIDAD EN LA PRENSA LA PUBLICIDAD EN LA PRENSA
LA PUBLICIDAD EN LA PRENSA
 
Ejemplo guion cuña radial Maritza
Ejemplo guion cuña radial MaritzaEjemplo guion cuña radial Maritza
Ejemplo guion cuña radial Maritza
 
El periódico y su estructura
El periódico y su estructuraEl periódico y su estructura
El periódico y su estructura
 
Uso y funciones de las wikis
Uso y funciones de las wikisUso y funciones de las wikis
Uso y funciones de las wikis
 
Teoría de Medios
Teoría de MediosTeoría de Medios
Teoría de Medios
 
Consideraciones éticas sobre las RR.PP.
Consideraciones éticas sobre las RR.PP.Consideraciones éticas sobre las RR.PP.
Consideraciones éticas sobre las RR.PP.
 
Tipos de vista de power point
Tipos de vista de power pointTipos de vista de power point
Tipos de vista de power point
 
Presentacion de buscadores
Presentacion de buscadoresPresentacion de buscadores
Presentacion de buscadores
 

Destacado

Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visualderrislema
 
Diseño ui/ux en iOS
Diseño ui/ux en iOSDiseño ui/ux en iOS
Diseño ui/ux en iOSIzaskun Saez
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadAdriana Tienda
 
Identidad, interfaz y usuario
Identidad, interfaz y usuarioIdentidad, interfaz y usuario
Identidad, interfaz y usuarioLorena Hevia
 
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolSimple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolKoombea
 
Uso del color en el diseño web
Uso del color en el diseño webUso del color en el diseño web
Uso del color en el diseño webCyberIntellix
 
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacciónClase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacciónDaniel Carranza
 
Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerJosé Ma. Medina
 
Presentación Teoria Del Color
Presentación  Teoria Del  ColorPresentación  Teoria Del  Color
Presentación Teoria Del Colorguestc86401
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UIAndrea Cantú
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicasespanol
 

Destacado (15)

Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visual
 
Color en diseño web
Color en diseño webColor en diseño web
Color en diseño web
 
Diseño ui/ux en iOS
Diseño ui/ux en iOSDiseño ui/ux en iOS
Diseño ui/ux en iOS
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y Usabilidad
 
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno WebLa Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
 
Identidad, interfaz y usuario
Identidad, interfaz y usuarioIdentidad, interfaz y usuario
Identidad, interfaz y usuario
 
UX Creando Experiencias
UX Creando ExperienciasUX Creando Experiencias
UX Creando Experiencias
 
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolSimple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
 
Uso del color en el diseño web
Uso del color en el diseño webUso del color en el diseño web
Uso del color en el diseño web
 
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacciónClase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacción
 
Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designer
 
Presentación Teoria Del Color
Presentación  Teoria Del  ColorPresentación  Teoria Del  Color
Presentación Teoria Del Color
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicas
 

Similar a "Ejemplos de Diagrama y Elementos de las Paginas WEB"

Ejemplos de Diagrama y Elementos de las Paginas WEB
Ejemplos de Diagrama y Elementos de las Paginas WEBEjemplos de Diagrama y Elementos de las Paginas WEB
Ejemplos de Diagrama y Elementos de las Paginas WEBogms
 
Análisis Semiótico de un Sitio Web
Análisis Semiótico de un Sitio WebAnálisis Semiótico de un Sitio Web
Análisis Semiótico de un Sitio Websemimag
 
Digitaldixit.com - Web Design Proposal
Digitaldixit.com - Web Design ProposalDigitaldixit.com - Web Design Proposal
Digitaldixit.com - Web Design Proposalnoradriana.com
 
Linarez alejandro a1
Linarez alejandro a1Linarez alejandro a1
Linarez alejandro a1Ale-Gabriel
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10marinonema2
 
Blog3nay
Blog3nayBlog3nay
Blog3naynaye02
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantallasalolaya
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantallasalolaya
 
Presentaciones elecrónicas e Impress
Presentaciones elecrónicas e ImpressPresentaciones elecrónicas e Impress
Presentaciones elecrónicas e ImpressMichelle Silva Cuenca
 

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

Ejemplos de Diagrama y Elementos de las Paginas WEB
Ejemplos de Diagrama y Elementos de las Paginas WEBEjemplos de Diagrama y Elementos de las Paginas WEB
Ejemplos de Diagrama y Elementos de las Paginas WEB
 
Análisis Semiótico de un Sitio Web
Análisis Semiótico de un Sitio WebAnálisis Semiótico de un Sitio Web
Análisis Semiótico de un Sitio Web
 
Digitaldixit.com - Web Design Proposal
Digitaldixit.com - Web Design ProposalDigitaldixit.com - Web Design Proposal
Digitaldixit.com - Web Design Proposal
 
Parte webby 1
Parte webby 1Parte webby 1
Parte webby 1
 
Mire Diseno09
Mire Diseno09Mire Diseno09
Mire Diseno09
 
Webby awards
Webby awardsWebby awards
Webby awards
 
Linarez alejandro a1
Linarez alejandro a1Linarez alejandro a1
Linarez alejandro a1
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10
 
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
 
Clase7 construccion in design
Clase7 construccion in designClase7 construccion in design
Clase7 construccion in design
 
Blog3nay
Blog3nayBlog3nay
Blog3nay
 
Blog3
Blog3Blog3
Blog3
 
Cap8a
Cap8aCap8a
Cap8a
 
Capítulo 9
Capítulo 9Capítulo 9
Capítulo 9
 
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
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantalla
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantalla
 
Presentaciones elecrónicas e Impress
Presentaciones elecrónicas e ImpressPresentaciones elecrónicas e Impress
Presentaciones elecrónicas e Impress
 
Paginas web
Paginas webPaginas web
Paginas web
 

Último

TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIAAbelardoVelaAlbrecht1
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
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
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxMartín Ramírez
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfEDILIAGAMBOA
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfNataliaMalky1
 

Último (20)

TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.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
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdf
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
 

"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 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 de como se puede emplear las cajas de imagen y texto. En lo personal creo que esta pagina pierde la identidad y termina pareciéndose mas a un blog que a 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 el color rojo 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 que en si maneja tres columnas y el texto esta por 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 un Web Sites con glamur, y que mejor ejemplo que TheNewyorker En su pagina principal podemos apreciar una foto sobria , que al igual que caracol radio el tipo de notica lo resalta el color rojo, el bold esta empleado en el titulo y el lead se presenta normal. Lo llamativo 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.