Rozvržení webové stránky lze provést dvěma různými způsoby:
- Rozvržení s pevnou šířkou - Jedná se o rozvržení, u kterých je šířka celé stránky nastavena s určitou číselnou hodnotou.
- Rozložení kapalin - Jedná se o rozvržení, u kterých je šířka celé stránky flexibilní v závislosti na tom, jak široký je prohlížeč prohlížeče.
Existují dobré důvody pro použití obou metod rozložení, ale bez porozumění relativním výhodám a nedostatkům jednotlivých metod, nemůžete se rozhodnout, jak používat pro vaši webovou stránku.
Rozvržení s pevnou šířkou
Pevné rozvržení jsou rozvržení, které začínají určitou velikostí určenou webovým návrhářem. Zůstanou takovou šířkou, bez ohledu na velikost okna prohlížeče zobrazující stránku. Rozvržení s pevnou šířkou umožňují návrháři přímou kontrolu nad tím, jak bude vypadat stránka ve většině situací. Oni jsou často upřednostňováni designéry s tiskem pozadí, protože dovolí návrháři provést miniaturní úpravy rozložení a nechat je zůstat konzistentní v prohlížečích a počítačích.
Tekuté rozvržení
Rozložení kapalin jsou rozložení, která jsou založena na procentuální velikosti aktuální velikosti okna prohlížeče. Omezují se velikostí okna, i když aktuální prohlížeč změní velikost prohlížeče při prohlížení webu. Rozložení šířky kapaliny umožňuje velmi efektivní využití prostoru poskytovaného kterýmkoli oknem webového prohlížeče nebo rozlišení obrazovky. Oni jsou často upřednostňováni designéry, kteří mají spoustu informací dostat se v co nejmenším prostoru, jak je to možné, protože zůstanou konzistentní ve velikosti a relativní váhy stránky bez ohledu na to, kdo si prohlíží stránku.
Co je na Stake?
Metoda zvolená pro návrh webových stránek bude mít dopad na víc než jen na váš design, ale na reakci a přizpůsobivost vašeho webu. Podle toho, co si vyberete, ovlivníte schopnost čtenářů skenovat text, najít to, co hledají nebo někdy dokonce využít vaše stránky. Stejně tak styl rozvržení ovlivní vaše úsilí o marketing vašeho webu prostřednictvím značky, dostupnosti nemovitostí a estetiky vašeho webu.
Výhody rozvržení s pevnou šířkou
- Rozložení s pevnou šířkou umožňuje návrháři vytvářet stránky, které budou vypadat shodně bez ohledu na to, kdo je na ně dívá.
- Elementy s pevnou šířkou, jako jsou obrázky, nebudou přenášet text na menších monitorech, protože šířka celé stránky bude zahrnovat tyto prvky.
- Délku skenování nebudou ovlivněny velké segmenty textu, bez ohledu na to, jak velký je webový prohlížeč.
Výhody kapalinového rozvržení
- Rozložení rozložení kapaliny se rozšiřuje a uzavírá se naplnění volného prostoru.
- Používají se všechny dostupné nemovitosti, které umožňují návrháři zobrazit větší obsah na větších monitorech, ale stále zůstávají životaschopné na menších displejích.
- Rozložení kapalin zajišťuje konzistenci v relativní šířce, což umožňuje, aby stránka dynamicky reagovala na zákaznické omezení, jako jsou větší velikosti písma.
Nevýhody pro rozvržení s pevnou šířkou
- Rozložení s pevnou šířkou může způsobit horizontální posouvání v menších oknech prohlížeče. A většina lidí nemá rád horizontální posouvání.
- Mohou také vést k velkým plochám bílých částí ve větších monitorech, což má za následek spoustu nepoužívaného prostoru a více vertikálního posouvání, než by bylo jinak nutné.
- Uspořádání s pevnou šířkou nezpracovává změny velikosti písma velmi dobře. Při malém zvýšení velikosti písma mohou být v pořádku, ale při větších nárůstích může být kompozice narušena.
Nevýhody rozložení kapalin
- Rozložení kapalin umožňuje velmi malou přesnost kontroly nad šířkou jednotlivých prvků stránky.
- Mohou mít za následek sloupce textu, které jsou buď příliš široké, aby mohli pohodlně skenovat, nebo na menších prohlížečích příliš malých, aby se tato slova jasně zobrazovala.
- Tekuté rozvržení mohou mít problémy, pokud je uvnitř sloupce kapaliny umístěn prvek s pevnou šířkou, například obraz. Pokud je sloupec vykreslený bez dostatečného místa pro obraz, některé prohlížeče zvýší šířku sloupce bez ohledu na pokyny designéra, zatímco jiné prohlížeče způsobí překrytí textu a obrázků, aby se dosáhlo správných procent.
Závěr
Mnoho webů, které mají mnoho informací, které potřebují, aby sdělovali co možná nejméně místa, by fungovalo s kapalným uspořádáním. To jim umožňuje využít všech nemovitostí, které poskytují větší monitory, aniž by zkrátili menší displeje.
Stránky, které vyžadují přesné ovládání toho, jak stránky vypadají v každé situaci, by byly vhodné pro použití rozvržení s pevnou šířkou. Tím získáte větší jistotu, že značení vašeho webu je konzistentní a jasné bez ohledu na to, jaký monitor velikosti je zobrazen.
Předvolba rozvržení
Mnozí preferují smíšený přístup. Nemají rádi používat kvapalné rozvržení pro velké bloky textu, protože to může způsobit, že text bude na malém monitoru nečitelný, nebo na velkém neposkvrněném textu. Takže mají tendenci vytvářet hlavní sloupce stránek pevnou šířkou, ale zpřístupňují záhlaví, zápatí a postranní sloupce, aby zbyly zbývající nemovitosti a neztrácely kapacitu větších prohlížečů.
Některé weby používají skripty ke stanovení velikosti okna prohlížeče a následně ke změně zobrazovacích prvků. Pokud například otevřete takový web ve velmi širokém okně, můžete získat levý sloupec dalších odkazů, které by zákazníci s menšími monitory nemuseli vidět. Také textový obal kolem reklamy závisí na tom, jak široké je vaše okno prohlížeče. Je-li dostatečně široká, stránky obtékají text, jinak se zobrazí text článku pod reklamou.Zatímco většina webů tuto úroveň složitosti nepotřebuje, ukazuje způsob, jak využít větší obrazovky bez ovlivnění zobrazení na menších obrazovkách.
