SlideShare a Scribd company logo
1 of 21
DISEÑO Y ESTRUCTURA DE UN SITIO WEB  Periodismo Digital, Ciclo 2008-II
Estructura, diseño y contenidos de un sitio web   ,[object Object],El usuario tiene que acceder fácilmente a los contenidos y navegar sin problemas por el sitio web.
¿QUÉ OPINAS DE ESTA PÁGINA?
[object Object],Estructura de un sitio web
[object Object],[object Object]
MAPA DEL SITIO Las instituciones públicas lo utilizan mucho
Características de una web bien diseñada ,[object Object],[object Object],[object Object],[object Object]
Secciones definidas Contenidos de fácil acceso.   amigable
Secciones Resumen de los contenidos de cada sección
CRITERIOS PARA DISEÑAR UN SITIO WEB: USABILIDAD Y ACCESIBILIDAD ,[object Object],[object Object]
Dando click acá, aparecen todas las noticias de espectáculos
[object Object],[object Object]
PÁGINA WEB DEL RENIEC  Estructura simple para que el usuario ubique rápidamente la información que busca.
[object Object],[object Object]
Para poder ver el contenido hay que descargar un lenguaje determinado
El último rediseño de la web de El Comercio en un inicio no consideró que el ancho de banda en el país aún es bajo
¿CÓMO DISEÑAR UNA PÁGINA WEB QUE SEA USABLE Y ACCESIBLE?
La peor página web del mundo.  ¿Por qué?
Consejos para diseñar un sitio web ,[object Object],Ejemplo de contraste. Fondo blanco, tipografía oscura.
[object Object]
[object Object],[object Object]

More Related Content

What's hot

Informe Digitalizado
Informe DigitalizadoInforme Digitalizado
Informe DigitalizadoEduard1541
 
A2paginas w3oII anagisela
A2paginas w3oII anagisela          A2paginas w3oII anagisela
A2paginas w3oII anagisela ssuser8c408d
 
Evolución del internet
Evolución del internetEvolución del internet
Evolución del internetBrian Duque
 
Accesibilidad en la web 2.0
Accesibilidad en la web 2.0Accesibilidad en la web 2.0
Accesibilidad en la web 2.0dwebslide
 
Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0dwebslide
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas webRita Menendez
 
Pagina web Yessika Morales Bueno
Pagina web Yessika Morales BuenoPagina web Yessika Morales Bueno
Pagina web Yessika Morales BuenoYessika Morales
 
A2paginasw3oll alan juarez
A2paginasw3oll alan juarezA2paginasw3oll alan juarez
A2paginasw3oll alan juarezJDkabuto
 
A2paginaw3o2 dianasilva
A2paginaw3o2 dianasilvaA2paginaw3o2 dianasilva
A2paginaw3o2 dianasilvassuser8c408d
 
CARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEBCARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEBgpn
 
Pagina web, blog y microblog
Pagina web, blog y microblogPagina web, blog y microblog
Pagina web, blog y microblogLore Lorenita
 
Diseño y manejo de paginas web
Diseño y manejo de paginas webDiseño y manejo de paginas web
Diseño y manejo de paginas webKevin Arteaga
 
DIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMASDIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMASyuliaajmlg
 
Cuadro Comparativo
Cuadro Comparativo Cuadro Comparativo
Cuadro Comparativo Ximena0202
 

What's hot (20)

Informe Digitalizado
Informe DigitalizadoInforme Digitalizado
Informe Digitalizado
 
Wed 2.0 y 3.0
Wed 2.0 y 3.0Wed 2.0 y 3.0
Wed 2.0 y 3.0
 
A2paginas w3oII anagisela
A2paginas w3oII anagisela          A2paginas w3oII anagisela
A2paginas w3oII anagisela
 
A2paginas w3ii miguelangelpalma
A2paginas w3ii miguelangelpalmaA2paginas w3ii miguelangelpalma
A2paginas w3ii miguelangelpalma
 
Evolución del internet
Evolución del internetEvolución del internet
Evolución del internet
 
Accesibilidad en la web 2.0
Accesibilidad en la web 2.0Accesibilidad en la web 2.0
Accesibilidad en la web 2.0
 
Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0
 
Tipos de paginas web
Tipos de paginas webTipos de paginas web
Tipos de paginas web
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas web
 
Pagina web Yessika Morales Bueno
Pagina web Yessika Morales BuenoPagina web Yessika Morales Bueno
Pagina web Yessika Morales Bueno
 
A2paginasw3oll alan juarez
A2paginasw3oll alan juarezA2paginasw3oll alan juarez
A2paginasw3oll alan juarez
 
A2paginaw3o2 dianasilva
A2paginaw3o2 dianasilvaA2paginaw3o2 dianasilva
A2paginaw3o2 dianasilva
 
CARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEBCARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEB
 
Pagina web, blog y microblog
Pagina web, blog y microblogPagina web, blog y microblog
Pagina web, blog y microblog
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 
Diseño y manejo de paginas web
Diseño y manejo de paginas webDiseño y manejo de paginas web
Diseño y manejo de paginas web
 
Ecommerce Hotelero II
Ecommerce Hotelero IIEcommerce Hotelero II
Ecommerce Hotelero II
 
La pagina web
La pagina webLa pagina web
La pagina web
 
DIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMASDIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMAS
 
Cuadro Comparativo
Cuadro Comparativo Cuadro Comparativo
Cuadro Comparativo
 

Viewers also liked

Viewers also liked (9)

Elementos
ElementosElementos
Elementos
 
Guía HTML5
Guía HTML5Guía HTML5
Guía HTML5
 
Maquetado con HTML y CSS
Maquetado con HTML y CSSMaquetado con HTML y CSS
Maquetado con HTML y CSS
 
Taller maquetacion web
Taller maquetacion webTaller maquetacion web
Taller maquetacion web
 
Pasos para crear tu propia página web
Pasos para crear tu propia página webPasos para crear tu propia página web
Pasos para crear tu propia página web
 
Maquetación Web
Maquetación WebMaquetación Web
Maquetación Web
 
El Gran Libro de Diseño Web
El Gran Libro de Diseño WebEl Gran Libro de Diseño Web
El Gran Libro de Diseño Web
 
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
 
Maquetación web con html5
Maquetación web con html5Maquetación web con html5
Maquetación web con html5
 

Similar to DISEÑO SITIO WEB ACCESIBLE USABLE

Similar to DISEÑO SITIO WEB ACCESIBLE USABLE (20)

Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Sobre la Web 2.0 y estructura de una página web
Sobre la Web 2.0 y estructura de una página webSobre la Web 2.0 y estructura de una página web
Sobre la Web 2.0 y estructura de una página web
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Actividad uno páginas web
Actividad uno páginas web Actividad uno páginas web
Actividad uno páginas web
 
Clase 6
Clase 6Clase 6
Clase 6
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Actividad uno
Actividad uno Actividad uno
Actividad uno
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
pagina web
pagina webpagina web
pagina web
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Mapas de navegación
Mapas de navegaciónMapas de navegación
Mapas de navegación
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
computación
computación computación
computación
 
Web 1.0 2.0 3.0
Web 1.0 2.0 3.0Web 1.0 2.0 3.0
Web 1.0 2.0 3.0
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
 
Web
WebWeb
Web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Recursos web 2.0
Recursos web 2.0Recursos web 2.0
Recursos web 2.0
 

More from edgarcajun

La infografía digital
La infografía digitalLa infografía digital
La infografía digitaledgarcajun
 
Producir Un Videoblog
Producir Un VideoblogProducir Un Videoblog
Producir Un Videoblogedgarcajun
 
Clase9 Pdigital2008 Ii
Clase9 Pdigital2008 IiClase9 Pdigital2008 Ii
Clase9 Pdigital2008 Iiedgarcajun
 
Clase8 Pdigital2008 II
Clase8 Pdigital2008 IIClase8 Pdigital2008 II
Clase8 Pdigital2008 IIedgarcajun
 
Clase7 Pdigital2008 II
Clase7 Pdigital2008 IIClase7 Pdigital2008 II
Clase7 Pdigital2008 IIedgarcajun
 
Clase6 Pdigital2008 II
Clase6 Pdigital2008 IIClase6 Pdigital2008 II
Clase6 Pdigital2008 IIedgarcajun
 
Clase3 Multimedia 2008 II
Clase3 Multimedia 2008 IIClase3 Multimedia 2008 II
Clase3 Multimedia 2008 IIedgarcajun
 
Clase2 Pmult 2008 II
Clase2 Pmult 2008 IIClase2 Pmult 2008 II
Clase2 Pmult 2008 IIedgarcajun
 
Clase1 Multimedia 2008 II
Clase1 Multimedia 2008 IIClase1 Multimedia 2008 II
Clase1 Multimedia 2008 IIedgarcajun
 
Clase5 Pdigital2008 II
Clase5 Pdigital2008 IIClase5 Pdigital2008 II
Clase5 Pdigital2008 IIedgarcajun
 
Clase3 Pdigital2008 II
Clase3 Pdigital2008 IIClase3 Pdigital2008 II
Clase3 Pdigital2008 IIedgarcajun
 
Clase2 Pdigital2008 II
Clase2 Pdigital2008 IIClase2 Pdigital2008 II
Clase2 Pdigital2008 IIedgarcajun
 
Clase1 Pdigital2008 II
Clase1 Pdigital2008 IIClase1 Pdigital2008 II
Clase1 Pdigital2008 IIedgarcajun
 
Producir un videoblog
Producir un videoblogProducir un videoblog
Producir un videoblogedgarcajun
 
Redacción Periodística III
Redacción Periodística IIIRedacción Periodística III
Redacción Periodística IIIedgarcajun
 
Redacción periodística en Internet
Redacción periodística en InternetRedacción periodística en Internet
Redacción periodística en Internetedgarcajun
 
Géneros ciberperiodísticos I: Noticia
Géneros ciberperiodísticos I: NoticiaGéneros ciberperiodísticos I: Noticia
Géneros ciberperiodísticos I: Noticiaedgarcajun
 
¿Cómo hacer un reportaje multimedia?
¿Cómo hacer un reportaje multimedia?¿Cómo hacer un reportaje multimedia?
¿Cómo hacer un reportaje multimedia?edgarcajun
 

More from edgarcajun (20)

La infografía digital
La infografía digitalLa infografía digital
La infografía digital
 
Producir Un Videoblog
Producir Un VideoblogProducir Un Videoblog
Producir Un Videoblog
 
El videoblog
El videoblogEl videoblog
El videoblog
 
Clase9 Pdigital2008 Ii
Clase9 Pdigital2008 IiClase9 Pdigital2008 Ii
Clase9 Pdigital2008 Ii
 
Clase8 Pdigital2008 II
Clase8 Pdigital2008 IIClase8 Pdigital2008 II
Clase8 Pdigital2008 II
 
Clase7 Pdigital2008 II
Clase7 Pdigital2008 IIClase7 Pdigital2008 II
Clase7 Pdigital2008 II
 
Clase6 Pdigital2008 II
Clase6 Pdigital2008 IIClase6 Pdigital2008 II
Clase6 Pdigital2008 II
 
Clase3 Multimedia 2008 II
Clase3 Multimedia 2008 IIClase3 Multimedia 2008 II
Clase3 Multimedia 2008 II
 
Clase2 Pmult 2008 II
Clase2 Pmult 2008 IIClase2 Pmult 2008 II
Clase2 Pmult 2008 II
 
Clase1 Multimedia 2008 II
Clase1 Multimedia 2008 IIClase1 Multimedia 2008 II
Clase1 Multimedia 2008 II
 
Clase5 Pdigital2008 II
Clase5 Pdigital2008 IIClase5 Pdigital2008 II
Clase5 Pdigital2008 II
 
Clase3 Pdigital2008 II
Clase3 Pdigital2008 IIClase3 Pdigital2008 II
Clase3 Pdigital2008 II
 
Clase2 Pdigital2008 II
Clase2 Pdigital2008 IIClase2 Pdigital2008 II
Clase2 Pdigital2008 II
 
Clase1 Pdigital2008 II
Clase1 Pdigital2008 IIClase1 Pdigital2008 II
Clase1 Pdigital2008 II
 
Producir un videoblog
Producir un videoblogProducir un videoblog
Producir un videoblog
 
El Videoblog
El VideoblogEl Videoblog
El Videoblog
 
Redacción Periodística III
Redacción Periodística IIIRedacción Periodística III
Redacción Periodística III
 
Redacción periodística en Internet
Redacción periodística en InternetRedacción periodística en Internet
Redacción periodística en Internet
 
Géneros ciberperiodísticos I: Noticia
Géneros ciberperiodísticos I: NoticiaGéneros ciberperiodísticos I: Noticia
Géneros ciberperiodísticos I: Noticia
 
¿Cómo hacer un reportaje multimedia?
¿Cómo hacer un reportaje multimedia?¿Cómo hacer un reportaje multimedia?
¿Cómo hacer un reportaje multimedia?
 

Recently uploaded

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 

Recently uploaded (16)

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 

DISEÑO SITIO WEB ACCESIBLE USABLE