SlideShare una empresa de Scribd logo
1 de 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]

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Destacado (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 a Clase4 Pdigital2008 II (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
 

Más de 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
 

Más de 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?
 

Último

Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 

Último (11)

Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 

Clase4 Pdigital2008 II