Trabajo Final Integral Comunicación Digital Interactiva

Trabajo Final Integral Comunicación Digital Interactiva

Tips

Recuerda: tus enlaces o botones que estén fuera de tu sitio deben ser BLANK para abrirse en otra pestaña.

Recuerda: que opinan tus profesores de los sitios genéricos y sin alma.

Recuerda: debes exprimir tus herramientas para que se plasmen tus creaciones.

¿Policia del orden?tengo algo terrible que denunciar

Recuerda: las carpetas y archivos tienen su lugar para que la web funcione.

Ojo al poner nombre a los archivos (html e imágenes)

Ñandú/$$ 21.html

nandu-ss21.html

Texto falso

Ojo al piojo

Footer solo en página principal

Ojo al piojo

¿Como se ve en el teléfono?¿Se deforman las imágenes?

consigna

Desarrollar un proyecto multimedia interactivo integrando conocimientos de diseño web, comunicación visual y narrativa digital. El trabajo deberá ser publicado como sitio web funcional, con integración de medios, y documentado en un informe final.

Requisitos técnicos del sitio - Realizado íntegramente en Bootstrap Studio. - Publicado online (GitHub Pages). - Debe incluir: - Video final (video subido a YouTube, sin copyright, con carátula y audio original). - Una galería de imágenes e ilustraciones relevantes al contenido. - Elementos interactivos básicos (botones, navegación, íconos, etc.). - Estilos coherentes con el contenido (uso de grilla, colores, tipografía, jerarquía visual). - Enlace visible para descargar el informe en PDF. - Enlaces a sitios relevantes vinculados al tema elegido.

Criterios de evaluación 1. Tratamiento del contenido 2. Diseño visual y experiencia de usuario 3. Integración de recursos multimedia 4. Uso técnico de Bootstrap Studio 5. Publicación y accesibilidad 6. Creatividad e innovación.

Tema video:

Debes utilizar Gelially para generar un bloque interactivo que contendrá:a) Video presentación del tema (busto parlante) b) Presentación de los conceptos clave d) Uno de los conceptos debe tener un video explicativo Un ejemplo se muestra a continuación:

Profundizamos

gula

pereza

edonismo

egoismo

miedo

Info

Pereza

5 señales

Miedo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Lorem ipsum dolor sit

• Lorem ipsum dolor sit amet.
• Consectetur adipiscing elit.
• Sed do eiusmod tempor incididunt ut.
• Labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat, duis aute irure dolor in reprehenderit.

Miedo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Lorem ipsum dolor sit

• Lorem ipsum dolor sit amet.
• Consectetur adipiscing elit.
• Sed do eiusmod tempor incididunt ut.
• Labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat, duis aute irure dolor in reprehenderit.