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.
  • 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 etiquetas y css para generar la estructura.
  • Vinculaciones.
  • Embebido de recursos: videos, música, mapas, etc.

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.

Ejemplo TP2

COMO SUBIR EL TP2

Algunos datos para embebidos:

  • Spotify no tiene mayores complicaciones desde la app de escritorio, pero les dejo este link por las dudas:
    https://developer.spotify.com/documentation/widgets/guides/adding-a-spotify-play-button/
  • Facebook es bastante molesto para embeber, pero les dejo un archivo html para que copien: http://seminarioesav.com.ar/prueba.html

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!