Mystère Modèles HTML

Templates HTML de mystère modifiables pour sites d'enquêtes riches en preuves

Les templates HTML de mystère intègrent déjà le balisage nécessaire à une enquête. Vous n'avez pas besoin de modifier le code source HTML pour en personnaliser un dans Nicepage, et le résultat peut être exporté sous forme de fichiers HTML pour votre propre serveur. Ce format convient parfaitement aux dossiers reposant sur des indices variés, où la déposition d'un témoin, un indice chiffré et une photo de preuve nécessitent chacun leur propre type de bloc.

Le balisage derrière chaque dossier d'enquête

Une poignée de composants réutilisables accomplit généralement l'essentiel du travail dans un template HTML de mystère :

1. Un header de dossier contient le numéro de l'affaire, le titre de l'enquête et une date. Un rapport de police fictif peut le réutiliser au-dessus de son texte et de ses pièces jointes.
2. Un bloc de document associe une lettre numérisée à sa transcription dactylographiée, garantissant que l'indice existe sous forme de texte réel interrogeable par les lecteurs et lisible par les lecteurs d'écran.
3. Un bloc de déposition sépare le nom du témoin et la date du témoignage lui-même, permettant ainsi de modifier une longue retranscription sans toucher au cadre en papier déchiré.

Les niveaux de titres peuvent structurer l'affaire, du titre de l'enquête jusqu'aux groupes de preuves et aux documents individuels. Une carte postale codée et un message intercepté peuvent partager un même squelette, en y ajoutant uniquement les champs requis. Des fiches d'indices succinctes peuvent renvoyer vers des documents complets dans des fichiers HTML distincts, préservant la clarté de la vue d'ensemble. Un bouton intitulé « Débloquer la preuve » reste un lien ordinaire jusqu'à ce qu'un script soit rédigé pour vérifier la réponse.

Quand les preuves s'affichent sur des écrans étroits

La disposition des preuves se détériore d'abord sur les petits écrans car nombre d'entre elles fonctionnent par paires, comme une photo et sa légende. Les modes responsifs de Nicepage vous permettent de vérifier ces associations avant l'exportation, et plusieurs points méritent une attention particulière :

1. Une photo affichée à côté de son explication sur ordinateur doit s'empiler au-dessus d'elle sur mobile, chaque légende se trouvant directement sous son image.
2. Les numéros de dossier, titres de documents et transcriptions de grande longueur doivent effectuer un retour à la ligne dans leurs encadrés, sous peine de voir toute la mise en page déborder horizontalement.
3. La numérisation d'une lettre entière doit s'ajuster à la largeur de l'écran, avec un lien vers le fichier original pour les lecteurs qui souhaitent déchiffrer les détails les plus fins.

Vérifier l'exportation avant la mise en ligne

Les fichiers exportés peuvent être intégrés à un projet web existant ou transmis à un développeur. L'aperçu dans l'éditeur ne montre que l'aspect visuel ; ouvrez donc ces fichiers avant toute publication. Chaque transcription doit se présenter sous forme de texte réel, et les liens entre une affaire et ses preuves doivent rester fonctionnels. Un test rapide pour tout template HTML de mystère consiste à ajouter un élément de preuve supplémentaire à la démonstration. Idéalement, cela ne demande qu'un bloc dupliqué et un nouveau texte, de sorte que le dixième dossier s'intègre aussi aisément que le deuxième.