Mysterie HTML-sjablonen

Voor gecodeerde ansichtkaarten, interviews met verdachten en fictieve dossiers helpen duidelijke paginasecties lezers om elk detail te bestuderen. HTML-lay-outs houden afbeeldingen, transcripties en korte notities overzichtelijk gescheiden op zowel brede als smalle schermen.

Meer HTML-sjablonen uit de Natuur categorie

andere Natuur HTML-sjablonen

Bewerkbare mystery HTML-templates voor bewijsrijke sites

Mystery HTML-templates worden geleverd met de opmaak voor een onderzoek al op zijn plaats. U hoeft de HTML-broncode niet te bewerken om er een aan te passen in Nicepage, en het resultaat kan worden geëxporteerd als HTML-bestanden voor uw eigen server. Het format is ideaal voor dossiers met gevarieerd bewijsmateriaal, waarin een getuigenverklaring, een gecodeerde aanwijzing en een bewijsfoto elk hun eigen type blok nodig hebben.

De markup achter elk dossier

Een handvol herbruikbare componenten doet doorgaans het meeste werk in een mystery HTML-template:

  1. Een dossier-header bevat het zaaknummer, de titel van het onderzoek en een datum. Een fictief politierapport kan deze opnieuw gebruiken boven de tekst en bijlagen.
  2. Een documentblok koppelt een gescande brief aan de getypte transcriptie, zodat de aanwijzing als echte tekst aanwezig is die lezers kunnen doorzoeken en schermlezers kunnen voorlezen.
  3. Een verklaringsblok houdt de naam van de getuige en de datum gescheiden van de getuigenis, zodat een lang transcript kan worden gewijzigd zonder het kader met gescheurde papierrand aan te tasten.

Kopniveaus kunnen de zaak volgen, van de titel van het onderzoek tot bewijsgroepen en individuele documenten. Een gecodeerde ansichtkaart en een onderschept bericht kunnen hetzelfde basisskelet delen en alleen de velden toevoegen die ze elk nodig hebben. Korte bewijskaarten kunnen linken naar volledige documenten in afzonderlijke HTML-bestanden, waardoor het zaakoverzicht licht en overzichtelijk blijft. Een knop met het label "Bewijs ontgrendelen" blijft een gewone link totdat iemand een script schrijft om het antwoord te controleren.

Wanneer bewijsmateriaal op smalle schermen terechtkomt

Bewijsmateriaal breekt het snelst op kleine schermen omdat er zoveel in paren voorkomt, zoals een foto met bijbehorend bijschrift. Met de responsieve modi van Nicepage kunt u die paren vóór de export controleren, en verschillende problemen verdienen speciale aandacht:

  1. Een foto die op een desktop naast de uitleg wordt getoond, moet op een telefoon erboven worden gestapeld, met elk bijschrift direct onder de bijbehorende afbeelding.
  2. Lange zaaknummers, documenttitels en transcripties moeten binnen hun kaders afbreken, anders begint de hele lay-out zijwaarts te schuiven.
  3. Een scan van een volledige brief moet verkleinen tot de schermbreedte, met een link naar het originele bestand voor lezers die de kleine lettertjes willen bekijken.

De export controleren voordat deze live gaat

Geëxporteerde bestanden kunnen worden toegevoegd aan een bestaand webproject of worden overgedragen aan een ontwikkelaar. Het voorbeeld in de editor toont alleen het uiterlijk, dus open die bestanden voordat u publiceert. Elk transcript moet als echte tekst aanwezig zijn en koppelingen tussen een zaak en het bewijsmateriaal moeten nog steeds werken. Een snelle test voor elk mystery HTML-template is het toevoegen van nog een bewijsstuk aan de demo. Idealiter kost dat slechts één gekopieerd blok en nieuwe tekst, zodat de tiende zaak net zo eenvoudig wordt toegevoegd als de tweede.