Cílem předmětu je seznámit studenty s tvorbou responzivních webových stránek, tedy stránek optimalizovaných pro klasická i mobilní zařízení. Studenti budou seznámeni s hlavními rozdíly mezi návrhem webových stránek pro klasická zařízení (počítač, notebook, apod.) a pro mobilní zařízení (mobilní telefon, tablet). Bude vysvětlen pojem responzivní design a přístup "mobile first". Principy tvorby responzivních webových stránek budou aplikovány na praktických příkladech. Po absolvování předmětu budou studenti schopni navrhnout vlastní responzivní webové stránky.
Požadavky na studenta
Během semestru student zpracuje semestrální projekt - vytvoření vlastních webových stránek optimalizovaných pro mobilní zařízení. Za semestrální projekt je možné získat 40 bodů. Student provede obhajobu semestrálního projektu u zápočtu. Tato aktivita je ohodnocena maximálně 40 body. Za aktivní účast na cvičeních je možné získat 20 bodů. Zápočet je udělen studentovi, který získá minimálně 51 bodů.
Obsah
1. Webové stránky a mobilní zařízení 2. Návrh struktury responzivních webových stránek 3. Optimalizace obsahu webových stránek pro mobilní zařízení 4. Omezení a výhody webových stránek v mobilních zařízeních 5. Rozdíly mezi klasickými webovými stránkami a webovými stránkami optimalizovanými pro mobilní zařízení 6. Optimalizace stávajících webových stránek pro mobilní zařízení 7. Responzivní design 8. Současné frameworky pro responzivní webové stránky 9. Tipy a návody pro tvorbu responzivních webových stránek 10. Praktické příklady responzivních webových stránek 11. Aplikace pravidel responzivního designu na praktické webové aplikaci 12. Aplikace přístupu "mobile first" při vytváření vzorové webové aplikace 13. Tvorba komplexních responzivních webových stránek