Poznejte tajemství kaskádových stylů (CSS 3)

Ve světě webových technologií se důrazně odděluje vzhled od obsahu. Ať už z důvodu přístupnosti nebo kvůli vyhledávačům. Právě pro tvorbu vzhledu slouží CSS – Cascading Style Sheets neboli kaskádové styly. Lze s nimi vytvořit celý layout stránky. Pomocí různých zápisů CSS vytvoříte jeden styl pro PC obrazovku, druhý styl pro mobilní zařízení a další styl pro tisk. Po kurzu pomocí CSS zvládnete nastylovat vzhledné a plně funkční www stránky.

Kurz vyučován také interaktivní on-line formou s lektorem. 

Předpokládané znalosti

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

Cíl kurzu

• Zvládnout nastylovat vlastní webové stránky pomocí formátovacího jazyka CSS 3, měnit styl html stránek, jejich rozvržení, barvy, písma, odsazení, sloupce a jiné.

Zaměření kurzu

• Kurz CSS 3 určený pro začínající vývojáře webových stránek a aplikací (frontend kodér, UI, webmaster),
• je vhodný pro ty, kteří chtějí změnit vzhled svých webových stránek – a to počínaje malými změnami a konče redesignem celého webu,
• dále jej ocení grafici a webdesigneři, jež se chtějí zdokonalit v aplikaci grafiky na webu,
• správci CMS (redakčních systémů, např. Joomla!, WordPress, Drupal atd.), aby docílili zajímavějšího vzhledu svých stránek díky úpravám CSS,
• vhodný je také pro učitele odborných předmětů zaměřených na programování.

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

• Způsoby zápisu CSS – inline, interní a externí stylopis
• Syntaxe zápisu vlastností kaskádových stylů
• Odlišení různých prvků dokumentu – selektory
• Použití značek div a span
• Odkazování ve stylopisu
• Délkové jednotky v CSS
• Zápis barvy
• Změna vlastností písma, textu a odstavce
• Nastavení pozadí a barvy, průhlednost
• Velikost prvků a jejich obtékání
• CSS pozicování
• Vytvoření rámečků a nastavení jejich okrajů a odsazení
• Stylování seznamů a tabulek
• CSS efekty (stíny, kulaté rohy, transformace, animace)
• Vytvoření CSS layoutu

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

• Snadno měnit vzhled webových stránek. Pomocí vhodného zápisu stylu CSS 3 vytvořit jiný vzhled pro tisk stránky, pro zobrazení na monitoru počítače nebo na chytrém telefonu či tabletu.
• Modifikovat zdrojový kód HTML tak, aby nebyl porušen tok textu ani sémantika.
• Změnit vzhled například všech odstavců na stránce, nebo jen jeden konkrétní. Dozvíte se, o nastavení velikosti prvků a jejich vzájemném obtékání či CSS pozicování.
• Pomocí vlastností CSS měnit pozadí stránky, odstavce nebo blokové kontejnery. Nadpisům nastylovat barvu a velikost písma, pozadí, zarovnání atd.
• Nastylovat seznamy a tabulky. Seznámíte se s CSS efekty, např. jak vytvořit kulaté rohy.
• Používáte-li redakční systém (např. Joomla, WodrPress...), naučíte se, jak vylepšit design stránek.
• Správně definovat vlastnosti CSS, aby byl web funkční (validní) dle W3C.