SlideShare ist ein Scribd-Unternehmen logo
1 von 36
Diseño de Páginas Web y Portales Educativos Unidad I. Semiología aplicado al diseño multimedia de páginas Web. Sección de Post Grado Doctorado en Educación Robert Aldo Velásquez Huerta Mg. Informática y Multimedios [email_address]
I. Internet:  Aplicaciones  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones   ,[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones   ,[object Object],[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones   ,[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones   ,[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones   ,[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones   ,[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones Educativas   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones Educativas   ,[object Object],[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones Educativas   ,[object Object],[object Object],[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones Educativas   ,[object Object],[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones Educativas   ,[object Object],[object Object],[object Object],[object Object]
I. Internet:  Aplicaciones Educativas   ,[object Object],[object Object],[object Object]
II. Portales:  ¿Qué es un portal?   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
II. Portales:  Características   ,[object Object],[object Object],[object Object],[object Object],[object Object]
II. Portal:  Aplicaciones Educativas   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
II. Portal:  Aplicaciones Educativas
II. Portal:  Clasificación   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
II. Portal:  Clasificación   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
II. Portal:  Aplicaciones Educativas   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
III. Web educativa:  ¿Qué es? ,[object Object],[object Object],[object Object],[object Object]
III. Web educativa:  Etapas construcción ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
III. Web educativa:  Etapas construcción ,[object Object],[object Object],[object Object],[object Object]
III. Web educativa:  Prediseño ¿para que? OBJETIVOS ¿qué,cuánto? CONTENIDOS ¿para quienes? PUBLICO ¿cómo? ESTRUCTURA ¿cómo? VISUALIZACION Se determinan mutuamente Qué les interesa Cómo buscarán Orientación Estética/ Cultura/ Gustos Cómo se encuentran las cosas Cómo se organizan Qué contener para cumplirlos
III. Web educativa:  Objetivos ,[object Object],[object Object],[object Object],[object Object]
III. Web educativa:  Público ,[object Object],[object Object],[object Object],[object Object],[object Object]
III. Web educativa:  Contenidos ,[object Object],[object Object],[object Object],[object Object]
III. Web educativa:  Estructuras Jerárquica lineal mixta Red ,[object Object],[object Object],[object Object],[object Object]
III. Web educativa:  Visualización ,[object Object],[object Object],[object Object],[object Object],[object Object]
III. Web educativa:  Visualización ,[object Object],[object Object],[object Object]
III. Web educativa:  Consideraciones para el diseño ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
III. Web educativa:  Consideraciones para el diseño ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
III. Web educativa:  Consideraciones para el diseño ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
La información y la libertad son indivisibles. La revolución informática es inimaginable sin la democracia y la verdadera democracia es inimaginable sin la libertad de información.  Kofi Annan

Weitere ähnliche Inhalte

Was ist angesagt?

Presentación1
Presentación1Presentación1
Presentación1
ENE4
 
Productos del curso_tic. 1-5
Productos del curso_tic. 1-5Productos del curso_tic. 1-5
Productos del curso_tic. 1-5
LENYS MAR LÓ
 
Curso tic alis. productos 1-6
Curso tic  alis. productos 1-6Curso tic  alis. productos 1-6
Curso tic alis. productos 1-6
alis80
 

Was ist angesagt? (14)

Portales educativos
Portales educativosPortales educativos
Portales educativos
 
Presentación1
Presentación1Presentación1
Presentación1
 
Productos del curso_tic. 1-5
Productos del curso_tic. 1-5Productos del curso_tic. 1-5
Productos del curso_tic. 1-5
 
Presentación5
Presentación5Presentación5
Presentación5
 
Tic, webs, pel, identidad digital
Tic, webs, pel, identidad digitalTic, webs, pel, identidad digital
Tic, webs, pel, identidad digital
 
Guia de la unidad 5
Guia de la unidad 5Guia de la unidad 5
Guia de la unidad 5
 
Guia de la unidad 5
Guia de la unidad 5Guia de la unidad 5
Guia de la unidad 5
 
Curso tic alis. productos 1-6
Curso tic  alis. productos 1-6Curso tic  alis. productos 1-6
Curso tic alis. productos 1-6
 
Presentación1
Presentación1Presentación1
Presentación1
 
Medios Tecnológicos
Medios TecnológicosMedios Tecnológicos
Medios Tecnológicos
 
Portales educativos
Portales educativosPortales educativos
Portales educativos
 
PÁGINA WEB
PÁGINA  WEBPÁGINA  WEB
PÁGINA WEB
 
Web 1.0,2.0,3.0,4.0[2]
Web 1.0,2.0,3.0,4.0[2]Web 1.0,2.0,3.0,4.0[2]
Web 1.0,2.0,3.0,4.0[2]
 
DOFA Portales Educativos
DOFA Portales EducativosDOFA Portales Educativos
DOFA Portales Educativos
 

Andere mochten auch (8)

O Ateu
O AteuO Ateu
O Ateu
 
Nitc Trabajo Final[1]
Nitc  Trabajo Final[1]Nitc  Trabajo Final[1]
Nitc Trabajo Final[1]
 
Opdracht Informatica
Opdracht InformaticaOpdracht Informatica
Opdracht Informatica
 
AADL: Redesigning for an Information-centric Future
AADL: Redesigning for an Information-centric FutureAADL: Redesigning for an Information-centric Future
AADL: Redesigning for an Information-centric Future
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Groepswerk: Garage tv
Groepswerk: Garage tvGroepswerk: Garage tv
Groepswerk: Garage tv
 
JavaScipt and AJAX Programming
JavaScipt and AJAX ProgrammingJavaScipt and AJAX Programming
JavaScipt and AJAX Programming
 
Microsoft System Center Mobile Device Manager 2008
Microsoft System Center Mobile Device Manager 2008Microsoft System Center Mobile Device Manager 2008
Microsoft System Center Mobile Device Manager 2008
 

Ähnlich wie Diseno Web

C:\Users\Usuario\Desktop\Disco Duro D \Puce Ibarra\Presentacion Pucesi 001
C:\Users\Usuario\Desktop\Disco Duro  D \Puce Ibarra\Presentacion Pucesi 001C:\Users\Usuario\Desktop\Disco Duro  D \Puce Ibarra\Presentacion Pucesi 001
C:\Users\Usuario\Desktop\Disco Duro D \Puce Ibarra\Presentacion Pucesi 001
ESPOCH
 
Presentacion Pucesi 001
Presentacion Pucesi 001Presentacion Pucesi 001
Presentacion Pucesi 001
ESPOCH
 
Expocision tecnologia: que son los portales educativos
Expocision tecnologia: que son los portales educativosExpocision tecnologia: que son los portales educativos
Expocision tecnologia: que son los portales educativos
Melvin Lopez
 
Seleccion ev. y_disenos_de_espacios_web
Seleccion ev. y_disenos_de_espacios_webSeleccion ev. y_disenos_de_espacios_web
Seleccion ev. y_disenos_de_espacios_web
ojetescrew
 
Portales Educativos
Portales EducativosPortales Educativos
Portales Educativos
Tais Ramos
 
Portales educativos fin
Portales educativos finPortales educativos fin
Portales educativos fin
johnval35
 
Productos primera sesion efec
Productos primera sesion efecProductos primera sesion efec
Productos primera sesion efec
Salvador Alcaide
 
E learning portales web.pptx 2012
E learning portales web.pptx 2012E learning portales web.pptx 2012
E learning portales web.pptx 2012
cordoba_04
 

Ähnlich wie Diseno Web (20)

Portales educativos
Portales educativosPortales educativos
Portales educativos
 
PORTALES EDUCATIVOS
PORTALES EDUCATIVOSPORTALES EDUCATIVOS
PORTALES EDUCATIVOS
 
C:\Users\Usuario\Desktop\Disco Duro D \Puce Ibarra\Presentacion Pucesi 001
C:\Users\Usuario\Desktop\Disco Duro  D \Puce Ibarra\Presentacion Pucesi 001C:\Users\Usuario\Desktop\Disco Duro  D \Puce Ibarra\Presentacion Pucesi 001
C:\Users\Usuario\Desktop\Disco Duro D \Puce Ibarra\Presentacion Pucesi 001
 
Presentacion Pucesi 001
Presentacion Pucesi 001Presentacion Pucesi 001
Presentacion Pucesi 001
 
Expocision tecnologia: que son los portales educativos
Expocision tecnologia: que son los portales educativosExpocision tecnologia: que son los portales educativos
Expocision tecnologia: que son los portales educativos
 
Portal educativo
Portal educativo Portal educativo
Portal educativo
 
Seleccion ev. y_disenos_de_espacios_web
Seleccion ev. y_disenos_de_espacios_webSeleccion ev. y_disenos_de_espacios_web
Seleccion ev. y_disenos_de_espacios_web
 
Portales Educativos
Portales EducativosPortales Educativos
Portales Educativos
 
Web 2.0 trabajo
Web 2.0 trabajoWeb 2.0 trabajo
Web 2.0 trabajo
 
Documento electrónico Web
Documento electrónico WebDocumento electrónico Web
Documento electrónico Web
 
Web 2.0 trabajo
Web 2.0 trabajoWeb 2.0 trabajo
Web 2.0 trabajo
 
Portales educativos fin
Portales educativos finPortales educativos fin
Portales educativos fin
 
La Web 2
La Web 2La Web 2
La Web 2
 
La Web 2
La Web 2La Web 2
La Web 2
 
LOS PORTALES EDUCATIVOS
LOS PORTALES EDUCATIVOSLOS PORTALES EDUCATIVOS
LOS PORTALES EDUCATIVOS
 
Productos primera sesion efec
Productos primera sesion efecProductos primera sesion efec
Productos primera sesion efec
 
Productos 1 a 5
Productos 1 a 5Productos 1 a 5
Productos 1 a 5
 
Herramietas informatica clase magistral
Herramietas  informatica clase magistralHerramietas  informatica clase magistral
Herramietas informatica clase magistral
 
E learning portales web.pptx 2012
E learning portales web.pptx 2012E learning portales web.pptx 2012
E learning portales web.pptx 2012
 
Educacionweb
EducacionwebEducacionweb
Educacionweb
 

Mehr von Aldo Velásquez Huerta

Mehr von Aldo Velásquez Huerta (20)

Ensayo La Evaluación de Competencias
Ensayo La Evaluación de CompetenciasEnsayo La Evaluación de Competencias
Ensayo La Evaluación de Competencias
 
Taller competencias UNHEVAL
Taller competencias UNHEVALTaller competencias UNHEVAL
Taller competencias UNHEVAL
 
Blogs
BlogsBlogs
Blogs
 
Conectivismo
ConectivismoConectivismo
Conectivismo
 
Wikissssssss ......
Wikissssssss    ......Wikissssssss    ......
Wikissssssss ......
 
Aprendizaje colaborativo
Aprendizaje colaborativoAprendizaje colaborativo
Aprendizaje colaborativo
 
Taller e xelearning
Taller e xelearningTaller e xelearning
Taller e xelearning
 
1. acreditacion
1. acreditacion1. acreditacion
1. acreditacion
 
Aprender a través de Internet
Aprender a través de InternetAprender a través de Internet
Aprender a través de Internet
 
Ficha RAVH
Ficha RAVHFicha RAVH
Ficha RAVH
 
Bmx
BmxBmx
Bmx
 
Planificacion sitio Web educativo
Planificacion sitio Web educativoPlanificacion sitio Web educativo
Planificacion sitio Web educativo
 
Web educativas
Web educativasWeb educativas
Web educativas
 
Rubricas de Evaluación
Rubricas de EvaluaciónRubricas de Evaluación
Rubricas de Evaluación
 
Tecnologa educativa
Tecnologa educativaTecnologa educativa
Tecnologa educativa
 
Planificacion del proyecto
Planificacion del proyectoPlanificacion del proyecto
Planificacion del proyecto
 
Identificacion del proyecto
Identificacion del proyectoIdentificacion del proyecto
Identificacion del proyecto
 
Metodologia de proyectos
Metodologia de proyectosMetodologia de proyectos
Metodologia de proyectos
 
TICs y Educacion
TICs y EducacionTICs y Educacion
TICs y Educacion
 
Fundamentos de Internet
Fundamentos de InternetFundamentos de Internet
Fundamentos de Internet
 

Kürzlich hochgeladen

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Kürzlich hochgeladen (11)

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
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
 
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
 
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
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
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...
 
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
 
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.
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 

Diseno Web

  • 1. Diseño de Páginas Web y Portales Educativos Unidad I. Semiología aplicado al diseño multimedia de páginas Web. Sección de Post Grado Doctorado en Educación Robert Aldo Velásquez Huerta Mg. Informática y Multimedios [email_address]
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19. II. Portal: Aplicaciones Educativas
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. III. Web educativa: Prediseño ¿para que? OBJETIVOS ¿qué,cuánto? CONTENIDOS ¿para quienes? PUBLICO ¿cómo? ESTRUCTURA ¿cómo? VISUALIZACION Se determinan mutuamente Qué les interesa Cómo buscarán Orientación Estética/ Cultura/ Gustos Cómo se encuentran las cosas Cómo se organizan Qué contener para cumplirlos
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36. La información y la libertad son indivisibles. La revolución informática es inimaginable sin la democracia y la verdadera democracia es inimaginable sin la libertad de información. Kofi Annan