Základy stavby responsivního webu

Doba, kdy zákazník navštěvoval web hlavně z počítače je už dávno pryč. Ve většině oborů roste návštěvnost hlavně z mobilních zařízení a v mnohých odvětvích tvoří více jak 50 %. Proto je důležité dbát na to, aby byl váš web čitelný nejen na počítači nebo notebooku, ale i na mobilním telefonu či tabletu. Responzivita má také zásadní vliv na SEO. Naučte se několik základních postupů, pomocí kterých vytvoříte přizpůsobivý web pro různé rozlišení obrazovky. Vám i vašim klientům se to vrátí v podobě vyšší návštěvnosti a růstu konverzí.

Předpokládané znalosti

• Ovládat operační systém, ve kterém pracujete (Windows, Linux, macOS) a mít základní znalost HTML a CSS.
• Zvládat rozbalit archivační soubor typu WinZip nebo WinRAR.
• Výhodou (nikoliv nutností) je základní znalost JavaScript a anglického jazyka.

Cíl kurzu

• Ovládnout základy stavby responzivního webu tak, abyste svůj web optimalizovali pro prohlížení na různých velikostech obrazovek.

Zaměření kurzu

• Kurz je vhodný pro ty, kterým není jedno, jak web vypadá na malých obrazovkách mobilních zařízení,
• je určen především webovým vývojářům a kodérům všech úrovní pokročilosti,
• dále amatérům z řad široké veřejnosti, kteří by rádi svůj web optimalizovali pro prohlížení na mobilních platformách.

Studijní materiály

• Elektronické autorské materiály včetně příkladů v ceně kurzu.

Po celou dobu kurzu je pro vás připraveno bohaté občerstvení a kvalitní káva.

• Předpoklady pro responzivní design.
• Jak navrhnout web pro mobilní zařízení.
• Viewport.
• Volba mezi flexibilní mřížkou a media query, frameworky.
• Význam a stavba media query v HTML stránce nebo v CSS souboru.
• Nové délkové rozměry v CSS.
• Responzivní tabulky a obrázky.
• Testování.

ZDARMA INDIVIDUÁLNÍ KONZULTACE V RÁMCI ABSOLVOVANÉHO OBSAHU KURZU

• Optimalizovat webové stránky pro mobilní a jiná zařízení.
• Nastavit stránku, aby se na mobilních zařízeních nezmenšovala.
• Javascriptový framework pro responsivní design.
• Vytvářet stránky, které jsou pro uživatele dostupnější  přijatelné z hlediska SEO.
• Používat nové prvky HTML a zejména CSS vlastnosti ke stavbě responzivního webu.
• Princip viewportu a možnosti ručního stylování.
• Používat Media query i flexibilní mřížku na konkrétních příkladech.
• Ulehčit si práci se stylováním díky specializovaným frameworkům (Bootstrap, Foundation). Nakouknete i na jQuery Mobile.
• Zkoušet a testovat responzivní design, abyste všechny vědomosti přetavili v kvalitní web, protože i Google ve svém algoritmu vyhledávání upřednostňuje responzivní webové stránky.