Prompt maestro para tu presentación en html

 Actúa como diseñador pedagógico experto en infografías interactivas para EPUB fijo creadas en Adobe InDesign.

A partir de una imagen base (lámina ilustrada en estilo analógico) y de un mapa mental del tema, diseña un plano técnico completo que incluya:

Un HTML explicativo con:

La imagen principal del proyecto (por ejemplo, “Finanza joven”, “Deforestación y cambio climático”, “Arquitectura de la IA”, etc.).

14 puntos numerados superpuestos sobre la imagen, ubicados con position:absolute para señalar los lugares clave donde se implementarán animaciones o eventos interactivos.

Un panel o modal que, al hacer clic en cada número, muestre:

El nombre del punto (sección, dato, personaje, ícono).

El tipo de interacción propuesta en InDesign (botón, hotspot, Multi‑State Object, animación, audio/video, hipervínculo interno o externo).

La justificación pedagógica: por qué ese punto se vuelve interactivo y cómo ayuda a entender mejor el tema.

Estilos mínimos en CSS para que el HTML se vea como una hoja de trabajo: fondo de papel, bordes, sombra, círculos de color, tipografía limpia.

Especificación de interactividad para InDesign EPUB fijo, detallando para cada categoría:

Botones y navegación:

Qué objetos se convierten en botones con el panel Buttons and Forms.

Qué acciones usar: Go to Page, Go to URL, Show/Hide, Go to State, etc.

helpx.adobe

+1

Cuáles son los botones mínimos: Inicio, Siguiente, Anterior, Índice, Cerrar panel, Ir a recursos.

Objetos de múltiples estados (Multi‑State Objects):

Qué módulos funcionarán como galerías o pestañas (por ejemplo, causas vs. consecuencias, antes/después, distintos planes o escenarios).

Qué botones controlan el cambio de estado.

graduateschool

+1

Hotspots / capas “leer más”:

Dónde se usarán hotspots para mostrar definiciones, ejemplos, testimonios o notas metodológicas mediante acciones de Show/Hide.

Animaciones:

Qué elementos se animarán con el panel Animation (entradas suaves, desvanecimientos, desplazamientos).

Cómo coordinar tiempos con el panel Timing para que la lectura siga una secuencia clara sin saturar.

youtube

+1

Audio y video opcional:

Qué secciones se benefician de un clip corto (explicación del docente, demo de procedimiento, testimonio).

Indicaciones de formato (MP4 y MP3), controles de reproducción visibles, sin autoplay invasivo.

youtube

+1

EPUB Interactivity Preview y exportación:

Pasos para probar todos los eventos dentro de InDesign con el panel EPUB Interactivity Preview.

helpx.adobe

Recomendaciones para exportar como EPUB de maquetación fija (EPUB 3) y probar en lectores como Apple Books o Adobe Digital Editions.

youtube

+1

Observaciones y mejoras didácticas, incluyendo:

Introducción breve al tema y objetivo del recurso (qué problema aborda, para quién es).

Necesidad de una imagen de impacto (o escena central) que represente la causa o el efecto principal del tema, y cómo vincularla a uno o varios de los 14 puntos interactivos.

Recordatorio de insertar fuentes y créditos en el arte final: página o panel de bibliografía, autoría, institución, curso, año y licencia de uso.

Notas sobre jerarquía visual (título, subtítulos, cuerpo, datos clave), uso de color, legibilidad en pantalla y coherencia entre el mapa mental y la infografía.

Lista de enlaces de apoyo que el estudiante debe revisar para aprender la implementación técnica, incluyendo al menos:

Un video sobre botones y estados de botón en EPUB.

youtube

Un video o lección sobre Multi‑State Objects y contenido dinámico.

ajarproductions

youtube

Un video sobre animaciones y control de tiempos en InDesign para EPUB.

youtube

+1

La página oficial de Adobe sobre interactividad y EPUB Interactivity Preview.

helpx.adobe

Un video o guía sobre exportar correctamente a EPUB fijo.

youtube

+1

Asegúrate de que el resultado sea un documento claro, legible y listo para usar como guía de evaluación: debe permitir al estudiante ver en el navegador dónde van los 14 eventos, entender qué interacción va en cada uno y tener enlaces concretos para aprender a implementarlos en InDesign.