Šablona č. 4 III/2
Autor: Otmar Němec
Kontakt: o.nemec@zstgmivancice.cz
Jednotlivé DUMy budou zveřejněny vždy po odpilotování celé sady.
Výjimku tvoří testy a hry Riskuj.
Sada č. 1
Vzdělávací oblast: Informační a komunikační technologie
Název předmětu: Tvorba webových stránek
Označení sady: Web bez znalosti HTML jazyka
| č. | Název materiálu | Provedení |
| 1 | Seznámení s autorským zákonem I | prezentace |
| 2 | Seznámení s autorským zákonem II | prezentace |
| 3 | Základní struktura www stránky | prezentace |
| 4 | Webová stránka z MS Office | pracovní list |
| 5 | Doménové jméno a webhosting | prezentace |
| 6 | Typografie na webu | prezentace |
| 7 | Design webu | prezentace |
| 8 | Riskujeme, procvičujeme úvod k webu | hra Riskuj |
| 9 | Závěrečný test k úvodu webu | test |
| 10 | On-line tvorba webu | prezentace |
| 11 | Webnode – administrace, správa projektů,... | pracovní list |
| 12 | Webnode – rozbor nástrojové lišty | pracovní list |
| 13 | Webnode – menu, text, fotogalerie | pracovní list |
| 14 | Webnode – videa a další prvky | pracovní list |
| 15 | Hot Potatoes – JQuiz | pracovní list |
| 16 | Hot Potatoes – JCross | pracovní list |
| 17 | Hot Potatoes – JMatch | pracovní list |
| 18 | Hot Potatoes – JMix | pracovní list |
| 19 | Riskujeme, procvičujeme on-line tvorbu webu,... | hra Riskuj |
| 20 | Závěrečný test z on-line tvorby webu, Hot... | test |
Sada č. 2
Vzdělávací oblast: Informační a komunikační technologie
Název předmětu: Tvorba webových stránek
Označení sady: Programovací jazyk HTML
| č. | Název materiálu | Provedení |
| 1 | Seznámení s HTML jazykem I | prezentace |
| 2 | Seznámení s HTML jazykem II | prezentace |
| 3 | Golden HTML editor I | prezentace |
| 4 | Golden HTML editor II | prezentace |
| 5 | Formátování v HTML jazyce I | prezentace |
| 6 | Formátování v HTML jazyce II | pracovní list |
| 7 | Můj web I | pracovní list |
| 8 | Práce s obrázky na webu | prezentace |
| 9 | Vytváříme vlastní fotoalba | prezentace |
| 10 | Odkazy na webu | prezentace |
| 11 | Můj web II | pracovní list |
| 12 | Tabulky na webu | prezentace |
| 13 | Seznamy na webu | prezentace |
| 14 | Implementace hotových skriptů na web | prezentace |
| 15 | Můj web III | pracovní list |
| 16 | Rámy a jejich použití v praxi | prezentace |
| 17 | Práce s hotovými šablonami | prezentace |
| 18 | Riskujeme, procvičujeme HTML | prezentace |
| 19 | Závěrečný test z teorie HTML | kontrolní test |
| 20 | Závěrečný test z praxe HTML | kontrolní test |
Sada č. 3
Vzdělávací oblast: Informační a komunikační technologie
Název předmětu: Tvorba webových stránek
Označení sady: CSS a doplňky na web
| č. | Název materiálu | Provedení |
| 1 | Úvod do CSS stylů | prezentace |
| 2 | CSS – vlastnosti písma, barvy a pozadí | pracovní list |
| 3 | CSS – vlastnosti textu | pracovní list |
| 4 | Využití CSS v praxi I | pracovní list |
| 5 | CSS – vlastnosti boxů | pracovní list |
| 6 | Využití CSS v praxi II | pracovní list |
| 7 | CSS – pozicování | pracovní list |
| 8 | CSS vychytávky I | pracovní list |
| 9 | CSS vychytávky II | pracovní list |
| 10 | Můj web s klikací mapou | pracovní list |
| 11 | Riskujeme, procvičujeme CSS | hra Riskuj |
| 12 | Závěrečný test z teorie a praxe CSS | kontrolní test |
| 13 | Závěrečný test z praxe CSS | kontrolní test |
| 14 | Grafika na webu I | prezentace |
| 15 | Grafika na webu II | prezentace |
| 16 | Grafika prakticky | pracovní list |
| 17 | Animace na webu I | prezentace |
| 18 | Animace na webu II | prezentace |
| 19 | Animace prakticky | pracovní list |
| 20 | Závěrečný test z grafiky a animací na webu | kontrolní test |