Kolekcja Szablony HTML

Przejrzyste szablony HTML kolekcji do wyeksportowania i dalszej edycji

Sklep z czterdziestoma wyrobami ceramicznymi i archiwum zawierające kilkaset grafik napotykają tę samą barierę: dziesiąty element musi prezentować się równie dobrze jak pierwszy. Szablony HTML kolekcji to gotowe projekty katalogów, galerii lub archiwów, a dopisek HTML jasno wskazuje format wynikowy projektu. Nicepage eksportuje całość jako witrynę statyczną, dzięki czemu ułożona wizualnie kolekcja staje się kodem HTML, CSS i JavaScript, który można opublikować na hostingu lub edytować w kodzie źródłowym.

Co zawiera wyeksportowana galeria

Eksport można uruchomić z poziomu aplikacji Nicepage oraz edytora online, więc wynik nie zależy od wybranego narzędzia pracy. Eksport do folderu oraz przez FTP jest wbudowany w aplikacje, co ma znaczenie, jeśli ścieżka publikacji została już ustalona. Przewodnik po eksporcie witryny HTML opisuje dostępne warianty.

Witryna kolekcji wyeksportowana z Nicepage obejmuje:

1. Kod znaczników każdej utworzonej strony, łącznie ze spisem kolekcji;
2. Arkusz stylów oraz skrypty, na których opiera się projekt;
3. Zdjęcia produktów, strony lookbooka i skany archiwalne.

Całość można wdrożyć na zwykłym hostingu statycznym, a ten sam folder przekazać programiście pracującemu nad większym projektem.

Komórki siatki na wąskich ekranach

Układy kolekcji umieszczają kilka obrazów obok siebie na szerokim ekranie, a element siatki organizuje je w komórkach, które układają się pionowo, gdy ekran staje się węższy. Na stronie katalogu to zachowanie ma kluczowe znaczenie, ponieważ długa lista podobnych elementów najszybciej obnaża słabości projektu.

Gdy szerokość okna maleje, te same punkty wymagają zazwyczaj uwagi:

1. Nazwy elementów dłuższe niż tekst demonstracyjny, które rozpychają kartę w pionie;
2. Podpisy oddalające się od przypisanego do nich zdjęcia;
3. Galerie zachowujące więcej kolumn, niż mieści się na ekranie.

Układy dla linii produktów i serii artystycznych

Nie każda kolekcja wymaga takiego samego układu strony. Linia produktów prezentuje się najlepiej w równej siatce elementów z cenami i krótkimi opisami, podczas gdy archiwum potrzebuje miejsca na podpisy i numery referencyjne przy każdym skanie. Treści demonstracyjne warto traktować jako podpowiedź dotyczącą bazowej struktury układu.

Zdjęcia w kolekcji rzadko mają identyczne proporcje, a to decyduje zazwyczaj o tym, jak szablon zniesie wymianę materiałów. Fotografia produktowa ma zazwyczaj jednolity kadr; dzieła sztuki i skany archiwalne – niemal nigdy. Najszybszym testem jest utworzenie sekcji wypełnionej własnymi zdjęciami i nazwami, zwłaszcza taką, która jest dwukrotnie dłuższa od przykładowej. Zachowanie projektu w tym miejscu powtórzy się w pozostałej części katalogu.