Zagadka Szablony HTML

Edytowalne szablony HTML mystery dla stron bogatych w materiały dowodowe

Szablony HTML o tematyce detektywistycznej zawierają gotową strukturę znaczników przygotowaną na potrzeby śledztwa. Nie musisz edytować kodu źródłowego HTML, aby dostosować szablon w Nicepage, a gotowy rezultat możesz wyeksportować jako pliki HTML na własny serwer. Taki format doskonale sprawdza się przy sprawach opartych na różnorodnych dowodach, w których zeznanie świadka, zaszyfrowana wskazówka i fotografia dowodowa wymagają odrębnych typów bloków.

Struktura znaczników kryjąca się za każdą teczką sprawy

Kilka komponentów wielokrotnego użytku wykonuje większość pracy w szablonie HTML mystery:

1. Header akt sprawy zawiera numer sprawy, tytuł śledztwa oraz datę. Fikcyjny raport policyjny może wykorzystać go ponownie nad treścią i załącznikami.
2. Blok dokumentu zestawia skan listu z jego przepisaną transkrypcją, dzięki czemu wskazówka istnieje jako prawdziwy tekst możliwy do przeszukania i odczytania przez czytniki ekranu.
3. Blok zeznania oddziela nazwisko świadka oraz datę od samej relacji, co pozwala na modyfikację obszernej transkrypcji bez naruszania ramki stylizowanej na naddarty papier.

Poziomy nagłówków mogą odzwierciedlać hierarchię sprawy – od tytułu śledztwa, przez grupy dowodów, aż po pojedyncze dokumenty. Zaszyfrowana pocztówka i przechwycona wiadomość mogą współdzielić ten sam szkielet, dodając jedynie pola potrzebne w danym przypadku. Zwięzłe karty dowodowe mogą linkować do pełnych dokumentów w osobnych plikach HTML, co zapobiega przeciążeniu strony głównej sprawy. Przycisk z etykietą „Odblokuj dowód” pozostaje zwykłym odnośnikiem do momentu utworzenia skryptu weryfikującego odpowiedź.

Gdy materiał dowodowy trafia na wąskie ekrany

Prezentacja dowodów najszybciej traci spójność na małych ekranach, ponieważ wiele z nich występuje w parach, jak zdjęcie i jego podpis. Tryby responsywne w Nicepage pozwalają zweryfikować te zestawienia przed eksportem, a szczególną uwagę warto zwrócić na kilka kwestii:

1. Zdjęcie wyświetlane na komputerze obok opisu powinno na telefonie układać się nad nim, a każdy podpis musi znajdować się bezpośrednio pod właściwą ilustracją.
2. Długie numery spraw, tytuły dokumentów oraz transkrypcje muszą zawijać się wewnątrz swoich bloków, inaczej cały układ zacznie przesuwać się w poziomie.
3. Pełny skan listu powinien skalować się do szerokości ekranu i zawierać link do pliku oryginalnego dla czytelników potrzebujących dokładnego wglądu w drobny druk.

Sprawdzenie wyeksportowanych plików przed publikacją

Wyeksportowane pliki można dołączyć do istniejącego projektu internetowego lub przekazać programiście. Podgląd w edytorze przedstawia jedynie wygląd wizualny, dlatego pliki te warto otworzyć w przeglądarce przed wdrożeniem. Każda transkrypcja powinna być wyeksportowana jako prawdziwy tekst, a odnośniki łączące sprawę z dowodami muszą działać poprawnie. Prostym testem dla każdego szablonu HTML mystery jest dodanie jeszcze jednego dowodu do wersji demonstracyjnej. W idealnym scenariuszu wystarczy skopiować jeden blok i wprowadzić nowy tekst, dzięki czemu dziesiąta sprawa powstaje równie sprawnie jak druga.