Mistero Modelli HTML

Template HTML mistero modificabili per siti ricchi di prove

I template HTML mistero arrivano con il markup per un'indagine già predisposto. Non è necessario modificare il codice sorgente HTML per personalizzarne uno in Nicepage, e il risultato può essere esportato come file HTML per il proprio server. Il formato è perfetto per i casi costruiti su prove eterogenee, in cui la trascrizione di un testimone, un indizio cifrato e la foto di una prova richiedono ciascuno il proprio tipo di blocco.

Il markup dietro ogni fascicolo d'indagine

Una manciata di componenti riutilizzabili svolge solitamente la maggior parte del lavoro in un template HTML mistero:

1. Un header del fascicolo contiene il numero del caso, il titolo dell'indagine e una data. Un rapporto di polizia fittizio può riutilizzarlo sopra il testo e gli allegati.
2. Un blocco documento affianca una lettera scansionata alla sua trascrizione digitata, così che l'indizio esista come testo reale consultabile dai lettori e compatibile con gli screen reader.
3. Un blocco deposizione tiene separati il nome del testimone e la data dalla testimonianza vera e propria, consentendo di modificare una lunga trascrizione senza toccare la cornice a effetto carta strappata.

I livelli di intestazione possono seguire lo svolgimento del caso, dal titolo dell'indagine fino ai gruppi di prove e ai singoli documenti. Una cartolina cifrata e un messaggio intercettato possono condividere la medesima struttura, aggiungendo solo i campi necessari a ciascuno. Brevi schede di prove possono rimandare a documenti completi in file HTML separati, mantenendo snella la panoramica del caso. Un pulsante con l'etichetta "Sblocca prove" rimane un normale link finché non viene scritto uno script per verificare la risposta.

Quando le prove incontrano schermi stretti

La disposizione delle prove cede prima sui piccoli schermi perché molti elementi sono organizzati a coppie, come una foto e la relativa didascalia. Le modalità responsive di Nicepage consentono di controllare tali coppie prima dell'esportazione, e vari problemi richiedono un attento esame:

1. Una foto mostrata accanto alla propria spiegazione su desktop dovrebbe posizionarsi sopra di essa sullo smartphone, con ciascuna didascalia direttamente sotto la relativa immagine.
2. Numeri di caso lunghi, titoli di documenti e trascrizioni devono andare a capo nei propri riquadri, altrimenti l'intero layout rischia di slittare lateralmente.
3. La scansione di un'intera lettera deve ridursi alla larghezza dello schermo, con un link al file originale per i lettori che desiderano esaminare il testo minuto.

Verificare l'esportazione prima della pubblicazione definitiva

I file esportati possono essere integrati in un progetto web esistente o consegnati a uno sviluppatore. L'anteprima dell'editor mostra solo la resa visiva, pertanto è opportuno aprire questi file prima della pubblicazione. Ogni trascrizione deve presentarsi come testo reale e i collegamenti tra un caso e le relative prove devono continuare a funzionare. Una rapida verifica per qualsiasi template HTML mistero consiste nell'aggiungere un'ulteriore prova alla demo. Idealmente, ciò richiede un solo blocco duplicato e il nuovo testo, rendendo l'inserimento del decimo caso semplice quanto quello del secondo.