Podróż Szablony HTML

Szablony HTML podróży z przejrzystą strukturą trasy

Szablon HTML podróży zapewnia strukturę znaczników dla strony podróży, zanim napiszesz choćby linijkę kodu. Miejsca docelowe, etapy trasy i szczegóły dnia znajdują się w oddzielnych sekcjach, z których każda zawiera przewidywalny zestaw elementów. Trasa podróży to hierarchia nagłówków, obrazów i tekstu, którą można śledzić bezpośrednio w źródle.

Znaczniki powtarzające się z każdym postojem

Strona podróży składa się z dwóch modułów o różnych zadaniach. Sekcja celu podróży zawiera nagłówek, obraz i krótkie podsumowanie. Etap trasy zawiera daty i notatkę o transporcie, a pod nimi – aktywność dnia i jej zdjęcie – zawsze w tej kolejności.

Struktura, którą zazwyczaj powtarza szablon podróży:

• sekcja celu podróży zbudowana z nagłówka, obrazu i podsumowania
• etap trasy grupujący daty, transport i aktywność dnia
• listy tras dla dni podzielonych na mniejsze kroki
• formularz zapytania w miejscu zakończenia trasy

Wyprawa z pięcioma przystankami i dwunastostopniowa podróż samochodem korzystają z tego samego schematu. Dodanie trzech przystanków powtarza znaczniki etapu jeszcze trzy razy, usunięcie dwóch usuwa dwa identyczne bloki, a hierarchia wokół nich pozostaje niezmieniona. Trasa piesza z noclegami w schroniskach jest pisana jak wycieczka kulturalna z muzeum każdego ranka.

Kolejność źródeł kształtuje czytanie mobilne

Kolejność wizualna i kolejność dokumentu różnią się. Szeroki układ może umieścić obraz celu podróży obok harmonogramu, ale w telefonie przeglądarka podąża za źródłem. Czytelnik najpierw napotyka to, co znajduje się najpierw w znacznikach: nazwę miejsca, następnie daty, a na końcu aktywność.

Warto ustalić tę kolejność w znacznikach, zamiast później poprawiać układ. Szablon, którego sekcje są już ułożone w kolejności, jakiej potrzebuje podróżny, pozostaje czytelny przez dwanaście przystanków, a każdy blok zachowuje swoje znaczenie nawet po zmianie projektu.

Edytowalne pliki do hostingu lub przekazania

Nicepage eksportuje ukończony projekt zgodnie z przepływem pracy opisanym w przewodniku eksportu HTML. Na komputerze użytkownika znajduje się zestaw plików HTML o tej samej strukturze sekcji, dzięki czemu programista może kontynuować pracę ręcznie bez konieczności powrotu do edytora wizualnego.

Spójne znaczniki etapów sprawiają, że przekazanie jest tanie. Pliki nie są zależne od konkretnego hosta, więc mogą trafić na zwykły hosting, do środowiska klienta lub do osoby, która będzie zarządzać stroną podróży w kolejnym sezonie.

Trzy rzeczy sprawiają, że szablon HTML podróży jest wart zachowania. Trasa jest czytelna w źródle, etapy powtarzają się jako pojedynczy blok strukturalny, a pliki pozostają edytowalne długo po opublikowaniu pierwszej podróży.