Diseño de una página web

Webquest para

Alumnos y personas interesadas en la Programación de Sitios Web

Diseñada por:

LI. Francisco Gibrán García Candelario (licgibran@gmail.com)

Introducción

¿Te has preguntado alguna vez qué tan complejo es crear un sitio web? En la actualidad casi toda empresa, o producto tienen un sitio web. Incluso muchos sitios web son en sí mismos un producto que genera ganancias enormes a sus creadores. De seguro ya has utilizado servicios como Facebook, Twitter, y Google. Éstos sitios han cambiado el panorama mundial de los medios de comunicación.

Si realizas ésta Webquest tendrás la oportunidad de diseñar tu propio sitio web, con la temática de tu elección. Te podrás dar cuenta que no es en lo absoluto difícil. Utilizando lo aprendido en algunas sesiones de clase podrás elaborar un diseño que  posteriormente podrás implementarlo e inclusive subirlo a la web.

La tarea

Diseñar una página web de la temática de tu elección.

Subtareas:

1. Realizar un documento que contenga: la problemática a resolver, el planteamiento del problema y una lista de las opciones que llevaría sus sitio web.
2. Realizar un diseño previo de tu página
3. Elegir las imágenes y la paleta de colores que utilizará tu página

Proceso

1. Analizar los aspectos teóricos de las páginas web. Contesta las siguientes preguntas:
   1. Preguntas
      1. ¿Qué es internet?
      2. ¿Qué es una página web?
      3. ¿Cómo ha sido el desarrollo de las aplicaciones web?
   2. Recursos
      1. Video: http://www.youtube.com/watch?v=V5lGsAG6Gbw
      2. http://www.evolutionofweb.appspot.com
2. Analizar sitios web existentes. Contesta las siguientes preguntas.
   1. Preguntas
      1. ¿Por qué es atractivo ese sitio?
      2. ¿Qué elementos utiliza?
      3. ¿Cómo gana dinero?
      4. ¿Qué cambios le harías?
   2. Recursos (puedes elegir éstos u optar por otros sitios de tu preferencia, deben ser 3).
      1. www.eluniversal.com.mx
      2. www.mercadolibre.com.mx
      3. www.khanacademy.org
3. Definir lo que quieres hacer. Deberás crear un documento que conteste las siguientes preguntas:
   1. Preguntas
      1. ¿Qué tipo de sitio web voy a crear?
      2. ¿A qué público irá dirigido?
      3. Menciona otros 3 sitios que tengan temáticas similares a las tuyas
      4. ¿Qué problema resolverá mi sitio?
      5. ¿Qué opciones llevará el menú principal?
   2. Recursos.
      1. Es.wikipedia.org/wiki/Sitio_web
4. Realiza un video que muestre el diseño preeliminar de tu sitio (en forma similar a como lo hace el video de ejemplo). Debe mostrar las diferentes secciones que desarrollarán.
   1. Recursos
      1. Video: www.youtube.com/watch?v=cq_XmYEoyeQ
   2. Puesta en común

Muestra tu diseño al grupo, anota las observaciones que te realicen y haz observaciones a los diseños de tus compañeros.

5. De acuerdo con la temática que elegiste y las medidas de tus elementos, busca imágenes para incluir en tu sitio. Guarda en una carpeta llamada images unas 40 imágenes. Es importante que utilices imágenes free para no violar derechos de autor.
   1. Recursos
      1. www.stockvault.net
      2. www.photoxpress.com
6. Elije la paleta de colores que utilizarás. Anota los códigos o nombres de los colores.
   1. Recursos
      1. www.colourlovers.com

Evaluación

1. Documento inicial (50%)
   

   Incluye las respuestas a las preguntas de los pasos 1,2 y 3 del proceso.

    
2. Diseño preliminar (20%)
3. Exposición al grupo (10%)
4. Carpeta de imágenes (10%)
5. Elección de la paleta de colores (10%)

Conclusión

Al elaborar esta tarea lograste darte cuenta del procedimiento esencial para la creación de sitios web. A pesar de ser un trabajo inicial y aún no terminado, has logrado diseñar una página web y el conocimiento adquirido te servirá para trabajos futuros.

De seguro lograste observar lo sencillo que es crear una página web. A pesar de todo, la habilidad para crear este tipo de productos es hoy en día muy valorada y necesaria, por lo que debes seguir investigando las dudas que te surgieron.

Además, entendiste la importancia de los recursos externos, como son las imágenes y una buena selección de colores. Gran parte del éxito de una web depende del buen uso de estos recursos.