Este documento describe los aspectos fundamentales de las páginas web educativas. Explica que un sitio web es un espacio virtual en Internet que incluye diferentes tipos de contenido como texto, imágenes y videos. También describe los sitios web educativos como espacios que ofrecen información y recursos relacionados con la educación. Por último, explica cómo la herramienta Weebly permite crear páginas web educativas de forma sencilla a través de plantillas y arrastrando contenidos.

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

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. 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.
Websites (sitios web)

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.
Sitios web
educativos
Páginas
personales del
profesorado
Webs de
instituciones
educativas
Páginas de
empresas
dedicadas a la
formación
Plataformas
de tele-
formación
Bases de
datos
Webs con
actividades
para alumnos
Tenemos algunos ejemplos
en el siguiente gráfico:

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.
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.
Mur Alegre
(2010) señala
las siguientes
ventajas:

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.
Demanda de
profesores con
conocimiento
en diseño de
páginas web.
Dependencia
de una
conexión a
internet.

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:
Pasos
1.
Clarificar el
porqué y para
qué se elabora
el material
2.
Identificar las
características
de los
potenciales
usuarios
3.
Planificar y
desarrollar los
componentes
didácticos
4.
Planificar la
estructura
general de la
web
5.
Diseñar el
formato de
presentación
del material
6.
Desarrollar las
páginas que
componen el
sitio web
7.
Comprobar en
distintos
navegadores el
sitio web
8.
Realizar una
prueba piloto
con alumnos
9.
Publicar en
internet

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

16. 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.
Editando páginas web con Weebly
Pasos para crear nuestra cuenta en Weebly
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. 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.
Editando páginas web con Weebly
Pasos para obtener la dirección de nuestro sitio web

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

19. Editando páginas web con Weebly
Identificaciónde 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. 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.
Editando páginas web con Weebly
Agregar, reordenar y suprimir páginas

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. Reajustar la configuración, publicar el sitio y seguir reajustando
con la mayor comodidad son las ventajas que nos ofrece Weebly.
Editando páginas web con Weebly
Ajustes y publicación del sitio web

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. 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.
Editando páginas web con Weebly
Elaborar contenido de calidad