Kurz Stylování webu v CSS

Tento kurz je určený pro ty, co už znají jazyk HTML a chtěli by se naučit stylovat web pomocí CSS.

CSS je základní technologie, díky které určíte, jak má vaše webová stránka vypadat - barva a velikost písma, barva pozadí atd. Naprosto každý web na internetu využívá k definici vzhledu CSS. V tomto kurzu vás CSS naučím. Díky tomu zjistíte, jak probíhá stylování webových stránek a získané dovednosti budete moct dále rozvíjet.

Po absolvování kurzu si zvládnete vytvořit hezké statické webové stránky.

Na konci kurzu budete umět

CSS - základní technologii pro definici vzhledu webových stránek. Díky tomu budete umět vytvářet hezké statické webové stránky.
Vyhledávat na internetu jako programátor, abyste vždy našli odpovědi na své otázky.
Používat vývojové nástroje webových prohlížečů, aby vám tvorba webů šla hezky od ruky.
Analytické myšlení, abyste uměli najít jednoduchá a funkční řešení i velmi složitých problémů.

Žádné vstupní znalosti

Abyste kurz mohli absolvovat, nepotřebujete vědět nic speciálního. Stačí vám jen:

Jazyk HTML - buď už jste absolvovali můj kurz HTML pro úplné začátečníky, nebo máte znalosti, které v kurzu učím.

Více o kurzech

Začněte se učit CSS zdarma teď hned

První tři úvodní lekce si můžete pustit ihned.

Pokračovat v kurzu CSS

Co na vás v kurzu čeká

V kurzu vás krok za krokem provedu definicí vzhledu webové stránky. Společně si vytvoříme CSS soubor, vložíme ho do HTML stránky a budeme se dívat, jak se mění vzhled naší stránky na základě CSS kódu, který jsme napsali. Každý kousek CSS kódu vám přitom pečlivě vysvětlím, abyste všemu perfektně porozuměli a po skončení kurzu zvládli CSS úplně sami.

Přehled lekcí

1. Úvod - představení lektora a jeho motivace, informace o průběhu kurzu, ... [zdarma]
2. Editor CSS - v čem budeme programovat, abychom to měli co nejjednodušší [zdarma]
3. Co je CSS, k čemu slouží, jak s ním pracují webové prohlížeče, ... [zdarma]
4. Různé způsoby vložení CSS do HTML stránky a jejich priorita
5. CSS selektory - element, id, class, ...
6. Nastavení písma - typ, velikost, barva, tloušťka, zarovnání, ...
7. Praktické cvičení 1
8. Různé způsoby zápisu barev a jednotek
9. Nastavení pozadí
10. Obrázky - velikost, okraje, ...
11. Odsazení
12. Stylování odkazů
13. Stylování seznamů - obtékání, ...
14. Různé typy zobrazení elementů (inline, block, inline-block) a jejich skrývání
15. Praktické cvičení 2
16. Styly tabulek a formulářů
17. Pozicování
18. CSS flexbox
19. BONUS 1: Základy responzivního designu
20. Praktické cvičení 3
21. Další CSS vlastnosti - filtry, animace, stíny, nastavení kurzoru, ...
22. Komentáře v CSS
23. Vývojové nástroje webových prohlížečů a práce s CSS
24. Validace stránky - jak si ověřit správnost zápisu CSS
25. BONUS 2: Dynamické nastavení barvy písma pomocí JavaScriptu