webeducativas.pdf

Aplicaciones de creación y
presentación de información
educativa
Aplicaciones/herramientas
Editores/
programación
Herramientas
de autor
Blogs
Wiki
Bases de datos
Mapas conceptuales
Pàginas web
Presentaciones
multimedia (PPT,
OpenOffice,
Keynotes…)
Aplicaciones
multimedia (flash, …)
Web educativas
•  Concepto
“espacios o páginas en la WWW que ofrecen
información, recursos o materiales
relacionados con el campo o ámbito de la
educación” (Area, 2003)
Web educativas
•  Tipos
Informativas
Obtención de datos o información
Formativas
Intencionalidad instructiva
Lucrativa
Función lúdica
Técnica
Información y soporte técnico
Web educativas
Características de las páginas web
educativas
•  Finalidad educativa (informativa o
formativa)
•  Estructura hipertextual
•  Interfaz atractiva e intuitiva
•  Formato multimedia
•  Acceso a diferentes fuentes y recursos
•  Flexibilidad
•  Interactividad
Diseño de una página web
Diseñar un documento hipermedia
Diseñar un documento
MULTIMEDIA
La información se presentará
en combinación de diferentes
códigos (gráficos, sonido, video,
texto,…) en un mismo documento.
Diseñar un documento con
estructura HIPERTEXTUAL
La información se presenta
dividida en pequeños NODOS o
núcleos de información que
están interconectados entre sí a
través de ENLACES o puntos de
unión.
Crear una gran red de ideas que permita
Al usuario final “navegar” a través de los nodos y
construir su propio itinerario de lectura
Creación de un sitio web
Conjunto de archivos organizados en carpetas o
directorios que contienen:
• Páginas web
• Recursos multimedia:imágnes, vídeos,
animaciones, sonidos, músca, etc.
• Documentos:.doc, .xls, .pdf., …
• Otros: plantillas, flash etc.
Creación de un sitio web
Concepción del documento
Destinataris
Características y circunstancias
sociales de los destinatarios.
Función
Informativa
Formativa
Lucrativa
Técnica
Creación de un sitio web
Concepción del documento
Objetivos
Definición de los objetivos/finalidad del
Sitio web
Contenidos
Selección
Estructuración
Producción
Creación de un sitio web
Diseño del interfaz
Diseño gráfico
Definición colores, disposición de
los elementos en la pantalla, …
Navegación
Acción de moverse o desplazarse a
través de la información,
seleccionando aquellas partes que
son de interés para el usuario/
navegante. Acción y efecto de
explorar un hipertexto.