Rozloženie webovej stránky sa môže vykonať dvoma spôsobmi:
- Rozloženia s pevnou šírkou - ide o rozloženia, kde je šírka celej stránky nastavená s určitou číselnou hodnotou.
- Rozloženia kvapalín - Ide o rozloženia, kde je šírka celej stránky flexibilná v závislosti od toho, ako široký je prehliadač prehliadača.
Existujú dobré dôvody na použitie obidvoch metód rozloženia, ale bez toho, aby ste pochopili relatívne výhody a nedostatky každej metódy, nemôžete robiť dobré rozhodnutie o tom, ktoré webové stránky používať.
Rozloženia pevnej šírky
Pevné rozloženia sú rozloženia, ktoré začínajú určitou veľkosťou určenou webovým návrhárom . Zostávajú takou šírkou, bez ohľadu na veľkosť okna prehliadača zobrazujúcu stránku. Rozloženia s pevnou šírkou umožňujú projektantovi priamu kontrolu nad tým, ako bude stránka vo väčšine situácií vyzeraná. Často sú to preferované dizajnérmi s tlačovým pozadím, pretože dovoľujú návrhárovi vykonať minútové úpravy rozloženia a nechať ich zostať konzistentné v prehliadačoch a počítačoch.
Rozloženie kvapalín
Rozloženia kvapalín sú rozloženia, ktoré sú založené na percentách aktuálnej veľkosti okna prehliadača. Otočia sa veľkosťou okna, aj keď aktuálny prehliadač zmení veľkosť prehliadača pri prezeraní stránky. Rozloženia šírky kvapaliny umožňujú veľmi efektívne využitie priestoru poskytovaného akýmkoľvek oknom webového prehliadača alebo rozlíšením obrazovky. Často sú to preferované návrhármi, ktorí majú veľa informácií, aby sa dostali čo najmenšiemu priestoru, pretože zostávajú konzistentné vo veľkosti a relatívnej hmotnosti stránky bez ohľadu na to, kto si prezerá stránku.
Čo je to vklad?
Metóda vybraná pre návrh webových stránok bude mať vplyv na viac ako len váš dizajn . V závislosti od toho, čo si vyberiete, ovplyvníte schopnosť čitateľov skenovať text, nájsť to, čo hľadajú alebo niekedy dokonca používať vaše stránky. Štýl rozloženia ovplyvní vaše úsilie pri marketingu vašej webovej lokality prostredníctvom značky, dostupnosti nehnuteľností a estetiky vašej stránky.
Výhody rozloženia pevnej šírky
- Rozloženie s pevnou šírkou umožňuje návrhárovi vytvoriť stránky, ktoré budú vyzerať identicky bez ohľadu na to, kto sa na ne pozerá.
- Elementy s pevnou šírkou, ako sú obrázky, neprekročia text na menších monitoroch, pretože šírka celej stránky bude obsahovať tieto prvky.
- Dĺžka skenovania nebude ovplyvňovať veľké segmenty textu bez ohľadu na to, aký je široký webový prehliadač.
Výhody kvapalného rozloženia
- Rozloženie rozloženia kvapaliny sa rozširuje a zmení sa na vyplnenie dostupného priestoru.
- Používajú sa všetky dostupné nehnuteľnosti, ktoré umožňujú projektantovi zobraziť viac obsahu na väčších monitoroch, ale stále zostávajú životaschopné na menších displejoch.
- Rozloženia kvapalín poskytujú konzistenciu v relatívnej šírke, čo umožňuje stránke reagovať dynamickejšie na obmedzenia uložené zákazníkom, ako sú väčšie veľkosti písma.
Nevýhody v usporiadaní s pevnou šírkou
- Rozloženia s pevnou šírkou môžu spôsobiť horizontálne posúvanie v menších oknách prehliadača. A väčšina ľudí neradi roluje horizontálne.
- Môžu tiež viesť k veľkým rozmerom medzery vo väčších monitoroch, čo má za následok veľa nevyužitého priestoru a väčšie posúvanie vertikálne, než by bolo inak potrebné.
- Usporiadania s pevnou šírkou nerobia veľmi dobre zmeny v zmenách veľkosti písma. Pre malé zvýšenie veľkosti písma môžu byť v poriadku, ale pri väčších nárastoch sa rozloženie môže stať kompromitáciou.
Nevýhody kvapalných usporiadaní
- Rozloženie kvapalín umožňuje veľmi malú presnú kontrolu nad šírkou jednotlivých prvkov stránky.
- Môžu mať za následok stĺpce textu, ktoré sú buď príliš široké na to, aby mohli pohodlne skenovať, alebo na menších prehliadačoch, ktoré sú príliš malé, aby sa slová jasne zobrazovali.
- Rozloženie kvapaliny môže mať problémy, keď sa prvok s pevnou šírkou, ako je obrázok, umiestni do stĺpca kvapaliny. Ak je stĺpec vykreslený bez dostatočného priestoru pre obrázok, niektoré prehliadače zvýšia šírku stĺpca bez ohľadu na pokyny navrhovateľa, zatiaľ čo iné prehliadače spôsobia prekrývanie textu a obrázkov, aby sa dosiahli správne percentá.
záver
Mnoho stránok, ktoré majú veľa informácií, ktoré potrebujú na to, aby čo najúplnejšie vysielali, by fungovalo dobre s kvapalným usporiadaním. To im umožňuje využívať všetky nehnuteľnosti, ktoré poskytujú väčšie monitory, zatiaľ čo nie sú krátke menšie displeje.
Stránky, ktoré vyžadujú presnú kontrolu nad tým, ako stránky vyzerajú v každej situácii, by mohli dobre využiť rozloženie s pevnou šírkou. To poskytuje väčšiu istotu, že značka vašej webovej lokality je konzistentná a jasná bez ohľadu na veľkosť sledovania, na ktorú je zobrazená.
Predvoľba rozloženia
Mnohí preferujú zmiešaný prístup. Nemajú radi použitie tekutých usporiadaní pre veľké bloky textu, pretože to môže robiť text buď nečitateľný na malom monitore, alebo neschopný snímať na veľkom. Takže majú tendenciu robiť hlavné stĺpce strán pevnú šírku, ale robiť záhlavia, päty a bočné stĺpce pružnejšie, aby mohli zachytiť zvyšnú nehnuteľnosť a nestratiť kapacitu väčších prehliadačov.
Niektoré webové stránky používajú skripty na určenie veľkosti okna prehliadača a podľa toho zmeniť prvky zobrazenia. Ak napríklad otvoríte takýto web vo veľmi širokom okne, môžete získať ďalší stĺpec odkazov na ľavej strane, ktorý by zákazníci s menšími monitormi nemuseli vidieť. Tiež text obtékání reklamy je závislá na tom, ako široké je vaše okno prehliadača. Ak je to dostatočne široké, stránky obklopia text, inak sa zobrazí text článku pod reklamou. Zatiaľ čo väčšina lokalít nepotrebuje túto úroveň zložitosti, ukazuje to spôsob, ako využiť väčšie obrazovky bez toho, aby to malo vplyv na zobrazenie na menších obrazovkách.