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.

Fecha de entrega de boceto y trabajo final en la lista general de cada curso, posicionarse sobre las fechas!