Trabajo Práctico Nº 3
SITIO WEB:
LOCAL GASTRONÓMICO
Este ejercicio consiste en crear un sitio web para un local gastronómico.
Evaluar la comunicación, diseño y contenidos correctos dependiendo del rubro seleccionado. Pensar bien el funcionamiento y la navegabilidad.
- si el lugar existe, debe figurar la leyenda “sitio no oficial”
- los datos de contacto no deben ser los reales.
METODOLOGÍA:
PRIMER ETAPA: Pienso, luego diseño!
- Investigar y recopilar información.
- Boceto de estructura y funcionamiento a mano!
- Boceto vectorial.
Al realizar los bocetos puedo determinar el funcionamiento y la navegabilidad del sitio.
Establezco cual es la función del sitio, de este modo logro también una jerarquización de la información y los elementos dentro de una estructura coherente.
Debo tener en cuenta las limitaciones técnicas y/o tecnológicas.
El boceto vectorial nos será muy útil para exportar distintos elementos gráficos usados en la construcción del sitio.
SEGUNDA ETAPA: Orden, planificación y armado
- Creación de sitio y carpeta raíz en Dreamweaver.
- Optimización de imágenes en Photoshop.
- Cuidado con el nombre de archivos y carpetas.
- Utilización de las etiquetas html5 para generar la maquetación semántica correcta.
- Aplicar correctamente los estilos desde un archivo css.
- Como MÍNIMO el sitio debe contener 5 secciones (tomar a modo de referencia)
- Vinculaciones externas en pestaña.
- Vinculaciones internas en un solo HTML
- Menú listando los productos.
- Sección de Inicio con promociones e información destacada.
- Menú fijo.
- Embebido de recursos: videos, redes, mapas, etc.
- Uso de slideshow y Lightbox.
TERCERA ETAPA: Puesta en marcha!
Subir el sitio al servidor y realizar un control general, verificar la correcta visualización del favicon, imágenes, titulo del documento y chequear el correcto funcionamiento de los vínculos.
SLIDE Y LIGHTBOX
MAQUETACIÓN SEMÁNTICA
PASO A PASO
Criterios de evaluación y contenido obligatorio:
- Fecha de entrega de boceto.
- Fecha de puesta en linea del trabajo práctico.
- Nombre correcto de archivos y carpetas en el servidor.
- Optimización de imágenes.
- Correcto uso del titulo del documento y favicon.
- Correcta utilización de estilos y css3.
- Tratamiento de textos, jerarquía, legibilidad, redacción, etc.
- Correcta visualización en diferentes resoluciones desde 1024 x 768 pixeles en adelante.
- Maquetación semántica
- Uso de Google Fonts
- Utilización de recursos embebidos.
- Uso de recursos de terceros Lightbox y Slideshow
- One page scroll (todas las secciones en un solo html)
- Organización y estructura.
- Creatividad y esfuerzo.
- Vinculaciones relativas y absolutas con su correcto destino.
- Diseño en general: jerarquización de la información, manejo texto, legibilidad, composición, manejo del espacio, uso del color, contraste, etc.