Geheimnis HTML-Vorlagen

Bearbeitbare Mystery-HTML-Vorlagen für beweisreiche Websites

Mystery-HTML-Vorlagen enthalten das Markup für eine Untersuchung bereits gebrauchsfertig. Sie müssen den HTML-Quellcode nicht manuell anpassen, um eine Vorlage in Nicepage zu bearbeiten, und das Ergebnis kann als HTML-Dateien für Ihren eigenen Server exportiert werden. Das Format eignet sich für Fälle aus unterschiedlichsten Beweismitteln, bei denen Zeugenprotokolle, Chiffrenhinweise und Beweisfotos jeweils einen eigenen Blocktyp benötigen.

Das Markup hinter jeder Fallakte

Eine Handvoll wiederverwendbarer Komponenten übernimmt in einer Mystery-HTML-Vorlage meist den Großteil der Arbeit:

1. Ein Fallakten-Header enthält die Fallnummer, den Titel der Untersuchung und ein Datum. Ein fiktiver Polizeibericht kann diesen über seinem Text und den Anhängen wiederverwenden.
2. Ein Dokumentenblock stellt einen gescannten Brief neben seine abgetippte Transkription, sodass der Hinweis als echter Text vorliegt, den Leser durchsuchen und Screenreader vorlesen können.
3. Ein Aussageblock trennt den Namen des Zeugen und das Datum von der eigentlichen Aussage, sodass ein langes Protokoll angepasst werden kann, ohne den Rahmen im Reißpapier-Look zu verändern.

Überschriftenebenen können dem Fallverlauf folgen, vom Titel der Ermittlung bis hin zu Beweisgruppen und Einzeldokumenten. Eine codierte Postkarte und eine abgefangene Nachricht können dasselbe Grundgerüst nutzen und nur um die jeweils benötigten Felder ergänzt werden. Kurze Beweiskarten können auf vollständige Dokumente in separaten HTML-Dateien verlinken, was die Fallübersicht übersichtlich hält. Eine Schaltfläche mit der Beschriftung „Beweise freischalten“ bleibt ein normaler Link, bis jemand ein Skript zur Überprüfung der Lösung erstellt.

Wenn Beweise auf schmale Bildschirme treffen

Beweise geraten auf kleinen Bildschirmen zuerst aus den Fugen, weil so viele von ihnen paarweise auftreten, wie ein Foto und seine Bildunterschrift. Mit den responsiven Modi von Nicepage können Sie diese Paare vor dem Export prüfen, wobei mehrere Probleme einen genauen Blick verdienen:

1. Ein Foto, das auf dem Desktop neben seiner Erklärung steht, sollte sich auf dem Smartphone darüber anordnen, mit jeder Bildunterschrift direkt unter dem zugehörigen Bild.
2. Lange Fallnummern, Dokumenttitel und Transkripte sollten innerhalb ihrer Boxen umbrechen, da das gesamte Layout sonst seitlich verrutscht.
3. Der Scan eines vollständigen Briefes sollte auf die Bildschirmbreite herunterskaliert werden, ergänzt durch einen Link zur Originaldatei für Leser, die das Kleingedruckte studieren möchten.

Den Export vor dem Livegang prüfen

Exportierte Dateien können in ein bestehendes Webprojekt integriert oder an einen Entwickler übergeben werden. Die Editor-Vorschau zeigt nur das Erscheinungsbild; öffnen Sie diese Dateien daher vor der Veröffentlichung lokal. Jedes Transkript sollte als echter Text ankommen, und Verlinkungen zwischen einem Fall und seinen Beweisen müssen weiterhin funktionieren. Ein schneller Test für jede Mystery-HTML-Vorlage besteht darin, der Demo ein weiteres Beweisstück hinzuzufügen. Im Idealfall reicht dafür ein kopierter Block mit neuem Text, sodass der zehnte Fall genauso mühelos eingefügt wird wie der zweite.