En la entrada anterior hemos hablado sobre la importancia que tienen las web de los centros y cómo deben ser estas a la hora de ser más eficaces.
En esta entrada vamos a empezar con la práctica como tal, por lo que voy a crear una página web de un centro ficticio al que he llamado C.E.I.P. Américo Vespucio.
 |
| Fuente: Google Maps |
Tomaré como referencia la web del C.E.I.P. Santa Teresa, situado en Toledo. Transformaré esa web con información ficticia, teniendo en cuenta todo lo comentado en la entrada anterior sobre páginas web de centros escolares (organización de la información, fácil acceso a la información, buen impacto visual, etcétera).
Puedes visitar la web original de este colegio en
este enlace.
CREANDO LA WEB
PASO 1
En primer lugar, hay que pensar un nombre para un colegio ficticio, el cual será C.E.I.P. Americo Vespucio. Este colegio estará ubicado en la Avenida Reconquista de Toledo, enfrente del parque del Circo Romano.
La página web de este centro ficticio se realizará con Wix, una plataforma online para crear blogs y páginas web de manera gratuita.
PASO 2
Una vez hemos creado la plantilla para la página web, hay que crear todas las secciones que tiene nuestra página guía (Santa Teresa) y empezar a rellenarlas una a una con información totalmente inventada
En el apartado de Centro, se establecerá toda la información que consideremos necesaria sobre la historia del centro, los documentos del centro, el consejo escolar, etcétera.
En la sección Profesores, nombraremos los nombres de los profesores que conforman cada uno de los puestos ya sea dirección, maestros de primaria, maestros de infantil y orientación. Los nombres de los profesores están escogidos al azar, por lo que no se refieren a nadie en concreto.
En el apartado de Servicios, se pondrá toda la información complementaria a todos los servicios que ofrece el centro como por ejemplo el comedor.
En Secretaría, mostraremos una tabla de los horarios del centro, así como el horario complementario.
En la sección de
AMPA, situaremos toda la información sobre la asociación de padres y madres y algunas actividades extra escolares.
En la zona dedicada a los
Recursos, estableceremos algunas aplicaciones que utiliza este centro ficticio para desarrollar actividades con sus alumnos.
Por último, en el apartado de
Contacto, se plasmará información básica del centro como la dirección, el teléfono, el correo electrónico y la web.
PASO 3
Por último, publicamos la web. Con
este enlace puedes visitar la web del centro ficticio C.E.I.P. Americo Vespucio.
COMPARACIÓN CON LA ORIGINAL
Al realizar la página web basándome en la del colegio Santa Teresa, no he añadido ninguna sección nueva ya que considero que la web original está muy bien estructurada. He cambiado sobretodo la apariencia visual, la información y el acceso a las diferentes secciones.
1) APARIENCIA VISUAL:
En cuanto a la
apariencia visual, la web original muestra una página de inicio en la cual se muestran algunas de las últimas publicaciones realizadas. El aspecto general de la página es muy pobre, ya que se trata de un fondo de color blanco sólido y el índice no destaca para nada.
Además, en las diferentes secciones, únicamente encontramos texto pequeño y algunas imágenes.
En el caso de la web que he creado, he añadido algunos dibujos a las secciones, he colocado un fondo más llamativo y he destacado los botones del índice y decorado la cabecera de la página.
En las diferentes secciones he añadido texto más visual y en menor cantidad, así como una mezcla entre imágenes y colores.
Santa Teresa (Original)
 |
| Fuente: cpsantateresa.com |
Americo Vespucio (Adaptado)
 |
| Fuente: Elaboración propia |
2) INFORMACIÓN:
En cuanto a la información, la de la página original es muy extensa y la letra no destaca nada. Además, al tener un fondo y una apariencia visual tan pobre, da la sensación de cansancio al leer sobre la página.
En la web realizada por mi, he intentado reducir la información y darle un formato agradable y fácil de leer, para que así destaque la información más importante, ya que es la que las familias van a querer encontrar más rápido.
Santa Teresa (Original)
 |
| Fuente: cpsantateresa.com |
Americo Vespucio (Adaptado)
 |
| Fuente: Elaboración propia |
3) ACCESO Y MOVILIDAD:
En cuanto al acceso a las diferentes secciones, la página original cuanta con varias subsecciones, las cuales se podrían reducir. Algunas de ellas son:
- La sección Centro cuenta con 6 subsecciones.
- La sección Servicios cuenta con 3 subsecciones.
- La sección Revista contiene en su interior 8 enlaces externos.
- La sección Recursos cuenta con 6 subsecciones, en las cuales hay multitud de enlaces externos.
Además de esto, para acceder a cierta información como los documentos del centro, hay que acceder a un enlace que te redirecciona fuera de la web del centro.
En el caso de la web que he realizado, he juntado todas las subsecciones en una sola, para que así haya que hacer menos clics para encontrar la información deseada. Además, he reducido mucho la sección Recursos, y que había demasiada información que no considero tan importante para estar en una web de centro.
Además, he insertado los documentos del centro en la propia página para que sean visibles, por lo que he intentado reducir el número de enlaces externos. Algunos enlaces externos no he podido simplificarlos debido a la incapacidad que tienen de ser insertados como tal en la web.
Santa Teresa (Original)
 |
| Fuente: cpsantateresa.com |
Americo Vespucio (Adaptado)
 |
| Fuente: Elaboración propia |
