Czym jest layout strony internetowej?
Layout strony internetowej to logiczny układ elementów na stronie, czyli zaplanowanie, gdzie znajdą się poszczególne części interfejsu. Dotyczy przede wszystkim rozmieszczenia elementów w konkretnych miejscach strony, np. nagłówka, menu, treści głównej, panelu bocznego, stopki, formularzy czy przycisków.
W pytaniach egzaminacyjnych layout należy kojarzyć z układem przestrzennym, a nie z samym przygotowaniem treści, grafik czy adresów URL.
Co obejmuje opracowanie layoutu?
Projektowanie layoutu może obejmować:
- ustalenie położenia nagłówka strony,
- rozmieszczenie menu nawigacyjnego,
- określenie miejsca na treść główną,
- zaplanowanie paneli bocznych, reklam lub dodatkowych sekcji,
- umieszczenie stopki,
- zachowanie logicznej hierarchii informacji,
- dopasowanie układu do różnych rozdzielczości ekranu.
Czego layout nie oznacza?
Layout nie jest tym samym co:
- zawartość strony — czyli teksty, zdjęcia, artykuły,
- zbiór grafik — czyli przygotowane pliki graficzne,
- struktura adresów URL — czyli ścieżki do podstron,
- sama kolorystyka — choć może być częścią projektu graficznego.
Przykład
Typowy układ strony może wyglądać następująco:
<header>Nagłówek</header>
<nav>Menu</nav>
<main>Treść główna</main>
<aside>Panel boczny</aside>
<footer>Stopka</footer>
W praktyce taki układ jest później realizowany za pomocą HTML i CSS. HTML opisuje strukturę elementów, a CSS określa ich wygląd i położenie na stronie.