ZŠ T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace
Předmět Tvorba webových stránek je vyučován v osmém (popřípadě devátém) ročníku v časové dotaci 2 hod. týdně. Volně navazuje na povinný předmět Informatika, bez něhož není možné tento předmět absolvovat. Ve volitelném předmětu Práce s internetem jsou žáci seznámeni s HTML jazykem na základní úrovni, v Tvorbě webových stránek poznávají kromě kompletního učiva kolem HTML jazyka také CSS styly a další možnosti při tvorbě a publikaci webu. Každý žák má vlastní PC, ke kterému se přihlašuje přiděleným uživatelským jménem a heslem.
Zvládnutí výpočetní techniky na úrovni nalezení informací, jejich zpracování, doplnění a publikace na webu využívají žáci nejen pro tvorbu vlastních webových stránek, ale také pro tvorbu skupinových projektů. Žáci si svojí činností rozvíjejí logické myšlení, využívají dovednosti manipulace s výpočetní technikou při řešení praktických úkolů a problémů.


Hodina Učivo Poznámka
Bezpečnost a zásady při práci s PC
Desatero bezpečného pohybu na internetu
Jak internet funguje?
Vyzkoušení programů pro ochranu PC
3D video zachycující fungování internetu
Práva, morálka, nelegální činnost na internetu
Základní struktura www stránky 1, 2 Diskuze k tvorbě webu
Tvorba webové stránky (MS Word)
Registrace na serveru s využitím domény 3. stupně
Tvorba celého webu (www.webnode.cz)
Základní struktura www stránky 3 Diskuze k základním pravidlům HTML jazyka
Seznámení se softwarem pro práci s HTML jazykem
Formátování textu 1 Práce v Golden Html Editoru, informace o nastavení programu.
Formátování textu 2
Možnosti publikace na serveru
Práce v Golden Html Editoru
Popis domény, možnosti publikace
Obrázky na webu
Odkazy na webu
Diskuze k autorským právům vztahujícím se k článkům,
fotografiím atd. na internetu
Tabulky Vytvoření rozvrhu hodin
Seznamy Sestavení fiktivního seznamu
Úprava fotografie 1 Zoner Photo Studio 8
Úprava fotografie 2
Tvorba fotogalerie
Zoner Photo Studio 8
Souhrnné opakování probraného učiva I Test – teorie
Souhrnné opakování probraného učiva II
Implementace skriptů do HTML
Test – praxe
Typografie, doctype, metanázvy Využivatí MS Wordu k opravě textu
Pokyny pro vytváření stránek Využití dalšího software
Zadání projektů Rozdělení do skupin, ukázka žákovských prací
CSS – význam a zápis stylů Poznámkový blok
CSS – vlastnosti písma, barvy a pozadí Poznámkový blok, PSPad
CSS – vlastnosti textu Poznámkový blok, PSPad
CSS – vlastnosti boxů Poznámkový blok, PSPad
CSS – pozicování Poznámkový blok, PSPad
CSS – další prvky Poznámkový blok, PSPad
CSS – praktické příklady Poznámkový blok, PSPad
Souhrnné opakování probraného učiva III Test – teorie
Test – praxe
Jazyk PHP – obecně, formuláře Poznámkový blok, PSPad
Grafika na webu 1 – 4 Macromedia Fireworks, Gimp
Animace na webu 1 – 2 Macromedia Flash
Doplňující cvičení
Prezentace projektů Představení projektů jednotlivých skupin
Prezentace projektů Představení projektů jednotlivých skupin