Elige una plantilla según el ambiente y crea una presentación HTML

## Pregunta la ocasión y el ambiente antes de elegir plantilla Haz dos preguntas concretas antes de leer o seleccionar plantillas. Primero pregunta para qué ocasión se utilizará la presentación. Entre los ejemplos se incluyen una presentación de una empresa emergente, una síntesis de investigación, un manifiesto de marca, el inicio de un curso o una revisión de diseño. Después pregunta qué ambiente o sensación debería percibir el público. Puede ser, por ejemplo, seguro y contundente, sereno y literario, cálido y divertido, u oscuro y evocador. Espera las respuestas del usuario antes de elegir una plantilla. Ni siquiera un resumen detallado elimina este paso obligatorio de aclaración. No deduzcas las preferencias estéticas únicamente del tema o del sector. Considera el objetivo emocional del usuario como un dato principal para el diseño. Separa la ocasión del tono, porque una misma ocasión puede admitir varias direcciones visuales. Pregunta por el grado de formalidad solo cuando las expectativas del público lo hagan pertinente. Pregunta por la densidad de contenido cuando el resumen contenga una cantidad de material inusualmente alta o baja. Registra como restricciones estrictas las preferencias explícitas por un esquema claro, oscuro o mixto. No inicies la producción completa durante esta fase de aclaración. Formula preguntas lo bastante breves para que el usuario pueda responder de inmediato. ## Elige tres plantillas claramente distintas que encajen con el ambiente Lee el índice de plantillas antes de abrir archivos de plantillas concretos. Contrasta las respuestas con el ambiente, el tono, la descripción del uso idóneo y la formalidad. Usa la ocasión como una señal flexible, no como una lista excluyente de sectores. No puntúes las plantillas por su parecido con el sector del tema. Para valorar la densidad, compara la capacidad demostrada por la plantilla con el volumen de contenido. Trata el esquema como una señal estricta cuando el usuario haya especificado uno claro u oscuro. Considera las recomendaciones de no uso como advertencias flexibles. Permite que una preferencia explícita del usuario prevalezca sobre una advertencia flexible. Elige exactamente tres candidatas con una afinidad tonal auténtica. Empieza las descripciones de las candidatas por las sensaciones que transmiten, no por su clasificación. Haz que las tres candidatas sean lo bastante distintas para permitir una elección real. No presentes tres variantes casi idénticas de estilo editorial, corporativo o divertido. Cuando sea posible, incluye una opción de ajuste directo, una alternativa convincente y una reinterpretación bien planteada. Comprueba que la formalidad sea adecuada para el público. Señala incompatibilidades graves, como un diseño poco formal para un consejo de administración conservador. Utiliza la cantidad de diapositivas de demostración solo como indicio de los diseños disponibles, no como puntuación de calidad. Lee todo el HTML y el CSS únicamente después de que una plantilla entre en la preselección. ## Crea vistas previas de la diapositiva de título con el contenido real Examina la diapositiva de título y el sistema visual complementario de cada plantilla preseleccionada. Extrae únicamente la primera diapositiva para la vista previa. Mantén bajo el coste de la comparación limitando cada vista previa a una diapositiva. Sustituye el título, el subtítulo, el autor y la fecha provisionales por el contenido real del usuario. No muestres texto genérico de relleno en una vista previa destinada a elegir. Guarda cada vista previa como un artefacto HTML independiente en una carpeta temporal de vistas previas. Utiliza nombres de archivo numerados e identificadores descriptivos estables. Conserva todas las hojas de estilo, secuencias de comandos, fuentes y recursos asociados que necesite la vista previa. Asegúrate de que cada vista previa se abra sin depender de la carpeta de la plantilla original. Mantén las dimensiones originales y el comportamiento adaptable de la diapositiva de título. Usa un tamaño uniforme de ventana del navegador al comparar las candidatas. No rediseñes la vista previa antes de que el usuario elija. No cambies los colores ni la tipografía, ni simplifiques la identidad visual de la plantilla. Comprueba que los títulos reales largos se ajusten sin solapamientos ni recortes. Revisa los marcadores de imagen, las atribuciones y el formato de la fecha. Abre todas las vistas previas en un navegador antes de presentarlas. Considera la inspección visual como parte de la creación, no como una comprobación posterior opcional. ## Muestra las tres vistas previas y espera a que el usuario elija Abre las tres vistas previas mediante el mecanismo del entorno para abrir el navegador. Envía al usuario una comparación numerada. Mantén estables la numeración y los nombres de archivo para que los comentarios correspondan a la candidata correcta. Incluye para cada opción el nombre de la plantilla y una descripción de una línea sobre su tono. Proporciona la ruta absoluta de cada artefacto de vista previa. Haz que las rutas se puedan usar o abrir directamente en la interfaz actual. Explica por qué cada candidata encaja con la sensación solicitada. No sustituyas las vistas previas por una explicación de ventajas e inconvenientes basada solo en texto. Pregunta cuál de las opciones le parece adecuada. Espera una selección explícita antes de crear la presentación completa. No interpretes el silencio como aprobación. Si el usuario rechaza las tres opciones, ajusta la interpretación del ambiente y haz otra preselección. No defiendas una candidata cuando las preferencias del usuario la hayan descartado claramente. Mantén la plantilla elegida como único sistema visual a partir de ese momento. No cambies después de plantilla porque una diapositiva resulte difícil. ## Pon el contenido real en cada diapositiva sin cambiar el estilo de la plantilla Copia la carpeta completa de la plantilla elegida en el espacio de trabajo del proyecto del usuario. Conserva las fuentes, los grosores, el espaciado entre letras y los interlineados. Conserva toda la paleta de colores y las variables CSS. Mantén las cuadrículas, los sistemas de posicionamiento, las jerarquías flexibles y el ritmo de espaciado. Conserva las clases de cada diapositiva que sostienen la identidad visual. Mantén los elementos decorativos, como el grano, los corchetes, las formas, las ilustraciones y los garabatos. Conserva el entorno de navegación existente y su modelo de interacción. Sustituye todos los encabezados, textos de cuerpo, elementos de lista, pies, estadísticas, nombres, fechas, atribuciones y textos incorporados por el autor. Considera que las etiquetas de sección y los textos de la interfaz también son contenidos provisionales que deben sustituirse. Sustituye cada marcador de imagen por la imagen del usuario con las mismas dimensiones. Utiliza encabezados, párrafos, listas y elementos de imagen adecuados para el contenido real. Duplica el diseño existente más cercano cuando hagan falta más diapositivas. Si se necesitan menos, retira las diapositivas innecesarias del final. Actualiza las etiquetas de página actual y total de páginas después de cada cambio en la cantidad de diapositivas. Adapta todas las diapositivas; no dejes texto de demostración ni cifras provisionales. Mantén clara la jerarquía de la información del usuario dentro de los límites de densidad de la plantilla. Comprueba si hay desbordamientos en cada diapositiva reescrita antes de continuar. ## Diseña los tipos de diapositiva que faltan con el mismo estilo Diseña desde cero cualquier composición necesaria que falte en la plantilla elegida. No vuelvas al usuario únicamente porque falte una tabla comparativa o una cronología. No importes un diseño de otra plantilla. Utiliza las mismas familias tipográficas, grosores, espaciado y jerarquía tipográfica. Emplea solo los colores de la paleta existente y elige el matiz de acento más próximo si parece necesario un color semántico nuevo. Reutiliza el mismo vocabulario decorativo y la misma textura visual. Una diapositiva desnuda y sin adornos dentro de una presentación ornamental constituye un fallo de diseño. Haz coincidir los márgenes internos, las columnas de la cuadrícula, los espacios entre columnas y las reglas de alineación. Reutiliza la gramática de componentes de la plantilla para tarjetas, estadísticas, citas y pies. Haz coincidir las etiquetas superiores, los números de página, las marcas de esquina y los demás elementos de interfaz. Inserta la diapositiva nueva como el mismo tipo de elemento hermano que utilizan las existentes. Intégrala con el comportamiento actual de navegación por teclado, ajuste de desplazamiento o avance por etapas. Prueba la diapositiva nueva entre dos originales. Si parece incorporada desde otro lenguaje visual, vuelve a diseñarla. Continúa con la implementación y la verificación sin pedir al usuario que resuelva el diseño. ## No cambies las fuentes, los colores ni la disposición de la plantilla No sustituyas una fuente por otra parecida cuando la original no se cargue. Repara en su lugar la importación o la ruta del recurso. No cambies los colores de acentos, fondos o tonos neutros. No combines diapositivas de plantillas diferentes. No elimines elementos decorativos solo porque parezcan no tener una función. No modernices un estilo visual antiguo dentro de la plantilla elegida. Elige otra plantilla durante la selección si el lenguaje visual no es adecuado. No reestructures las cuadrículas para facilitar la inserción de contenido. Ajusta la extensión y la jerarquía del contenido antes de romper el diseño. No deformes las imágenes para llenar los marcadores. Recorta o selecciona recursos que se adapten a la proporción prevista. Comprueba cada diapositiva con el tamaño de ventana objetivo de la presentación. Revisa recortes, desbordamientos, contraste, saltos de línea y navegación. Verifica la numeración y el total de páginas después de añadir o retirar diapositivas. Mantén los archivos de vista previa, iteración y entrega final en un estado que permita comprobarlos visualmente. ## Revisa cada archivo en el navegador e indica su ruta Abre en un navegador todas las vistas previas, iteraciones intermedias y la presentación final. No anuncies un artefacto antes de comprobarlo visualmente. Envía la ruta absoluta de cada artefacto. Coloca cada ruta en una línea independiente cuando la interfaz permita abrirlas. Para la presentación final, menciona la plantilla elegida de forma genérica y explica en una línea por qué coincide con el tono. Menciona las salvedades solo cuando afecten al resultado entregado. Coloca cualquier salvedad que requiera una acción del usuario junto a la ruta del artefacto final. Identifica las diapositivas diseñadas desde cero cuando la plantilla original no incluyera sus composiciones. Mantén la entrega concisa: artefacto, ruta, justificación y salvedades importantes. No relates todo el proceso de producción. Confirma que todos los recursos necesarios se resuelvan desde la carpeta entregada. Confirma que la navegación funcione desde el archivo final. Confirma que la presentación final no contenga ningún contenido provisional. Considera la verificación en el navegador y la entrega de rutas como requisitos de finalización. No informes de la finalización si falta cualquiera de esos requisitos.