Você está na página 1de 4

Informática Educativa

Componentes de un web educativo.


Los componentes de un sitio web resultan de la adecuada combinación de los
siguientes elementos:

 Texto
 Tablas
 Gráficos
 Fondo
 Sistema de navegación: hipertexto
 Herramientas de navegación: botones y mapas
 Enlaces: internos y externos
 Componentes de interactividad: formularios, encuestas, texto dinámico
 Sonidos y vídeos
 Efectos especiales con scripts.

Diseño de la web educativa.


Tomado de:
http://ciberconta.unizar.es/LECCION/webdocente/diseno.HTM

Una vez que hemos determinado los elementos que forman una web y conocemos los
recursos para la edición de páginas web es el momento de comenzar a diseñar la web
de nuestra asignatura. El diseño lo podemos dividir en 3 etapas:

Diseño pedagógico:
El trabajo inicial en el diseño de la web debe ser definir con claridad los
objetivos que se pretenden alcanzar, los procedimientos, las estrategias, evaluación,
etc. Es decir, un trabajo similar al que se realiza cuando se diseña la programación de
una asignatura. Es fundamental definir con claridad el público objetivo al que nos
dirigimos, que serán los alumnos de nuestra asignatura normalmente, pero puede ser
una asignatura presencial, a distancia o semipresencial.
Si el trabajo con los alumnos se hace en el aula de informática, habrá que determinar
previamente la distribución de los alumnos y su autonomía en la web.

Diseño estructural:
¿Cómo vamos a repartir los contenidos? Debemos recopilar toda la información
que vamos a incluir en la web y dividirla en diferentes páginas web, que estarán

Prof. Diego Santimateo G. 1


Informática Educativa

convenientemente relacionadas para darle coherencia a la web y definir los caminos


para recorrer los contenidos.
Es importante que el alumno no tenga la sensación de estar perdido por lo que
es fundamental un diseño homogéneo de todas las páginas, incluir dispositivos de
navegación para ir de unas páginas a otras. Es lo que se denomina mapa del sitio web
o estructura del sitio. En muchas páginas podemos ver dicho mapa.

Diseño formal:
Después de haber definido la estructura de la web comenzaremos la edición de
páginas web. El software con el que diseñaremos la web docente en este curso es
Microsoft FrontPage, que pertenece a la suite Office.

Usabilidad.
La usabilidad es una medida de la calidad que experimentan los usuarios
cuando interaccionan con una página web. También se puede aplicar a un software u
otros mecanismos.

Ejercicio: Haga un boceto de la web de su asignatura con la


descripción de los siguientes pasos:

• Público objetivo
• Objetivos, procedimientos y actitudes que se pretenden con la web
• Contenidos de la web
• Listado de elementos que compondrán nuestra web docente
• Listado de páginas con la información que van a contener.

Componentes de FrontPage que recomendamos repasar.


 Manejo de tablas.
 Propiedades de la página.
 Propiedades de la tabla.
 Propiedades de la celda.
 Insertar línea horizontal como separador.
 Insertar imágenes.
 Colocar imágenes y/o colores de fondo de celda, tabla y página.
 Insertar marquesina.
 Manejo de hipervínculos: dentro de una página / de una página a otra.
 Siga practicando en : http://ciberconta.unizar.es/leccion/frontpage

Estructura de la web educativa.


En la web educativa de una asignatura se deben incluir una serie de elementos
para cumplir los objetivos que nos hemos propuesto.

Prof. Diego Santimateo G. 2


Informática Educativa

Guía didáctica o Ficha de la asignatura: Incluirá información sobre la importancia


de la asignatura, objetivos, programación, requisitos, metodología y recursos a emplear,
sistemas y criterios de evaluación, bibliografía, horarios de tutorías,...

Página web informativa de cada tema: Información sobre los apartados de cada
tema, apuntes y esquemas sobre los mismos, ejercicios, bibliografía y enlaces.

Noticias y novedades: La web ha de ser dinámica y estimular al alumno a visitarla


frecuentemente.

Enlaces de interés: La navegación por Internet se realiza enlazando una web con
otra. Es fundamental la inclusión de enlaces relacionados con la asignatura.

Apuntes, ejercicios y exámenes para descargar: El alumno necesita de ellos


para el seguimiento de la asignatura.

Lecciones interactivas: Si queremos que el seguimiento de las lecciones se haga a


través del ordenador, podemos elaborar lecciones en formato web.

Ejemplos de ejercicios, trabajos y exámenes de otros años: Ayuda a hacerse


una idea del nivel de dificultad de la asignatura.

Una vez creada la página, publicarla en Internet.


Una vez que hemos diseñado nuestra web y editado todos los archivos que la
componen es el momento de "subirla a la red" para que sea accesible por el público
objetivo al que nos dirigimos. Debemos utilizar un programa de Transferencia de
ficheros (FTP). Lo que también se conoce como subir archivos a la red Internet.

Aquí tenemos alojamiento gratis en servidores de Internet.


Una vez que tenemos hecha la página necesitamos alojarla en un servidor.
En Internet hay posibilidad de alojarla gratis en determinados servidores,
aunque normalmente aparece publicidad.

• En Iespana (http://www.iespana.es)
• Hay listados en Recursosgratis
(http://recursosgratis.com/espacio_web_y_redirecciones/)
, Freebiedirectory
(http://www.freebiedirectory.com/Free_Web_Space) y
Maestrosdelweb
(http://www.maestrosdelweb.com/referencia/enlaces/hosti
ng_gratis.asp)
• Por ejemplo: Demasiado (http://www.demasiado.com).
• Bravenet
(http://www.bravenet.com/samples/mybravenet.php)
• Buscahost (http://www.buscahost.com)

Prof. Diego Santimateo G. 3


Informática Educativa

Trucos para hacerla atractiva.


Una web educativa nunca está terminada ya que hay que actualizar
contenidos, descargas de archivos, noticias, etc. La existencia de foros y chats hacen
más dinámica nuestra página.
Es frecuente que en las webs haya elementos que no sean diseñados con un
editor HTML o un programa como FrontPage y que le dan un aspecto más profesional.
En Internet existen recursos que nos proporcionan estos elementos de una
forma muy sencilla y sin necesidad de saber programación.

·Registrar dominio : para profesionalizar nuestra web o por si


cambiamos de Universidad podemos registrar un dominio.
·Promocionar la web para que sea conocida, dando de alta en
buscadores.
·Contador estadísticas para controlar los accesos a nuestra web.
·Un foro permite la comunicación entre profesores y alumnos sin
necesidad de estar en el mismo sitio y a la misma hora.
·Añadir buscador si nuestro sitio web contiene un gran número de
páginas.
·Encuestas que permiten saber la opinión de los alumnos.
·Poner correo para fidelizar a los alumnos.
·Charlar con los usuarios útil para quedar a determinadas horas o como
tutoría telemática.
·Chequear enlaces que han dejado de funcionar.
·Ganar dinero con publicidad si tenemos muchas visitas.
·Poner titulares de noticias en tiempo real motiva a visitar la web con
mayor frecuencia .
·Traducir a otros idiomas como inglés o francés automáticamente.
·Efectos en Java podemos añadir todo tipo de efectos en páginas que
nos ofrecen el código listo para copiar y pegar.
·Más trucos para ustedes que son sobresalientes.

Prof. Diego Santimateo G. 4