Kurz Stylování webu v CSS

Umíte HTML a chcete, aby váš web vypadal skvěle? Přesně na to je tento kurz.

CSS je technologie, která definuje vzhled každé webové stránky. Naprosto každý web na internetu využívá CSS. V tomto kurzu vás CSS naučím od základů.

Po absolvování kurzu zvládnete vytvořit hezké statické webové stránky a budete připraveni pokračovat dál.

25 videolekcí

Proč se učit CSS v době AI?

AI vám může navrhnout vzhled webu a vygenerovat CSS kód. Jakmile ale potřebujete něco změnit, opravit nebo doladit, bez znalosti CSS se neobejdete. Kdo rozumí CSS, ten má vzhled webu skutečně pod kontrolou.

Na konci kurzu CSS budete umět

Stylovat web pomocí CSS — barvy, písmo, pozadí, odsazení, pozicování i flexbox.
Rozumět CSS selektorům a prioritám — jak CSS vybírá elementy a proč některé styly přebíjejí jiné.
Pracovat s DevTools prohlížeče — zkoumat a ladit CSS styly jako profesionální vývojář.
Ověřit si správnost kódu — validace CSS a orientace v dokumentaci.

Doporučené vstupní znalosti

Potřebujete znát pouze:

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

Objednat kurz CSS

Vyzkoušejte si kurz CSS zdarma

První tři lekce jsou zdarma — pusťte si je hned teď.

Pokračovat v kurzu CSS

Co na vás v kurzu čeká

Krok za krokem společně nastylujeme webovou stránku. Od prvního CSS pravidla až po kompletní vzhled. Každou vlastnost vám pečlivě vysvětlím, abyste všemu rozuměli a po skončení kurzu zvládli CSS úplně sami.

Přehled lekcí

1. Úvod
Představení lektora, motivace a jak bude kurz probíhat. [zdarma]
2. Editor CSS
Nainstalujete si editor pro pohodlnou práci s CSS. [zdarma]
3. Co je CSS
K čemu CSS slouží a jak s ním pracují webové prohlížeče. [zdarma]
4. Vložení CSS do HTML
Různé způsoby napojení stylů a jejich priorita.
5. CSS selektory
Jak CSS vybírá elementy: element, id, class a další.
6. Nastavení písma
Typ, velikost, barva, tloušťka, zarovnání textu.
7. Praktické cvičení 1
Procvičíte si selektory a stylování textu.
8. Barvy a jednotky
Různé způsoby zápisu barev a jednotek v CSS.
9. Pozadí
Nastavení barvy, obrázku a dalších vlastností pozadí.
10. Obrázky
Velikost, okraje a základní stylování obrázků.
11. Odsazení
margin, padding a jak ovlivňují rozložení stránky.
12. Stylování odkazů
Jak měnit vzhled odkazů a jejich stavů.
13. Stylování seznamů
Seznamy, obtékání a jejich vizuální úprava.
14. Typy zobrazení
inline, block, inline-block a skrývání elementů.
15. Praktické cvičení 2
Samostatný úkol na pozadí, odsazení a zobrazení.
16. Tabulky a formuláře
Stylování tabulek a formulářových prvků.
17. Pozicování
static, relative, absolute a fixed pozicování.
18. CSS flexbox
Moderní způsob rozložení prvků pomocí flexboxu.
19. BONUS: Responzivní design
Základy přizpůsobení webu různým zařízením.
20. Praktické cvičení 3
Komplexní úkol na flexbox a pozicování.
21. Další CSS vlastnosti
Filtry, animace, stíny a nastavení kurzoru.
22. Komentáře v CSS
Jak si do stylů psát poznámky.
23. Vývojové nástroje prohlížeče
DevTools — jak zkoumat a ladit CSS přímo v prohlížeči.
24. Validace CSS
Jak si ověřit, že jsou vaše styly napsané správně.
25. BONUS: Dynamická barva písma
Změna barvy textu pomocí JavaScriptu.

Délka a cena kurzu

Délka kurzu Tento kurz je dlouhý 5 hodin 10 minut a můžete ho absolvovat okamžitě ONLINE z pohodlí domova. Během kurzu vás naučím to, co byste se sami učili dlouhé měsíce. Předám vám maximum svých znalostí a zkušeností.

Cena kurzu Běžná cena kurzu: 1 854 Kč V balíčku kurz můžete absolvovat se slevou -10 % jen za 1 668 Kč ~~1 854 Kč~~