Používatelia internetu používajú širokú škálu monitorov s rôznym rozlíšením obrazovky. Jednou z úloh webových vývojárov je preto potreba vytvoriť a optimalizovať web pre jeho správne zobrazenie na monitoroch s akýmkoľvek rozlíšením.
Inštrukcie
Krok 1
Navrhnite si svoj web s najnižším použiteľným rozlíšením - 800 * 600 pixelov a použite pevné rozloženie. Ale tento prístup má jednu nevýhodu - pre používateľov, ktorí majú širokouhlé monitory, sa pri prezeraní vášho webu na obrazovke zobrazia široké polia.
Krok 2
Použite plynulé rozloženie. V takom prípade sa stránky na týchto monitoroch roztiahnu vodorovne, ktorých rozlíšenie je vyššie ako rozlíšenie použité pri vývoji. Ale tento prístup sa najlepšie využije pri vytváraní webov s množstvom textových informácií a minimálnym množstvom grafiky. Je to tak preto, lebo niektoré prvky, napríklad obrázky alebo komponenty tretích strán, budú pri zmene veľkosti na rôznych monitoroch skreslené.
Krok 3
Najsprávnejšie, ale zároveň a z hľadiska implementácie zložitejšie, je použitie adaptívneho usporiadania. Toto je zložitejšia verzia gumeného rozloženia, ktorá umožňuje pri použití programového kódu meniť počet stĺpcov s informáciami.
Krok 4
Nech už je ale pre vývoj stránok zvolené akékoľvek rozloženie, urobte ich pri rozlíšení obrazovky 1024 * 768 pixelov. Toto je najbežnejšie rozlíšenie.
Krok 5
Pre správne zobrazenie stránky na monitoroch s iným rozlíšením tiež dodržujte niektoré pravidlá. Snažte sa mať hlavný obsah stránky na jednej obrazovke, aby ste sa vyhli rolovaniu. Umiestnite textové informácie do úzkeho stĺpca tak, aby sa „nerozširovali“po celej šírke obrazovky. Sledujte celkový dizajn stránok, aby bolo všetko proporčné.
Krok 6
Pri navrhovaní dizajnu vypočítajte percentuálny podiel, nie množstvo, šírky a výšky stránky. Potom bude veľkosť stránky proporcionálne zmenená tak na bežných monitoroch, ako aj na širokouhlých monitoroch.
