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): 7. 11. 2012 Pořadové číslo hodiny: 14 Třída: 9. A, 9. B, 9. C Předmět: Tvorba webových stránek Název: Webnode videa a další prvky Anotace: Materiál seznamuje žáka s možnými doplňky na jeho webu, jako jsou videa, dotazníky či formuláře pomocí přednastavených služeb atd. Pracovní list je součástí výuky tvorby webových stránek bez znalosti HTML jazyka. Zápis s dalšími úkoly je k dispozici na http://www.zstgmivancice.cz/studium/info9/kap07.html. Autor: Mgr. Otmar Němec Jazyk: čeština Očekávaný výstup: Získá praktické dovednosti k tvorbě webových stránek. 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: Webnode, videa, počítadlo, návštěvní kniha, 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: 840 kb
Zadání práce: V nástrojové liště se ukrývá celá řada zajímavých prvků, kterými můžeš svůj web doplnit. V rámci své fiktivní firmy přidej na web vlastní video přes server YouTube. Pokud takové video na serveru nemáš, přilož na web video, které se bude tematicky vztahovat k tvé firmě. Vytvoř dotazník pomocí služby Survio, můžeš tak nahradit předcházející anketu. Vlož na web počítadlo návštěv nebo jakýkoliv prvek vygenerovaného HTML kódu. Video ze serveru YouTube.com 1. Vyber na serveru YouTube.com video (vlastní nebo tematicky spjaté se svojí firmou), které chceš vložit na web, a zkopíruj si jeho adresu z řádku adresa svého internetového prohlížeče. 2. Přejdi na stránku, kam chceš video vložit. 3. V nástrojové liště klikni na tlačítko Ostatní a vyber příkaz Videa a možnost YouTube. Možnost YouTube potvrď nebo přetáhni myší do požadovaného místa. 4. Do řádku Adresa v zobrazeném okně překopíruj internetovou adresu videa. 5. Může upravit nastavení velikosti zobrazovaného videa a jeho zarovnání. 6. Pro vložení videa potvrď příkaz OK.
Práce s dotazníky On-line dotazníky Survio nabízí téměř 20 základních i pokročilých typů otázek a to v prostředí moderních šablon. Výsledná data lze získávat ve formátu.xls,.html nebo.pdf. 1. V nástrojové liště klikni na tlačítko Ostatní a vyber příkaz Ostatní a možnost Dotazníky (Survio). V zobrazeném okně klikni na odkaz Survio. 2. Po krátké registraci v zobrazeném okně přejdeš k samotné tvorbě dotazníku.
3. Můžeš přidávat otázky a možné odpovědi (a také různé typy odpovědí). 4. Vyber si některou z nabídnutých grafických podob. 5. Dotazník je vytvořen, můžeš se podívat na výsledný dotazník nebo přejít přímo ke zkopírování odkazu a rozeslání e-mailem.
6. Dotazník umísti především na svůj web prostřednictvím sekce Další možnosti. Na web lze vložit odkaz na spuštění dotazníku ( Odkaz na webu ), vnořit dotazník do některé ze sekcí tvého webu ( Iframe widget ) nebo nastavit dotazník jako vyskakovací okno ( Popup okna ). Všechny možnosti lze uplatnit vložením vygenerovaného HTML kódů do okna HTML kód viz bod č. 1. 7. S již hotovým dotazníkem můžeš dál pracovat, viz obrázek níže.
Práce s vygenerovaným HTML kódem 1. V nástrojové liště klikni na tlačítko Ostatní a vyber příkaz HTML kód (Embed). Do zobrazeného pole můžeš vkládat jakékoliv vygenerované HTML kódy z internetových stránek. 2. Např. z internetových stránek www.slunecno.cz/pocasi-na-web umísti na web informace o počasí. 3. Z internetových stránek www.toplist.cz vlož na web počítadlo návštěv. 4. Pokus se na internetu najít další služby, kterými bys mohl doplnit svůj web, a byly by vhodné ke zveřejnění na stránkách tvé fiktivní firmy (např. kniha návštěv).
Zdroj: Použité obrázky z redakčního systému Webnode jsou vlastní tvorbou autora.