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 PASO A PASO
COMO SUBIR EL TP2
EMBEBIDOS
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.