Rozloženie webovej stránky sleduje jeden z dvoch rôznych prístupov:
- Rozloženia s pevnou šírkou: Toto sú rozloženia, kde je šírka celej stránky nastavená konkrétnou číselnou hodnotou.
- Kvapalné rozloženia: Toto sú rozloženia, kde je šírka celej stránky flexibilná v závislosti od toho, aký široký je prehliadač diváka.
Existujú dobré dôvody pre použitie obidvoch metód rozloženia, ale bez pochopenia oboch relatívnych výhody a nedostatky každej metódy, nemôžete sa dobre rozhodnúť, ktorá z nich sa má pre váš web použiť stránke.
Rozloženia s pevnou šírkou
Pevné rozloženia sú rozloženia, ktoré začínajú konkrétnou veľkosťou stanovenou webdizajnérom. Táto šírka im zostáva, bez ohľadu na veľkosť okna prehliadača, ktoré stránku prehliada. Rozloženia s pevnou šírkou umožňujú návrhárom priamejšiu kontrolu nad tým, ako bude stránka vyzerať vo väčšine situácií. Často ich uprednostňujú dizajnéri s pozadím tlače, pretože umožňujú dizajnérom vykonať drobné úpravy rozloženia a zaistiť ich konzistentnosť vo všetkých prehliadačoch a počítačoch.
Kvapalné rozloženia
Kvapalné rozloženia sú rozloženia, ktoré sú založené na percentách veľkosti aktuálneho okna prehliadača. Ohybujú sa podľa veľkosti okna, aj keď aktuálny prehliadač pri prezeraní stránky zmení veľkosť prehliadača. Rozloženia so šírkou kvapaliny umožňujú efektívne využiť priestor poskytnutý ľubovoľným daným oknom prehliadača alebo Rozlíšenie obrazovky. Často ich uprednostňujú dizajnéri, ktorí majú veľa informácií, aby sa dostali cez čo najmenší priestor možné, pretože zostávajú konzistentné čo do veľkosti a relatívnej váhy stránky bez ohľadu na to, kto si stránku prezerá stránke.
Čo je v stávke?
Váš dizajn webových stránok ovplyvňuje tvoje responzívnosť a prispôsobivosť stránky. V závislosti od toho, čo si vyberiete, môže pomôcť alebo prekážať schopnosť čitateľov skenovať váš text, nájsť to, čo hľadajú, alebo niekedy dokonca použiť váš web. Môže byť tiež ohrozená celková identita značky na vašom webe, najmä ak sa štandardy vašej značky riadia logickým modelom prvej tlače.
Výhody rozložení s pevnou šírkou
Za určitých okolností je užitočné rozloženie s pevnou šírkou.
- Rozloženie s pevnou šírkou umožňuje návrhárovi vytvárať stránky, ktoré budú vyzerať identicky bez ohľadu na to, kto sa na ne pozerá.
- Prvky s pevnou šírkou, ako sú obrázky, neprekonajú text na menších monitoroch, pretože tieto prvky bude obsahovať celá stránka.
- Na dĺžku skenovania nebudú mať vplyv veľké segmenty textu bez ohľadu na to, aký široký je prehliadač.
Výhody usporiadania tekutín
Tekuté rozloženie funguje najlepšie za iných okolností.
- Rozloženie šírky kvapaliny sa rozširuje a zmršťuje, aby vyplnilo dostupné miesto.
- Využívajú sa všetky dostupné nehnuteľnosti, čo umožňuje návrhárovi zobraziť viac obsahu na väčších monitoroch, na menších displejoch však stále zostáva životaschopný.
- Tekuté rozloženia poskytujú konzistenciu v relatívnych šírkach, čo umožňuje stránke dynamickejšie reagovať na obmedzenia stanovené zákazníkmi, ako sú väčšie veľkosti písma.
Nevýhody rozloženia s pevnou šírkou
Pevný formát však nie je bez nákladov.
- Rozloženia s pevnou šírkou vynútia horizontálne posúvanie v menších oknách prehliadača. Väčšina ľudí nemá rada vodorovné posúvanie.
- Vo väčších monitoroch ponechávajú veľké medzery bieleho priestoru, čo má za následok veľa nevyužitého priestoru a viac rolovania zvisle, ako by inak bolo potrebné.
- Rozloženia s pevnou šírkou veľmi zle zvládajú zmeny veľkostí písma vykonané zákazníkom. Pre malé zväčšenie veľkosti písma môžu byť v poriadku, ale pre väčšie zväčšenie môže dôjsť k narušeniu rozloženia.
Nevýhody tekutých rozvrhnutí
Kvapalné rozloženia tiež nie sú bez negatívnych stránok.
- Kvapalné rozloženia umožňujú veľmi malú presnú kontrolu nad šírkou rôznych prvkov stránky.
- Výsledkom môžu byť stĺpce textu, ktoré sú buď príliš široké na to, aby sa dalo pohodlne skenovať, alebo v menších prehliadačoch príliš malé na to, aby sa slová zreteľne zobrazili.
- Chyba rozloženia kvapaliny, keď je prvok pevnej šírky, napríklad obrázok, umiestnený do stĺpca kvapaliny. Ak je stĺpec vykreslený bez dostatočného priestoru na obrázok, niektoré prehliadače zväčšia šírku stĺpca, nerešpektovanie pokynov návrhára, zatiaľ čo iné prehľadávače vynútia prekrytie textu a obrázkov, aby dosiahli správne hodnoty percentá.
Preferencie usporiadania a zmiešané prístupy
Niektorí dizajnéri uprednostňujú zmiešanie týchto konceptov. Neradi používajú tekuté rozloženia pre veľké bloky textu, pretože táto štruktúra spôsobuje, že text je na malom monitore nečitateľný alebo na veľkom skenovateľný. Takže majú tendenciu robiť hlavné stĺpce stránok pevnou šírkou, ale vytvárajú hlavičky, päty a bočné strany stĺpce flexibilnejšie, aby zabrali zvyšné nehnuteľnosti a nestratili kapacitu väčších prehľadávače.
Niektoré webové stránky používajú skripty na určenie veľkosti okna vášho prehliadača a následnú zodpovedajúcu zmenu zobrazovacích prvkov. Ak napríklad otvoríte takúto stránku vo veľmi širokom okne, môžete na ľavej strane získať ďalší stĺpec odkazov, ktorý by sa návštevníkom s menšími monitormi nemusel zobrazovať. Zalamovanie textu okolo reklamy závisí aj od toho, aké široké je okno vášho prehliadača. Ak je stránka dostatočne široká, obklopí ju textom, inak zobrazí text článku pod reklamou. Aj keď väčšina webov túto úroveň zložitosti nepotrebuje, ukazuje spôsob, ako využiť výhody väčších obrazoviek bez toho, aby to malo vplyv na zobrazenie na menších obrazovkách.