Diseño de sitios Web Educativos

Definición de Sitio Web

Según el sitio Alegsa (Alegsa s.f.), un sitio web se define como:

1. Fuente de información compatible con la WWW y que puede ser accedida a través de un navegador en internet.

Por lo general las páginas web se presentan en formato que les da forma llamado HTML. Son documentos que soportan hipertexto.

Las páginas web suelen estar disponibles en servidores web en internet. Generalmente múltiples páginas web en un mismo dominio constituyen un sitio web. Por lo general un sitio web tiene una página principal (el índice que puede ser index.htm, index.php, index.asp) desde donde se enlazan otras páginas web del sitio formando una red.

En un sitio pueden existir páginas web de acceso público y de acceso privado.

El navegador web se encarga de solicitar una página web específica a un servidor dependiendo de la dirección (URL). Esta petición se realiza siguiendo el protocolo HTTP.

Una página web puede estar constituida de texto estático al que se le da formato con etiquetas HTML. O también puede armarse dinámicamente cada vez que se visita dependiendo de múltiples factores (como paso de parámetros, cookies, origen del visitante, PHP, ASP, etc), pero, por lo general, el servidor siempre responderá en un formato HTML. Estas últimas son llamadas páginas web dinámicas.

Como se dijo anteriormente, las páginas web pueden ser visualizadas a través de un navegador web como Internet Explorer, Netscape, Firefox, Opera, etc.

Las páginas web pueden estar formadas por distintos elementos como:

Texto e hipervínculos, imágenes (generalmete formatos GIF, JPG y PNG), audio (MIDI, MP3 y WAV), Flash, Shockwave, gráficos vectoriales (SVG), etc.

También pueden poseer elementos no son visibles por el usuario amplían las posibilidades del HTML:

Scripts (generalmente JavaScript), metatags, Hojas de Estilo (CSS), etc.

Antiguamente diferentes navegadores a veces interpretaban de formas distintas una misma página web; incluso los webmasters debían adaptar los códigos para uno u otro navegador web. Actualmente este problema casi no existe porque tanto diseñadores web como desarrolladores de navegadores comenzaron a respetar los estándares para la creación de páginas web. Estas reglas son creadas por el Consorcio World Wide Web (W3C) para HTML, CSS, XML, etc.

Las páginas web pueden hacerse desde cualquier editor de texto, aunque siempre más sencillo usar los editores WYSIWYG, que son totalmente gráficos como Dreamweaver o Frontpage, etc. (Ver Editores Web).

Con respecto a los buscadores de internet, una página web puede estar o no indexada. Esto determina si aparece o no en los resultados de búsqueda que hacen los usuarios en ese buscador. Cabe destacar que un sitio web puede estar indexado, pero no así todas las páginas web que pertenecen al mismo.

2. En forma genérica suele tomarse como sinónimo de sitio web pero no son lo mismo. Un sitio web está conformado por una o más páginas web.

Antes que nada habría que definir que la utilización de un sitio WEB en la educación puede tener dos vertientes según Enrique Sánchez Rivas:

Utilización Técnica: Hacer del sitio un canal para la transmitir un conocimiento cerrado y absoluto. Ejemplo: un blog donde el maestro publica la información que el alumno debe memorizar para un examen. Es rígido. Se basa en la evaluación del trabajo (individual) en términos cuantificables.

Utilización Innovadora: Elaborar propuestas virtuales e interactivas que propicien la construcción y reconstrucción del conocimiento que se aprende de forma significativa. El currículum es entendido como un conjunto de hipotésis que la realidad se encargará de verificar. Entiende a la educación como un proceso cuya finalidad última es propiciar la comprensión.

Sitios Educativos

Según Enrique Sánchez Rivas, no existe hasta el momento un consenso sobre las características y aplicaciones adecuadas que deberían tener las Web y los blogs educativos. La discusión teórica sobre el tema aún se está desarrollando. Sin embargo, Sánchez señala que si pueden delimitarse dos tipos de sitios educativos en cuanto a su estructura, finalidad, contenidos, funciones y ámbito de influencia:

Sitios didácticos: Son un fin en sí mismas. Pretenden formar al grupo de usuarios al que va dirigído y proporcionan recursos a los encargados de esta formación. Este tipo de sitios web es desarrollado por expertos en informática y pedagogía. Funciones: Transmitir (información, recursos). Es parecida a un libro de texto. La información es accesible a los usuarios a quienes va dirgída y su orden es lógico. Las ideas complejas deben acompañarse de ejemplificaciones para facilitar su comprensión. La fisonomía debe ser atractiva incorporando multimedia y graficos. Es posible la retroalimentación (por correo electrónico o comentarios)  

Sitios Pedagógicos: Son un medio para la educación. Sus autores son los propios docentes y el alumnado y es una extensión de lo realizado en el aula. Función: Contribuyen a alcanzar los objetvos de la educación formal. Es maleable. Puede usarse para poner en contacto al maestro con alumnos y padres de familia. Como página Web de una asignatura (para investigar, construir un tema, como herramienta de control) y puede publicar los trabajos del alumnado. 

Ejemplos de Sitios Educativos (en Yola)

Cosas que debemos tomar en cuenta antes de iniciar un sitio web

Este turorial es, en parte, una traducción "libre" de este sitio oficial de Yola 

Revisar otros sitios web con temáticas similares

Verificar sitios web con temas similares a la que abordaremos nosotros, opara saber qué se discute, que temas se abordan y desde qué enfoque. No se trata de robar el contenido o alguien copiar las ideas de otras personas sino de encontrar algunos puntos de partida para el sitio web que queremos crear. Uno puede hacerse estas preguntas:

1. ¿Qué utilidad puede encontrar quien visite mi sitio?
2. ¿Qué tipo de información se proporciona?
3. ¿Qué puedo hacer mejor que otros sitios con temáticas similares?
5. ¿Qué puedo hacer diferente a mi competidor?  

Contenido antes que diseño 

Diseñar el sitio es divertido porque uno añade imágenes, video, etc; pero antes de este proceso debemos plantearnos el tipo de contenido que deseamos. El contenido ayudará a que el diseño del sitio sea adecuado y que anuncio los temas que trataremos.

Recuerda que los estudiantes acuden a Internet buscando información.

Una de las primeras cosas que debemos hacer es definir nuestro nicho de público. Entre más centrado esté nuestro sitio en algún aspecto, más éxito podrá tener. 

Planear la Navegación

 La navegación es una pieza muy importante de un sitio web. Los visitantes deben ser capaces de manera fácil e intuitiva de navegar por las páginas del. Hay dos formas comunes de organizar su navegación principal, ya sea vertical u horizontalmente.

Aquí hay algunas cosas que usted debe tener en cuenta a la hora de elegir un esquema de navegación:

     * ¿Se ajustan bien las páginas que queremos que sean visibles en la barra de navegación principal?
     * ¿Se prevén más páginas que necesitan ser añadida más tarde?

Si tenemos un gran número de páginas que deseamos mostrar en el menú de navegación principal, entonces es posible que queramos buscar buscar un estilo con un sistema de navegación vertical.  

Ejemplos de barras de navegación 

Navegación Horizontal 

Navegación Vertical 

Ahora sigue este enlace para diseñar tu propia página en Yola, un servicio gratuito en línea de publicación de sitios Web.