CSS - Základy (Lekce 7)

Tento výukový materiál je součástí ucelené série lekcí zaměřených na tvorbu webových stránek pomocí HTML a CSS.

Lekce 7 navazuje na předchozí znalosti HTML a seznamuje studenty se základy stylování pomocí CSS.

Studenti se naučí:

• co je CSS a k čemu slouží
• jak propojit HTML a CSS
• rozdíly mezi inline, interním a externím stylem
• práci se selektory (element, class, id)
• základní CSS vlastnosti (barva, velikost písma, zarovnání, pozadí)

Materiál je koncipován tak, aby byl vhodný jak pro výklad, tak pro samostatnou práci studentů.

OBSAH BALÍČKU

• studentská verze (PDF)
• učitelská verze s metodickými poznámkami
• metodický list
• řešení cvičení
• ukázkové HTML a CSS soubory (připravené k otevření)

PRO KOHO JE MATERIÁL URČEN

• studenti středních škol
• začátečníci v oblasti webových technologií
• učitelé informatiky
• samouci

VÝUKOVÉ VÝHODY

• přehledná struktura lekce
• postupné vysvětlení krok za krokem
• důraz na praktické využití
• okamžitá zpětná vazba (Live Server)
• vhodné i pro začátečníky

ČASOVÁ NÁROČNOST

• 1 vyučovací hodina (45 minut)
• lze rozšířit na 2 hodiny dle úrovně skupiny

DOPORUČENÉ NÁSTROJE

• Visual Studio Code
• rozšíření Live Server
• webový prohlížeč