Milí přátelé! Dnes nastal dlouho očekávaný okamžik-začátek třetí lekce první směny našeho letního tábora! Jsme potěšeni, že vidíme každého z vás a jsme si jisti, že nadcházející lekce vám přinesou ještě více zájmu a nových znalostí. Doporučujeme vám, abyste se ponořili do světa fascinujících objevů a nezapomenutelných zážitků!
V tomto tutoriálu budeme pokračovat v naší cestě po různých koutech naší domovské planety. Podíváme se blíže na flóru a faunu Afriky, podíváme se do husté tropické džungle a seznámíme se s jedinečnými obyvateli tohoto kontinentu. Prohlídka bude plná nejen faktů a informací, ale také jasných zážitků a fotografií z cest.
Ponoříme se také do světa hvězdné oblohy a astronomických objevů. Dozvíte se, jaké jevy jsou pozorovány na obloze, jak dalekohled funguje a jaké tajemné vesmírné objekty se již podařilo objevit. Ponoření se do vesmírné tématiky nám umožní přemýšlet o místě země ve vesmíru a poznávat tajemství vzdálených planet a galaxií. Budou provedeny interaktivní hry a experimenty, které vám pomohou lépe vstřebat materiál a zapamatovat si ho na dlouhou dobu.
Jsme rádi, že jste s námi, připraveni na nové objevy a dobrodružství! Připravte se na vzrušující cestu a zářivé zážitky! Začínáme!
Přehled lekcí
Lekce: Úvod 3. lekce první směny
Datum: 10. července 2025
Trvání: 45 minut
Téma lekce: Úvod do HTML značení
Popis lekce:
Na začátku třetí lekce první směny se seznámíme se základy značkování HTML a naučíme se, jak vytvořit strukturu webové stránky. Probereme základní značky, jejich funkčnost a pravidla použití.
Poté se podíváme na základní prvky, jako jsou nadpisy, odstavce, seznamy, odkazy a obrázky, a naučíme se, jak je správně stylizovat.
Na konci lekce bude provedena praktická práce, v rámci které budou studenti muset vytvořit svou první webovou stránku pomocí získaných znalostí.
Cíle lekce:
- Seznamte se se základy HTML značení
- Naučte se vytvářet strukturu webové stránky
- Seznamte se se základními značkami a jejich funkčností
- Naučte se stylizovat základní prvky webové stránky
- Praktická práce při vytváření první webové stránky
Materiály pro výuku:
- Notebooky nebo počítače pro každého studenta
- Internetové připojení
- Projektor nebo tabule pro vystavení materiálu
- Přenosový materiál s příklady kódu
Poznámky pro učitele:
Ujistěte se, že všechny potřebné materiály a nástroje jsou připraveny předem. Vysvětlete studentům základní pojmy a Pravidla používání HTML značení. Dejte jim čas na samostatnou práci a položte otázky, abyste otestovali jejich porozumění materiálu. Pomozte jim vytvořit a stylizovat svou první webovou stránku.
Základy lekce
V dnešním tutoriálu se ponoříme do světa základů programování. Zde se dozvíte, jak vytvářet webové stránky, jak používat HTML kód pro strukturování obsahu a CSS pro návrh.
Základem lekce je pochopení toho, jak prohlížeč interpretuje a zobrazuje webové stránky a jak můžete tento proces ovládat pomocí značkovacího jazyka HTML a stylových tabulek CSS.
Je důležité porozumět struktuře prvků HTML, jako jsou záhlaví, odstavce, seznamy, odkazy a obrázky. Dozvíte se také, jak správně vybrat značky pro označování různých typů obsahu.
Použití CSS vám umožní nastavit styly, barvy, písma a umístění prvků na stránce, abyste vytvořili vizuálně poutavý a čitelný obsah. Dozvíte se o různých vlastnostech a selektorech CSS, které vám umožňují definovat styl pro konkrétní prvky nebo skupiny prvků.
Po dokončení tohoto tutoriálu budete moci vytvořit svou první webovou stránku pomocí základních prvků HTML a přiřadit jí styly pomocí CSS.
Praktické úkoly
Ve třetí třídě první směny měli žáci možnost uplatnit získané znalosti v praxi prostřednictvím plnění různých úkolů:
- Učení a vytváření základních HTML stránek:
- Vytváření titulků různých úrovní
- Vytváření odstavců a formátování textu
- Přidání obrázků
- Vytváření odkazů s interními a externími adresami
- Použití seznamů:
- Vytváření neuspořádaných seznamů
- Vytváření uspořádaných seznamů
- Příloha seznamů
- Použití atributů seznamu
- Formuláře a ovládací prvky:
- Vytvoření textového pole pro zadávání dat
- Vytvoření tlačítka pro odeslání formuláře
- Použití zaškrtávacích políček a přepínačů
- Výběr položek ze seznamu
Tyto praktické úkoly pomohou studentům upevnit základní pojmy a dovednosti při vytváření HTML stránek, což jim umožní lépe porozumět a uplatnit získané znalosti v budoucích projektech.