SlideShare ist ein Scribd-Unternehmen logo
1 von 23
Curso-Taller Latinoamericano a Distancia MÓDLO 2 Diseño Web Docentes:  Daniel Espíndola – Mariana Fossatti
Planificación ,[object Object],[object Object]
Como en toda tarea es importante la conformación de un equipo de trabajo, el mínimo estaría conformado por: Coordinador general  y de contenidos Diseñador gráfico Programador El equipo de trabajo
¿Por dónde empezar? Definamos... ,[object Object],[object Object],[object Object],[object Object]
Diseño centrado en el usuario: un concepto fundamental ,[object Object],[object Object],[object Object],[object Object]
Tener en cuenta... ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un buen diseño es: ,[object Object],[object Object],[object Object],[object Object]
Usabilidad ,[object Object],[object Object],[object Object]
Aspectos de la usabilidad  en el diseño de una web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Arquitectura de información ,[object Object],[object Object],[object Object],[object Object]
A modo de ejemplo: algunas secciones habituales ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Diseño estético ,[object Object],[object Object],[object Object]
En diseño web “menos es más” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Separación entre presentación y contenido ,[object Object],[object Object],[object Object],[object Object]
Cumplimiento de estándares ,[object Object],[object Object],[object Object],[object Object],[object Object]
Accesibilidad ,[object Object],[object Object],[object Object]
 
Pocisionamiento: visibilidad y encontrabilidad ,[object Object],[object Object],[object Object]
Posicionamiento técnico  ,[object Object],[object Object],[object Object]
Consejos de posicionamiento técnico  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Posicionamiento social ,[object Object],[object Object]
Consejos de posicionamiento social ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Para profundizar... ,[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Was ist angesagt?

Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0
dwebslide
 
Proyecto,deber
Proyecto,deberProyecto,deber
Proyecto,deber
tany2326
 
Pagina web y cazatesoro
Pagina web y cazatesoroPagina web y cazatesoro
Pagina web y cazatesoro
David Fandinho
 

Was ist angesagt? (20)

Presentación evolución de la web 10-05
Presentación evolución de la web 10-05Presentación evolución de la web 10-05
Presentación evolución de la web 10-05
 
Tipos de sitio web
Tipos de sitio webTipos de sitio web
Tipos de sitio web
 
Páginas web
Páginas webPáginas web
Páginas web
 
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
 
Gestion de contenidos en Internet
Gestion de contenidos en InternetGestion de contenidos en Internet
Gestion de contenidos en Internet
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
 
Tipos de Sitios Web
Tipos de Sitios WebTipos de Sitios Web
Tipos de Sitios Web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Herramientas web - Luis Ramirez
Herramientas web - Luis RamirezHerramientas web - Luis Ramirez
Herramientas web - Luis Ramirez
 
Principios básicos de diseño web
Principios básicos de diseño webPrincipios básicos de diseño web
Principios básicos de diseño web
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0
 
Actividad uno páginas web
Actividad uno páginas web Actividad uno páginas web
Actividad uno páginas web
 
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
 
Proyecto,deber
Proyecto,deberProyecto,deber
Proyecto,deber
 
Pagina web y cazatesoro
Pagina web y cazatesoroPagina web y cazatesoro
Pagina web y cazatesoro
 

Andere mochten auch (6)

Escalopíns de tenreira á pementa
Escalopíns de tenreira á pementaEscalopíns de tenreira á pementa
Escalopíns de tenreira á pementa
 
Cómo hacer un curso abierto
Cómo hacer un curso abiertoCómo hacer un curso abierto
Cómo hacer un curso abierto
 
Políticas públicas para la cultura libre
Políticas públicas para la cultura librePolíticas públicas para la cultura libre
Políticas públicas para la cultura libre
 
Guía cursos inscripción continua
Guía cursos inscripción continuaGuía cursos inscripción continua
Guía cursos inscripción continua
 
Taller cultura remix
Taller cultura remixTaller cultura remix
Taller cultura remix
 
Resumen tema 3 #encirc14
Resumen tema 3 #encirc14Resumen tema 3 #encirc14
Resumen tema 3 #encirc14
 

Ähnlich wie M2 DiseñO Web

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
 
Documentacion ihm3
Documentacion ihm3Documentacion ihm3
Documentacion ihm3
coorie100
 
Cuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masCuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web mas
Isabel Ojeda
 
Cuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masCuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web mas
Isabel Ojeda
 

Ähnlich wie M2 DiseñO Web (20)

M2 Diseño Web
M2   Diseño WebM2   Diseño Web
M2 Diseño Web
 
Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcas
 
Moretti
MorettiMoretti
Moretti
 
Caracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_webCaracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_web
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Presentación Diseño WEB-Wireframe.pptx
Presentación Diseño WEB-Wireframe.pptxPresentación Diseño WEB-Wireframe.pptx
Presentación Diseño WEB-Wireframe.pptx
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño 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
 
Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010
 
Puerta bonita
Puerta bonitaPuerta bonita
Puerta bonita
 
Documentacion ihm3
Documentacion ihm3Documentacion ihm3
Documentacion ihm3
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Cuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masCuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web mas
 
Cuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masCuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web mas
 
Cuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masCuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web mas
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
Guía de evaluación heurística de sitios web
Guía de evaluación heurística de sitios webGuía de evaluación heurística de sitios web
Guía de evaluación heurística de sitios web
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
 

Mehr von Mariana Fossatti

Gestión pública de la cultura en tiempos digitales
Gestión pública de la cultura en tiempos digitalesGestión pública de la cultura en tiempos digitales
Gestión pública de la cultura en tiempos digitales
Mariana Fossatti
 
Módulo 1 Curso Gestión Cultural 2011
Módulo 1 Curso Gestión  Cultural  2011Módulo 1 Curso Gestión  Cultural  2011
Módulo 1 Curso Gestión Cultural 2011
Mariana Fossatti
 
Guía del curso Gestión Cultural 2.0
Guía del curso Gestión Cultural 2.0Guía del curso Gestión Cultural 2.0
Guía del curso Gestión Cultural 2.0
Mariana Fossatti
 
Objetos de aprendizaje y material didáctico en educación a distancia
Objetos de aprendizaje y material didáctico en educación a distancia Objetos de aprendizaje y material didáctico en educación a distancia
Objetos de aprendizaje y material didáctico en educación a distancia
Mariana Fossatti
 
Desarrollo rural y comunicación
Desarrollo rural y comunicaciónDesarrollo rural y comunicación
Desarrollo rural y comunicación
Mariana Fossatti
 
Web 2.0 y aprendizaje colaborativo
Web 2.0 y aprendizaje colaborativoWeb 2.0 y aprendizaje colaborativo
Web 2.0 y aprendizaje colaborativo
Mariana Fossatti
 
Crear, reutilizar y compartir contenidos educativos
Crear, reutilizar y compartir contenidos educativosCrear, reutilizar y compartir contenidos educativos
Crear, reutilizar y compartir contenidos educativos
Mariana Fossatti
 

Mehr von Mariana Fossatti (20)

Curación de contenidos: derechos de autor, licencias y libertad para compartir
Curación de contenidos: derechos de autor, licencias y libertad para compartirCuración de contenidos: derechos de autor, licencias y libertad para compartir
Curación de contenidos: derechos de autor, licencias y libertad para compartir
 
Gestión pública de la cultura en tiempos digitales
Gestión pública de la cultura en tiempos digitalesGestión pública de la cultura en tiempos digitales
Gestión pública de la cultura en tiempos digitales
 
Presentaciones efectivas
Presentaciones efectivasPresentaciones efectivas
Presentaciones efectivas
 
Catálogo de cursos online de cine y literatura 2012. Ártica - Centro Cultural...
Catálogo de cursos online de cine y literatura 2012. Ártica - Centro Cultural...Catálogo de cursos online de cine y literatura 2012. Ártica - Centro Cultural...
Catálogo de cursos online de cine y literatura 2012. Ártica - Centro Cultural...
 
Ártica - Catálogo de cursos y talleres online 2012
Ártica - Catálogo de cursos y talleres online 2012Ártica - Catálogo de cursos y talleres online 2012
Ártica - Catálogo de cursos y talleres online 2012
 
Guía del aula virtual
Guía del aula virtualGuía del aula virtual
Guía del aula virtual
 
Ebook Arte joven y cultura digital
Ebook Arte joven y cultura digitalEbook Arte joven y cultura digital
Ebook Arte joven y cultura digital
 
Módulo 1 GC 2011 parte 3
Módulo 1 GC 2011 parte 3Módulo 1 GC 2011 parte 3
Módulo 1 GC 2011 parte 3
 
Módulo 1 GC parte 2
Módulo 1 GC parte 2Módulo 1 GC parte 2
Módulo 1 GC parte 2
 
Módulo 1 GC parte 1
Módulo 1 GC parte 1Módulo 1 GC parte 1
Módulo 1 GC parte 1
 
Módulo 1 Curso Gestión Cultural 2011
Módulo 1 Curso Gestión  Cultural  2011Módulo 1 Curso Gestión  Cultural  2011
Módulo 1 Curso Gestión Cultural 2011
 
Guía del curso Gestión Cultural 2.0
Guía del curso Gestión Cultural 2.0Guía del curso Gestión Cultural 2.0
Guía del curso Gestión Cultural 2.0
 
Objetos de aprendizaje y material didáctico en educación a distancia
Objetos de aprendizaje y material didáctico en educación a distancia Objetos de aprendizaje y material didáctico en educación a distancia
Objetos de aprendizaje y material didáctico en educación a distancia
 
Gestión cultural independiente a través de Internet
Gestión cultural independiente a través de InternetGestión cultural independiente a través de Internet
Gestión cultural independiente a través de Internet
 
Desarrollo rural y comunicación
Desarrollo rural y comunicaciónDesarrollo rural y comunicación
Desarrollo rural y comunicación
 
Web 2.0 y aprendizaje colaborativo
Web 2.0 y aprendizaje colaborativoWeb 2.0 y aprendizaje colaborativo
Web 2.0 y aprendizaje colaborativo
 
Tema 2 herramientas
Tema 2   herramientasTema 2   herramientas
Tema 2 herramientas
 
Crear, reutilizar y compartir contenidos educativos
Crear, reutilizar y compartir contenidos educativosCrear, reutilizar y compartir contenidos educativos
Crear, reutilizar y compartir contenidos educativos
 
Experiencias m-agriculture
Experiencias m-agriculture Experiencias m-agriculture
Experiencias m-agriculture
 
Conociendo a la generación interactiva
Conociendo a la generación interactivaConociendo a la generación interactiva
Conociendo a la generación interactiva
 

Kürzlich hochgeladen

Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
NancyLoaa
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
JonathanCovena1
 

Kürzlich hochgeladen (20)

GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 

M2 DiseñO Web

  • 1. Curso-Taller Latinoamericano a Distancia MÓDLO 2 Diseño Web Docentes: Daniel Espíndola – Mariana Fossatti
  • 2.
  • 3. Como en toda tarea es importante la conformación de un equipo de trabajo, el mínimo estaría conformado por: Coordinador general y de contenidos Diseñador gráfico Programador El equipo de trabajo
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.  
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.