Výukový materiál zpracovaný v rámci projektu Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov www.zstgmivancice.cz zstgmasaryka@seznam.cz Šablona: III/2 č. 4 Ověření ve výuce (dne): 14. 11. 2012 Pořadové číslo hodiny: 16 Třída: 9. A, 9. B, 9. C Předmět: Tvorba webových stránek Název: Hot Potatoes JCross Anotace: Materiál provází žáka tvorbou interaktivních cvičení. Pracovní list je součástí výuky tvorby webových stránek bez znalosti HTML jazyka. Autor: Mgr. Otmar Němec Jazyk: čeština Očekávaný výstup: Získá praktické dovednosti k tvorbě interaktivních cvičení (křížovek). Pracuje s informacemi v souladu se zákony o duševním vlastnictví. Ověřuje věrohodnost informací. Kriticky myslí, je schopen obhájit své činy, uvědomuje si zodpovědnost za svá rozhodnutí. Uplatňuje základní typografická pravidla. Klíčová slova: Hot Potatoes, JCross, křížovka, interaktivní křížovka, HTML kód Rozvíjené klíčové kompetence: KU, KŘP, KP Druh učebního materiálu: pracovní list Druh interaktivity: kombinované Cílová skupina: žák Stupeň a typ vzdělávání: základní vzdělávání druhý Ročník: devátý Celková velikost: 264 kb
JCross zadání práce: Program JCross slouží k tvorbě jednoduchých křížovek. Každé cvičení nabízí svému luštiteli nápovědu pro vodorovnou či svislou řadu a možnost nechat si poradit písmeno pro snadnější luštění. Podle postupu viz níže vytvoř 2 křížovky. Výslednou práci si ulož na plochu do složky Interaktivní cvičení. Obsahové zaměření křížovek: Křížovka č. 1 se bude dotýkat předmětu Občanská výchova. Vytvoř alespoň 10 otázek vztahujících se k prezidentům Československa a České republiky. Křížovka č. 2 bude opakováním anglických slovíček. Zadej do generátoru alespoň 15 anglických slov zaměřených na oblast IT. JCross postup při vypracování úkolu: Jednotlivé body odpovídají číslům na obrázku níže: 1. Vlož Název (titulek) pro webovou stránku s cvičením. 2. Zadej do mřížky všechna slova, která budou součástí hledání ve vodorovných a svislých řadách křížovky. Pro zadání slov použij tlačítko Vytvoř mřížku automaticky. 3. Do zobrazeného pole v novém okně napiš jednotlivá slova. 4. Můžeš ještě nastavit maximální počet políček mřížky pro svislé a vodorovné řady. 5. Pokračuj příkazem Make the grid. 6. Program automaticky rozmístí slova do mřížky tak, aby na sebe jednotlivé řady křížovky navazovaly. 7. Počet políček mřížky můžeš ještě dodatečně měnit příkazem z nabídky Upravit mřížku Změnit velikost mřížky. Zde zadáš pouze číslo odpovídající počtu políček v řadě a potvrdíš OK. 8. Pro posun křížovky na mřížce lze použít šipky programu. 9. Pro případnou opravu písmene klikni myší na dané písmo a pouze jej přepiš na klávesnici. 10. Slova jsou vložená, a tak jako každá správná křížovka bude i ta tvá potřebovat nápovědu. Tu přidáš kliknutím na tlačítko Přidat klíč. 11. V zobrazeném okně kliknutím na konkrétní slovo křížovky přidáváš nápovědu pro luštitele. Každé slovo potvrdíš příkazem OK. 12. V aplikaci JQuiz ses podrobně seznámil s konfiguračním nastavením interaktivních cvičení. Tímto tlačítkem můžeš také zde vyvolat zmíněné nastavení (nastavit či měnit instrukce, pojmenovat tlačítka, změnit vzhled výsledné křížovky či nastavit křížovku na čas). 13. Ulož práci ve formátu.jcw (vhodné pro pozdější úpravy) do složky Interaktivní cvičení. 14. Vygeneruj práci do HTML a opět tento soubor ulož do složky Interaktivní cvičení.
7 2 12 13 14 9 6 1 10 8 3 5 4
11 Vodorovný seznam Řádek pro nápovědu Svislý seznam Řádek pro nápovědu
Zdroj: NĚMEC, Otmar. Školní interaktivní web [online]. [cit. 7.10.2012]. Dostupný na WWW: <http://www.zstgmivancice.cz/zamestnanci/skolni_interaktivni_web.pdf> Použité obrázky z aplikace Hot Potatoes jsou vlastní tvorbou autora.