Uživatelé internetu používají širokou škálu monitorů s různým rozlišením obrazovky. Jedním z úkolů webových vývojářů je proto potřeba vytvořit a optimalizovat web pro jeho správné zobrazení na monitorech s jakýmkoli rozlišením.
Instrukce
Krok 1
Navrhněte si svůj web s nejnižším použitelným rozlišením - 800 * 600 pixelů a použijte pevné rozložení. Ale s tímto přístupem existuje jedna nevýhoda - pro uživatele, kteří mají širokoúhlé monitory, se na obrazovce při prohlížení vašeho webu objeví široká pole.
Krok 2
Použijte plynulé rozložení. V tomto případě budou stránky na těchto monitorech roztaženy vodorovně, jejichž rozlišení je vyšší než rozlišení použité při vývoji. Tento přístup se ale nejlépe používá při vytváření webů se spoustou textových informací a minimálním množstvím grafiky. Je to proto, že některé prvky, například obrázky nebo komponenty třetích stran, budou při změně velikosti na různých monitorech zkreslené.
Krok 3
Nejsprávnějším, ale zároveň a z hlediska implementace složitějším je použití adaptivního rozvržení. Toto je složitější verze gumového rozvržení, která umožňuje při použití programového kódu změnit počet sloupců s informacemi.
Krok 4
Bez ohledu na rozložení zvolené pro vývoj webu však proveďte jeho rozložení při rozlišení obrazovky 1024 * 768 pixelů. Toto je nejběžnější rozlišení.
Krok 5
Pro správné zobrazení webu na monitorech s jiným rozlišením také dodržujte některá pravidla. Pokuste se udržet hlavní obsah stránky na jedné obrazovce, abyste se vyhnuli posouvání. Umístěte textové informace do úzkého sloupce, aby se „nerozptylovaly“po celé šířce obrazovky. Sledujte celkový design stránek, aby bylo vše proporcionální.
Krok 6
Při navrhování návrhu vypočítejte procento, nikoli množství, šířky a výšky stránky. Pak bude velikost stránky proporcionálně změněna jak na běžných monitorech, tak na širokoúhlých monitorech.
