Proyectos de Diseño y Programación Gráfica

Número máximo de integrantes del grupo: 3 estudiantes

Opción 1: Crear un sitio web

1. Objetivo del Sitio Web
¿Qué quiero que hagan mis visitantes al ver el sitio?
¿Cuál es el propósito de mi sitio? ¿Estoy proporcionando un servicio, un producto, información
o datos?

Algunos objetivos para una página web podrían ser:

◦ Tener una carta de presentación de tu empresa para poderla mostrar a clientes actuales.
◦ Tener un sitio web para atraer visitantes y mediante un proceso convertirlos en clientes
nuevos para tu negocio.
◦ Un blog o portal de noticias el cual se convierte en un negocio de información más que de
venta.
◦ Una página para atraer visitantes a un evento.
◦ Etc.

2. Mapa del sitio

Determinar cuales serán las secciones que deberá incluir tu página y a su vez que sub-secciones
existirán dentro de estas.

3. Palabras clave
Cuando las personas entren a un buscador y tecleen ciertas palabras relacionadas con tu
empresa ¡aparezca tu página! Cuáles serían esas palabras?

4. Diseño
Wireframes ó Mockups.

5. Publicación del Sitio

Una vez que tengas listo tu sitio web, podrás publicarlo! Utiliza cualquier hosting gratuito como
por ejemplo: https://es.000webhost.com

Los incisos anteriores del 1 (Objetivo del sitio Web) al 4 (Diseño) Deberán estar en un documento en
formato PDF con una caratula (Indicando los Integrantes del grupo.)

Cumplir con las siguientes historias de usuarios:

User Story # 1: Mi Sitio Web debe tener un Menú funcional.

User Story # 2: Deberá tener como mínimo (2xNúmero de Integrantes del grupo + 1) subpáginas.

User Story # 3: Debería ver un formulario en alguna de las subpáginas.

• Para los campos de entrada de nombre, correo electrónico y número dentro del formulario,
puedo ver las etiquetas correspondientes que describen el propósito de cada campo con los
siguientes identificadores: id="name-label", id="email-label", y id="number-label".
• Para los campos de entrada de name, email, y number, puedo ver el texto del marcador de
posición que me da una descripción o instrucciones para cada campo.
• Dentro del elemento de formulario, se me presenta un área de texto al final para comentarios
adicionales.
• Dentro del elemento de formulario, se me presenta un botón con id = "submit" para enviar todas
mis entradas.
User Story # 4: Deberá tener mínimamente 3 imagenes, 1 video.
• El elemento img debe cambiar de tamaño de manera adaptativa, en relación con el ancho de su
elemento padre, sin exceder su tamaño original.
• El elemento img debe estar centrado dentro de su elemento padre.

User Story # 5: Utilizar hoja(s) de estilo externa.

User Story # 6: Debería ver un elemento con un id = "Ubicacion" correspondiente, que enlaza a un
sitio externo (Google Maps) que contiene la localización de (la empresa, oficinas, u otro).
SUGERENCIA: debe asignar a su elemento un atributo de target y configurarlo en _blank para que su
enlace se abra en una nueva pestaña (es decir, target = "_ blank").