Curso Creacin de Sitios

Web con Jimdo

Geannina Snchez - Guadalupe Camacho
Definicin
! Un sitio web educativo, puede definirse, en un sentido
amplio, "como un espacio o conjunto de pginas en la
WWW (Web) que ofrecen informacin, recursos o
materiales relacionados con el campo o mbito de la
educacin" (Area Moreira, M. 2003)
Segn lo anterior, un sitio web educativo pueden ser:

! Pginas del docente o de los estudiantes.
! Pginas de un curso.
! Sitios de instituciones educativas.
! Entornos o plataformas de formacin virtual.
! Bases de datos en las que se pueden consultar revistas o
documentos sobre la enseanza y la educacin.
! Sitios en los que se encuentran actividades.
! Unidades didcticas para el aula.
(Area Moreira, M. 2003)
Web institucionales
Web de recursos
Bases de datos
Material didctico web
Intranet educativa
Sitios Web Educativos
Informativos Formativos
Consultar informacin Enseanza - Aprendizaje
Naturaleza
Tipos de sitios web
Institucional: ofrece sobre la naturaleza, actividades, organigrama,
servicios o recursos que ofrece dicha institucin.
http://www.utn.ac.cr/
http://www.una.ac.cr/
Recursos y bases de datos: proporcionan al usuario datos en forma de
enlaces, documentos, direcciones, recursos, software...
http://www.eduteca.com/
Plataformas virtuales: requieren el uso de contrasea, diseado y
desarrollado especficamente para ser utilizado en un proceso de enseanza-
aprendizaje.
http://moodle.utn.ac.cr/
Material didctico: ofrecen un material diseado y desarrollado
especficamente para ser utilizado en un proceso de enseanza-aprendizaje.
https://sites.google.com/a/utn.ac.cr/libreoffice-base1/
(Area Moreira, M. 2003)

Recomendaciones para el uso educativo
Tomar en cuenta la poblacin meta a la que va dirigido el
material o el sitio.
Tratar de combinar la informacin con actividades que
faciliten la construccin del conocimiento en el caso de sitios
didcticos.
Indicar los objetivos o propsitos que se desean lograr con el
material, los contenidos a desarrollar, la metodologa y la
forma de evaluacin.
Se recomienda el uso de diversos tipos de recursos tales
como texto, imagen, videos, grficos entre otros.
Jerarqua de la Informacin
Se recomienda realizar un esquema para establecer la jerarqua de la
informacin para poder representarla grficamente por medio de
colores, grosores, posiciones de en orden de importancia.
Recomendaciones para el
diseo y la presentacin visual
de los sitios web
El Color
El color juega un papel fundamental en
el diseo un material, pues este
elemento busca comunicar, ensear o
crear puntos de atencin; para ello se
combinan colores de luz o pigmento
por medio del crculo cromtico.
El crculo cromtico es una
herramienta que permite seleccionar
combinaciones de colores armoniosos
para un diseo concreto.
(Ambrose, Harris, & Marti, 2005 p. 23)

El Color
Las imgenes en la web
Medida:
Las imgenes en pantalla se miden en
pxeles ej: 200x200px, 800x600px,
1024x 726px.




Modo de Color:
El modo de color que compone las
imgenes es RGB (colores luz red,
green, blue).


Formatos:
Los formatos adecuados para
pantallas son JPG y PNG (este
ltimo conserva transparencias).

Las imgenes en la web


! Serifas: Las tipografas serif, son las que se utilizan en impresos
como peridicos, libros con texto denso. Se consideran formales y
elegantes. Ghinaglia (2009)




Times New Roman
Century
Book Antiqua
Arial
Verdana
Tahoma
! Palo seco: Las tipografas sans serif, son las que se utilizan en
textos ligeros, contemporneos o dinmicos. Dan mejor resultado
en monitores, pantallas y bajas resoluciones. Se recomienda no usar
mas de tres tipografas diferentes. Ghinaglia (2009)

Tipografa
Tener cuidado con
el color del texto y
el color de fondo,
dependiendo de los
tonos puede causar
una vibracin
incmoda a la vista.
En este caso el
verde y el rojo son
colores
complementarios
que no se deben
sobreponer uno del
otro.
Tener cuidado con
el color del texto
y el color de
fondo. En este
caso el color claro
y fondo claro
comprometen la
legibilidad.
Tener cuidado
con el color del
texto y el color
de fondo,
siempre el
deben crear un
contraste como
este ejemplo.
El color y el fondo
Referencias
! Area, M. (2003). De los webs educativos al material didctico web.
Revista Comunicacin y Pedagoga, (188), pp. 32-38. Universidad
de La Laguna [en lnea]. Recuperado de
http://webpages.ull.es/users/manarea/Documentos/sitiosweb.pdf
! Ghinaglia D. (2009). Taller de diseo editorial entre corondeles y
tipos [en lnea]. Recuperado de
http://fido.palermo.edu/servicios_dyc/
encuentro2007/02_auspicios_publicaciones/actas_ diseno/
articulos_pdf/CE-121.pdf
! Marquina, R. (2007). Sitios Web Educativos. Recuperado de
http://es.slideshare.net/raymarq/sitios-web-educativos