Professional Documents
Culture Documents
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.
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
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.
• 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.
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.
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.
• 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)