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.