Weby NPINPIMojeEduEduRevueRevize RVPProhlédnout RVPZapojme všechnyVedeme školu
npi
npi
  • Celá nabídka
  • Přihlásit se
  • Domovská stránka
  • Prohlédnout celou nabídku

  • Přihlásit se

MojeEdu

  • Domovská stránka
  • Celá nabídka
  • Pomoc k RVP PV
  • Pomoc k RVP ZV
  • Pomoc k RVP ZŠS
  • Nabídka IPS Kurikulum
  • Metodické kabinety
  • Jak na plynulý přechod z MŠ do ZŠ?
  • Spomocník
  • Záznamy webinářů
  • Proč MojeEdu?
  • Co je MojeEdu?
  • Jak používat MojeEdu?
  • Export produktů (JSON)
  • Export produktů (CSV)

Weby NPI

  • NPI
  • Revize RVP
  • Prohlédnout RVP
  • Digitalizace ve vzdělávání
  • Zapojme všechny
  • Vedeme školu

Kontakt

Konzultační centrummojeedu@npi.czSenovážné náměstí 25,
110 00 Praha 1

Sociální sítě


EU logo

  • Prohlášení o přístupnosti
  • Newsletter

NPI ČR © 2026

Přihlásit se
Přihlásit se
Materiál do výuky

CSS grid – interaktivní webová stránka

1,5 (13 hodnocení)

  • odborné vzdělávání
    • Informační a komunikační technologie

Rubrika
Materiál do výuky
Druh interaktivity
Aktivita
Cílová skupina
Žák
Věková skupina
16–19 let
Týká se jazyka
Čeština

Financování materiálu

Materiál vznikl v rámci projektu spolufinancovaného Evropským sociálním fondem (ESF).

12. 4. 2021

Autor
JV

Ing. Jitka Vlčková

Další tvorba autora
Věková skupina

16–19 let

Kód

dum-d31821

12. 4. 2021

Autor
JV

Ing. Jitka Vlčková

Další tvorba autora
Věková skupina

16–19 let

Kód

dum-d31821

Materiál umožňuje interaktivní zápis pravidel v jazyku CSS pro procvičení rozložení objektů na stránce s využitím CSS gridu. Změna v zápisu CSS se interaktivně promítne v náhledu. Pro spuštění je nutné rozbalit složku a následně otevřít soubor s příponou HTML nejlépe ve webovém prohlížeči Google Chrome.

Materiály

  • Pokus02-DUM-CSS-Grid-v2.zip, ZIP, 3.04 kB

Klíčová slova

  • 16–19
  • CSS
  • CSS grid
  • layout
  • rozložení prvků na stránce
cc

Licence

Tento materiál je publikován pod licencí Creative Commons – Uveďte původ – Neužívejte komerčně – Zachovejte licenci 3.0 ČR.