Hoy en día y ya desde hace dos lustros, estamos asistiendo a una revolución relacionada con la forma en que se distribuye, se trasmite y se accede a la información, la cual, está modificando todos y cada uno de los aspectos de la vida cotidiana.
Una buena parte de la culpa de que esta revolución esté teniendo lugar, la tiene la creación y desarrollo de Internet.
El World Wide Web (WWW) constituye uno de los intentos más recientes y poderosos de sistematizar y simplificar el acceso a la información en Internet.
El World Wide Web tiene una arquitectura Cliente-Servidor en la que existe un ordenador local en el que se ejecuta un programa (o aplicación) cliente, llamado browser o navegador y un ordenador remoto, en el que se ejecuta el programa (o aplicación) servidor, que será el servidor Web.
Las páginas que el usuario visualiza en el navegador son documentos de hipertexto o más bien hipermedia, que están formados por una combinación de texto, imágenes, un nuevo tipo de elementos denominados hiperenlaces o hiperlinks y en muchas ocasiones información multimedia.
Por tanto, lo que queremos es que nuestros alumnos no se queden atrás en este apasionante mundo, y aprendan a aportar su granito de arena en la red de redes. En esta lección os mostraremos cómo hacerlo.
Tarea
En este proyecto te proponemos diseñar y crear tu propia página web y en ella exponer toda la información que quieras mostrar y compartirla con otras personas del resto del mundo.
La práctica deberá realizarse en grupos de dos personas. Como ya se ha dicho al principio, el proyecto a realizar consistirá en un sitio web que demuestre que habéis puesto en práctica todos los conocimientos adquiridos en las clases teóricas (HTML, Javascript, Hojas de Estilo en Cascada, tratamiento de imágenes, etc.).
El sitio web podrá desarrollarse escribiendo los ficheros (.html, .js, etc.) en el bloc de notas, o empleando alguna herramienta de ayuda como el editor de páginas web multiplataforma Nvu, Microsoft Front Page o Microsoft Word.
Proceso
• El tema del sitio web será elegido por los integrantes del grupo. A continuación se presenta una lista de sugerencias:
- Sitio web sobre vuestra afición favorita: coleccionar postales, jugar al tenis, etc.
- Sitio web del club de fans de un cantante, un actor, un personaje de comic, una película, etc.
- Diario personal.
- Sitio web de una organización sin ánimo de lucro: médicos sin fronteras, cruz roja, etc.
- Página web personal con aficiones, enlaces favoritos, álbum de fotos, encuesta para recoger la opinión sobre el sitio web, etc.
- Sitio web sobre un deporte.
- Página web sobre un equipo o campeonato.
- Sitio web sobre una galería de arte o museo.
- Web de alguna organización o club al que pertenezcáis.
• Independientemente de cuál sea el tema abordado, será obligatorio que exista una página sobre los autores en la que al menos aparezcan vuestros nombres y un enlace para enviaros un correo electrónico.
• También tiene que haber una página en la que se trate un tema relacionado con el diseño de sitios web, elegido por vosotros. El contenido de esta página podrá estar basado en las explicaciones de clases o en artículos, libros, etc. que hayáis buscado y leído.
• A continuación, haz un esquema en el que figure de forma muy organizada, la estructura del sitio web:
- Cual va a ser la página principal, las páginas que enlazan con esta y su contenido. Con este esquema tendrás realizada una gran parte del trabajo: siempre perderás menos tiempo que si empiezas a diseñar sin ningún tipo de organización.
- Recopila aquellas imágenes, ficheros de sonido, animaciones etc. que vayas a incluir en tu página.
- Si a medida que vas diseñando la página va variando el esquema inicial no te preocupes: es lógico que hagas correcciones para mejorar el aspecto final.
• Cuando la página esté alojada en el servidor, se le enviará un correo electrónico al profesor con la dirección de dicha página
Recursos
• Para buscar información sobre el tema que vais a desarrollar, podéis ir a la biblioteca, o utilizar buscadores como por ejemplo el Google.
• En Internet dispones de muchísimos manuales de HTML, que puedes descargar y consultar. Algunos puedes encontrarlos en:
• Para desarrollar la web, podéis emplear el bloc de notas, el Visual HMTL Editor 1.1 o emplear alguna herramienta de ayuda como el editor de páginas web multiplataforma Nvu basado en Mozilla Componer (http://www.nvu.com/), Microsoft Front Page o Microsoft Word, aunque en estos tres últimos casos se recomienda hacer el esfuerzo de entender el código que estos editores van generando.
• Si deseas ampliar tus conocimientos y embellecer tu página web puedes visitar:
- • http://www.logratis.com
- • http://www.webestilo.com
- • http://www.desarrolloweb.com
- • http://www.webexperto.com
Evaluación
El plazo para realizar esta práctica será de 20 días, después de los cuales los grupos de dos alumnos tendrán que realizar una presentación en clase que durará entre 10 y 15 minutos y consistirá en la explicación del sitio web: servicios que ofrece, tecnologías empleadas, etc. En la presentación deberán estar presentes los dos miembros del grupo.
No hay que entregar memoria escrita, pero sí un CD-ROM que contenga el sitio web, para facilitar la corrección de la práctica. Lo mínimo que se le exigirá al alumno es que la web contenga las secciones y contenidos descritos en el tercer apartado y la presentación oral, además de que una vez finalizado el trabajo, el alumno comprenda lo que ha hecho y sea capaz de repetirlo por su cuenta.
Sin embargo, la nota que recibirán los alumnos será mayor cuanto más se ajusten al cumplimiento de los siguientes criterios:
Criterios de la página web:
• El contenido es lo más importante.
• Una presentación acertada y atrayente.
• Párrafo introductorio que exprese de forma clara y concisa el contenido de la página.
• Incluir material “nuevo” en la página.
• Poner la última fecha de modificación.
• Ofrecer referencias a otras páginas similares.
• Firma que informa quien es el autor de la página.
• Repasar la ortografía.
• Conviene guiar los ojos del usuario a través de la página por medio de su estructura: barras separadoras, tipos de fuentes, iconos, imágenes, etc.
• Pequeño tamaño de los ficheros para que el tiempo de carga sea corto.
• Hablar de un solo tema en cada página.
• Tener en cuenta que la parte superior de las páginas (la que aparece en la pantalla sin tener que hacer uso de la barra de desplazamiento) va a ser la que mejor se vea, por lo que es necesario aprovechar ese espacio a conciencia.
• En una página el texto es más legible cuando la justificación de los párrafos es a la izquierda.
Criterios de accesibilidad:
• Facilitar el acceso a usuarios que disponen de un ancho de banda limitado.
• Facilitar el acceso a usuarios con alguna deficiencia física.
• Facilitar el acceso a usuarios de distintas culturas y que emplean distintas lenguas.
Criterios de navegación:
• Cuando el cibernauta navegue debe tener la impresión de que el sitio web tiene una estructura bien definida y muy lógica.
• Existencia de un índice de contenidos.
• Cuando haya varias páginas y a una se lleguen navegando a partir de otras conviene que usemos una plantilla o estilo consistente en todas ellas.
• Facilitar al cibernauta la navegación.
• El texto de los hiperenlaces debe ser descriptivo.
• Los ficheros que contienen imágenes deben ocupar lo menos posible para que tarden lo menos posible en cargarse.
• La imagen para el fondo no debe ocupar demasiado y no debe impedir la correcta lectura del texto (¡cuidado con los fondos muy vistosos!).
• Dimensionar los marcos y las tablas.
• Al usar marcos debemos evitar la excesiva fragmentación de la pantalla.
Sonidos:
• Incorporar música de fondo.
• No abusar del tamaño de los ficheros de sonido.
• Dar al usuario la oportunidad de activar el sonido si así lo desea.
Criterios de desarrollo:
• No se debe confeccionar una página web para un navegador concreto.
Conclusión
Cualquier tipo de información puede encontrase hoy ya en Internet mucho antes de que aparezca publicada de forma impresa. Además, los usuarios de Internet pueden copiar dicha información a su ordenador independientemente del lugar del planeta en el que se encuentre.
Con este trabajo se pretende favorecer el espíritu emprendedor de los alumnos para formar parte activa de la red de redes, aportando información a través de sus propias páginas web, ¡que podrán ser consultadas por gente de todo el mundo!
