Layout
Pojmem layout označují webdesignéři rozmístění základních prvků na stránce. Layout je tedy jakési schéma, jež říká, kde bude umístěn logotyp, hlavní navigace, drobečková navigace, formulář pro fulltextové vyhledávání a další obvyklé součásti stránky.
Dobrý layout je základem použitelnosti každé webové prezentace. Přitom navrhnout layout není nic jednoduchého, zejména u větších webů. Z jedné strany vás omezují pravidla informační architektury, z druhé strany volání grafika po kreativitě vzhledu webu, třetí stranou omezující vytvářený layout je již zmíněná použitelnost – s některými prvky by se na stránce nemělo příliš hýbat, uživatelé jsou zvyklí na jejich přibližné umístění (např. logo v levém horním rohu) a layout, který tato očekávání naruší, nebude zřejmě patřit k úspěšným.
K pojmu layout také patří další dva často používané termíny – tabulkový layout a proti němu stojící beztabulkový layout. Oba se týkají kódu stránek, přesněji způsobu, jakým je layout v rámci kódu stránky realizován. Starší varianta, tabulkový layout, využívá k rozmístění prvků na stránce neviditelné tabulky, často i velké množství tabulek zanořených do sebe. Přestože je tento způsob velmi zastaralý, stále je možné na různých prezentacích na tabulkový layout narazit.
Technologicky modernější varianta, beztabulkový layout, využívá k rozmístění prvků na stránce kaskádové styly. Mezi výhody tohoto řešení, které považujeme za základ současné webové prezentace, patří rychlejší načítání stránky v prohlížeči, celkově menší objem kódu a jeho správnější struktura (viz sémantika). Beztabulkový layout se používá i při optimalizaci pro vyhledávače, kladem bude také jednodušší a tudíž levnější správa celého webu.
Třetím způsobem, umožňujícím vytvořit layout stránky, jsou tzv. rámy.
Odkazy související s pojmem Layout
- Kódování XHTML šablon
- Celkový rozbor stránek
- Testování použitelnosti
- Rozlišení (výklad pojmu)
- Homepage (výklad pojmu)
Zaujal vás pojem Layout?
Přemýšlíte, jak nové informace nejlépe využít v praxi? Kontaktujte nás s poptávkou:
