SlideShare une entreprise Scribd logo
1  sur  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]

Contenu connexe

Tendances

Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0
dwebslide
 
Pagina web Yessika Morales Bueno
Pagina web Yessika Morales BuenoPagina web Yessika Morales Bueno
Pagina web Yessika Morales Bueno
Yessika Morales
 
CARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEBCARACTERISTICAS DE SITIOS WEB
CARACTERISTICAS DE SITIOS WEB
gpn
 
Pagina web, blog y microblog
Pagina web, blog y microblogPagina web, blog y microblog
Pagina web, blog y microblog
Lore 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 web
Kevin Arteaga
 
DIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMASDIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMAS
yuliaajmlg
 

Tendances (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
 

En vedette

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
kksspp
 

En vedette (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
 

Similaire à Clase4 Pdigital2008 II

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
edgarcajun
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
Luisa Perez
 
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
Sebastian Vargas
 

Similaire à 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
 

Plus de edgarcajun

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

Plus 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?
 

Dernier

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Dernier (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