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.
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!
