Misterio Plantillas HTML

Plantillas HTML de misterio editables para sitios repletos de pruebas

Las plantillas HTML de misterio ya incluyen el marcado necesario para una investigación. No hace falta editar el código fuente HTML para personalizar una en Nicepage, y el resultado se puede exportar como archivos HTML para su propio servidor. Este formato resulta idóneo para casos construidos a partir de pruebas diversas, donde la declaración de un testigo, una pista cifrada y la fotografía de una evidencia requieren bloques de distinto tipo.

El marcado detrás de cada expediente del caso

Un reducido conjunto de componentes reutilizables suele realizar la mayor parte del trabajo en una plantilla HTML de misterio:

1. Un header de expediente contiene el número de caso, el título de la investigación y una fecha. Un informe policial ficticio puede reutilizarlo sobre su texto y archivos adjuntos.
2. Un bloque de documento combina una carta escaneada con su transcripción tipografiada, de modo que la pista exista como texto real que los lectores puedan buscar y los lectores de pantalla puedan leer en voz alta.
3. Un bloque de declaración mantiene el nombre del testigo y la fecha separados del testimonio, lo que permite modificar una transcripción extensa sin alterar el marco con efecto de papel rasgado.

Los niveles de encabezado pueden estructurar el caso, desde el título de la investigación hasta los grupos de pruebas y los documentos individuales. Una postal codificada y un mensaje interceptado pueden compartir el mismo esqueleto, añadiendo únicamente los campos que cada uno requiera. Fichas de pruebas breves pueden enlazar a documentos completos en archivos HTML independientes, lo que mantiene la vista general del caso ligera. Un botón con la etiqueta «Desbloquear pruebas» sigue siendo un enlace común hasta que se redacte un script para validar la respuesta.

Cuando las pruebas se adaptan a pantallas estrechas

La presentación de las pruebas se desajusta primero en pantallas pequeñas debido a que gran parte del contenido se dispone por parejas, como una foto y su pie de foto. Los modos responsivos de Nicepage le permiten revisar esas parejas antes de exportar, y varios aspectos merecen una atención especial:

1. Una foto que se muestra junto a su explicación en un ordenador de escritorio debe apilarse sobre ella en un teléfono móvil, situando cada pie de foto directamente debajo de su imagen.
2. Los números de caso largos, títulos de documentos y transcripciones deben ajustarse dentro de sus cajas para evitar que toda la maquetación se desplace horizontalmente.
3. El escaneo de una carta completa debe reducirse al ancho de la pantalla, incluyendo un enlace al archivo original para los lectores que necesiten consultar la letra pequeña.

Comprobación de la exportación antes del lanzamiento

Los archivos exportados pueden incorporarse a un proyecto web existente o entregarse a un desarrollador. La vista previa del editor únicamente muestra el aspecto visual, por lo que conviene abrir esos archivos antes de publicarlos. Cada transcripción debe aparecer como texto real, y los enlaces entre un caso y sus pruebas deben seguir funcionando. Una prueba rápida para cualquier plantilla HTML de misterio consiste en añadir un elemento de prueba más a la versión de demostración. Lo ideal es que solo se necesite duplicar un bloque e introducir el nuevo texto, de modo que registrar el décimo caso sea tan sencillo como el segundo.