Algoritmizace (HTML)
1hodina - žáci se seznámí s jazykem HTML (blíží se přihlášky na střední, co takhle programování?)
VIDEO: ZÁKLADY, případně HTML A CSS
PROGRAM: žáci kopírují instrukce učitele (viz video), pak sami vytváří. Podle prvního videa, případně něco z druhého
- pak psaní všemi 10
2hodina - žáci se seznámí s CSS
VIDEO: HTML A CSS, VLOŽENÍ PRVKU
PROGRAM: Po opakování z minulé hodiny žáci kopírují instrukce učitele (viz video), pak sami vytváří svoji stránku na určité téma (sami si vymyslí, nebo učitel navrhne), důležité je používání tříd a popis tříd.
První video tvoří základ hodiny, druhé video nemusí být probráno. Důležité je, aby žáci si hledali na internetu příkazy CSS a zkoušeli si věci sami.
3hodina - jak vkládat hotové kódy do svého kódu
VIDEO: VLOŽENÍ PRVKU
PROGRAM: Podle prvního videa si žáci zkusí vložit do svého kódu tlačítko, mohou si zkoušet i další věci (např. formuláře, rozbalovací okno - zkopírovat od <nav> do </nav> a vložit do HTML, pak přidat kód do CSS), prostě zkoušet z internetu hledat kódy a vkládat je do svého. Minimálně tlačítko button by měli umět.
Příště bude test - znalosti HTML, CSS, vložení tlačítka.
4hodina - test + vytváření svojí stránky BRACKETS
- test (z toho, co jsme studovali)
- udělej v programu BRACKETS svoji webovku. O mně/Co mám rád/Kde se vidím za 10 let / Můj oblíbený předmět ve škole
Bude to obsahovat: samostatné html stránky, css (všechny úpravy v class v CSS!), obrázky.
ÚPRAVY: textu (font-size, atd.), obrázku (padding, margin, border, atd.), odkazy (href="neco.html"), kódy z internetu: tlačítka + menu (příklady)
<!DOCTYPE html>
<html lang="cs">
<head>
<link rel="stylesheet" href="fonty.css">
<title>TITULEK</title>
</head>
<body><a class="tlacitko" href="o_mne.html">Odkaz</a>
</body>
</html>
5hodina - vytváření svojí stránky (pokračování z minula)