Lección 1 : Creación de Páginas web educativas. Módulo IV

Transcripción

1 Lección 1 : Creación de Páginas web educativas Módulo IV

2 Websites (sitios web) Un sitio web es un espacio virtual en Internet que incluye documentos HTML, fotografías, sonidos, vídeos, animaciones Flash y otros tipos de contenidos que puedan compartirse en línea. La URL raíz del sitio web se conoce como portada o homepage.

3 Websites (sitios web) En Internet encontramos una gran variedad de tipos de sitios web gratuitos, por ejemplo, los blogs, sitios web de empresas y personales, redes sociales, sitios de noticias o sitios de descargas, entre otros.

4 Sitios web educativos Espacios o páginas que ofrecen información, recursos o materiales relacionados con el campo o ámbito de la educación. Tenemos algunos ejemplos en el siguiente gráfico: Webs con actividades para alumnos Bases de datos Páginas personales del profesorado Sitios web educativos Plataformas de teleformación Webs de instituciones educativas Páginas de empresas dedicadas a la formación

5 Sitios web educativos Hoy muchos docentes están integrando las nuevas metodologías de enseñanza - aprendizaje apoyados en el uso del internet. Ya es común la elaboración de páginas Web como complemento a la clase tradicional o para impartir la misma utilizando las TIC. Esto facilita a los profesores el desarrollo en un nuevo espacio, sustituyendo de forma progresiva la pizarra tradicional por la pizarra digital. (Mur Alegre, 2010).

6 Ventajas del uso de websites educativas Los propios alumnos estructuran su aprendizaje, seleccionando qué examinarán antes y después. Facilita la interacción entre profesor-alumno y entre los alumnos de la asignatura. Mur Alegre (2010) señala las siguientes ventajas: Facilita una cantidad impresionante de información con solo un clic. Permite acceso a contenidos actualizados a un bajo costo. Facilita el acceso a los contenidos de la asignatura en horarios diferentes a la clase habitual. Puede incrementar la motivación al estudio de la asignatura. Permite la inclusión de vídeos, imágenes, sonidos, animaciones, etc.

7 Inconvenientes en el uso de websites educativas Mur Alegre (2010), señala los siguientes inconvenientes: Alto costo por mantenimiento de sitio web. Conocimientos previos en Internet y correo electrónico. Dependencia de una conexión a internet. Demanda de profesores con conocimiento en diseño de páginas web.

8 Características de los materiales en las páginas web educativas Ser interactivos. Permitir que el alumno realice algún tipo de actividad o tarea. Responder a un modelo constructivista del conocimiento. El alumno aprende a través de su experiencia y en función de la misma, debe elaborar dicho conocimiento. Interface atractiva y fácil de usar. Los materiales deben cuidar su diseño gráfico, deben resultar atractivos para el alumno, y su utilización debe ser intuitiva. Ser hipertextuales. Incorporar distintas formas de representación simbólica (textual, gráfica, audiovisual, icónica, etc.) Adecuarse a las características de sus potenciales usuarios. Tener en cuenta los conocimientos, capacidades y habilidades previas que poseen los alumnos. Integrarse y responder a las exigencias curriculares de una materia y nivel educativo. Facilitar la comunicación sincrónica y/o asincrónica entre docente y alumnos, a través de foros, chats, videoconferencias.

9 Diseño y gestión de páginas web educativas con Weebly Weebly es una herramienta gratuita que permite gestionar y configurar contenidos de forma sencilla en Internet. Nos permite crear páginas web con textos, fotos, videos y otros contenidos mediante el sencillo procedimiento de drag and drop.

10 Criterios para la creación de un sitio Web educativo a) Objetivo y la audiencia del sitio. Iniciar con verbos que expresen las acciones a realizar. La audiencia debe permitirnos establecer las características del sitio. b) Contenido del sitio. Identificar las potenciales necesidades de los usuarios del sitio y ordenar los contenidos, agrupándolos y dándoles nombres que los identifiquen. c) Manejo de contenidos. Puede adoptar muchas formas debido a las características de la plataforma. d) Redacción en la Web. Redactar contenidos breves, sintéticos y fácilmente comprensibles. Si el texto es largo, colocar un enlace que diga Leer más. Resalte ideas principales con negrita.

11 Estructura del sitio, árbol de contenidos y sistemas de navegación Es decir establecer la forma que tendrá el sitio a desarrollar. Veamos el siguiente ejemplo de estructura: Una vez lista la estructura del sitio, creamos el árbol de contenido en el que se muestre las secciones y niveles con los que contará el sitio en desarrollo.

12 Estructura del sitio, árbol de contenidos y sistemas de navegación Un árbol de contenidos es aquel diagrama que cuenta con un tronco, ramas y hojas, para mostrar las zonas principales, secundarias y los contenidos finales que se irán incorporando al sitio web.

13 Criterios para crear un sitio web educativo Se sugieren los siguientes pasos o tareas para la creación de un sitio web educativo: 9. Publicar en internet 1. Clarificar el porqué y para qué se elabora el material 2. Identificar las características de los potenciales usuarios 8. Realizar una prueba piloto con alumnos Pasos 3. Planificar y desarrollar los componentes didácticos 7. Comprobar en distintos navegadores el sitio web 6. Desarrollar las páginas que componen el sitio web 5. Diseñar el formato de presentación del material 4. Planificar la estructura general de la web

14 Editando páginas web con Weebly Weebly te proporciona una serie de plantillas ya estructuradas y categorizadas por temas. Si uno ya cuenta con un sitio, se puede acceder a la opciones de edición avanzada donde tienes acceso a modificarlo, para lo cual se necesita tener nociones de HTML y CSS.

15 Editando páginas web con Weebly Acceso al sitio Weebly y creación de una cuenta Para crear un sitio web en Weebly, lo primero que tenemos que hacer es crear una cuenta de usuario en Weebly for Education. Clic aquí para registrarse Clic aquí para cambiar idioma El sitio web tiene versiones en varios idiomas. Seleccionaremos el idioma español para crear nuestro usuario con una interfaz en nuestro idioma.

16 Editando páginas web con Weebly Pasos para crear nuestra cuenta en Weebly 1) Escribimos el nombre del usuario y, a medida que digitamos, aparecerá sobre el recuadro un aviso en letra de color verde indicando la disponibilidad o no del usuario. 2) Una vez disponible el nombre de usuario, escribimos la contraseña y el correo electrónico correspondiente. 3) Finalmente, copiamos las letras del recuadro y hacemos clic al botón Inscribirse.

17 Editando páginas web con Weebly Pasos para obtener la dirección de nuestro sitio web Una vez que hemos nos hemos inscritos correctamente, aparecerá un mensaje de bienvenida a Weebly y se nos solicitará que escribamos el título de nuestro sitio web. Luego Weebly solicitará que escriba el subdominio. A medida que escribimos el nombre del subdominio, aparece el aviso indicando si está disponible o no el nombre del subdominio.

18 Editando páginas web con Weebly Identificación de los elementos, diseños, páginas y ajustes Elementos Básicos: Presenta párrafos, imágenes y títulos para ser arrastrados y subir contenidos.

19 Editando páginas web con Weebly Identificación de los elementos, diseños, páginas y ajustes Elementos Multimedia: Permite insertar galerías de fotos, archivos para ser descargados después, archivos en Flash, Google Maps, Flickr y YouTube. El HD video está habilitado para versión Pro.

20 Editando páginas web con Weebly Agregar, reordenar y suprimir páginas Weebly permite, de manera muy sencilla, reordenar una página arrastrando el icono de ésta y retitular o suprimir una página existente. También es posible agregar un nuevo blog al sitio.

21 Editando páginas web con Weebly Selección de diseños para el sitio web

22 Editando páginas web con Weebly Personalizando el diseño

23 Editando páginas web con Weebly Ajustes y publicación del sitio web Reajustar la configuración, publicar el sitio y seguir reajustando con la mayor comodidad son las ventajas que nos ofrece Weebly.

24 Editando páginas web con Weebly Colaboración

25 Editando páginas web con Weebly Creación y gestión de cuentas para estudiantes

26 Editando páginas web con Weebly Elaborar contenido de calidad Al emplear la herramienta Weebly comprobamos que el tema del diseño se facilita al ofrecernos plantillas previamente diseñadas. No tenemos que hacer grandes esfuerzos para diseñar. Nuestra tarea se centra en elaborar contenidos de calidad para ser compartidos a los usuarios.

27