Trabajo Práctico Nº 2

SITIO WEB:

GRUPO MUSICAL / CANTANTE

Este ejercicio consiste en crear un sitio web para una banda o cantante.
Pensar correctamente el funcionamiento del sitio y el manejo de la información.

METODOLOGÍA:​

PRIMER ETAPA: Pienso, luego diseño!​

  • Investigar y recopilar información, fotografías, biografías, etc. Podemos inventar cierta información.
  • Mapa de Sitio y Wireframe (boceto de estructura).
  • Boceto diseño.

Al realizar el mapa de sitio y el boceto de estructura 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 de diseño 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 etiquetas especificas para generar la maquetación semántica. 
  • Creación de un único archivo css para guardar todos nuestros estilos.
  • Vinculaciones relativas y absolutas.
  • Embebido de recursos: videos, música, mapas, etc.

PASO A PASO 2021

EMBEBIDOS

SLIDE Y LIGHTBOX

COMO SUBIR EL TP2

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.

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.
  • Tratamiento de textos, jerarquía, legibilidad, redacción, etc.
  • Correcta visualización en diferentes resoluciones desde 1024 x 768 pixeles en adelante.
  • Utilización de recursos embebidos.
  • 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!