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): 17. 10. 2012 Pořadové číslo hodiny: 13 Třída: 9. A, 9. B, 9. C Předmět: Tvorba webových stránek Název: Webnode menu, text, fotogalerie Anotace: Materiál provází žáka tvorbou odkazů v menu, prací s textem a tvorbou vhodných fotogalerií při tvorbě webových stránek u Webnode. 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ě 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, menu, text, fotogalerie, publikace 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: 464 kb
Zadání práce: Nyní se již orientuješ v prostředí Webnode, dokážeš pracovat s nástrojovou lištou. V rámci své fiktivní firmy vytvoř několik odkazů v panelu menu, které se budou tematicky vztahovat k tvojí firmě. Jednotlivé odkazy (sekce) doplň vhodnými informacemi. Doplň fotogalerii o další snímky. Menu stránky 1. Na stránce s editací celého webu zvol příkaz Upravit menu. 2. Zobrazí se celé menu stránky, které má při najetí myši po pravé straně rozbalovací tlačítko (malý trojúhelník). Kliknutím na něj dojde k zobrazení nabídky příkazů viz obrázek. Můžeš měnit názvy jednotlivých položek menu příkazem Vlastnosti, můžeš Odstranit celou položku v menu či provádět další úkony. 3. Pokud vytváříš další položky (či vnořené položky) menu, slouží k tomu příkaz Nová stránka. Vyber tedy jednu z položek menu a kliknutím na Nová stránka bude vložena další vnořená položka. 4. Při provedení změn a ukončení práce v dané oblasti je nutné vždy potvrdit tlačítko Publikovat.
Práce s textem 1. Pro vytvoření nového bloku s textovým obsahem klikni na tlačítko Formátovaný text v nástrojové liště nebo jej přetáhni do požadovaného místa na stránce. 2. Pro úpravu stávajícího textu použij příkaz Upravit text u konkrétního bloku. 3. V nově otevřeném okně Formátovaný text je možné ihned začít psát. Text lze formátovat, používat odrážky, nastavovat styly nadpisům. 4. Na stránku lze také vložit odkaz, obrázek, soubor (vytvořený např. v textovém editoru, programu pro tvorbu prezentací...). Další možnosti formátování. Vložit jako čistý text 5. Na závěr je nutné celou práci uložit příkazem Uložit. 6. Na stránkách vytvořených pomocí on-line redakčních systémů jsou často k vidění články a texty vložené z Wordu či internetových stránek přímo do hlavního okna. Výsledek bývá často špatný. Vložený článek má jiný font než celá webová stránka. Vyvarovat se popsanému znamená zkopírovat článek z Wordu nebo webu, kliknout myší do požadovaného místa v okně Formátovaný text, kam se má článek vložit a zvolit tlačítko Vložit jako čistý text.
Práce s obrázky 1. V bloku Upravit text v okně Formátovaný text: - zvol tlačítko Vložit obrázek. - otevře se ti okno s názvem Vložit obrázek, kde je přehled o využitém místě a nahraných obrázcích. Jednotlivé obrázky zde můžeš třídit do vytvořených složek příkazem Nová složka pro lepší přehlednost. - příkazem Nahrát obrázky přidej do otevřeného okna několik obrázků. - jestliže potřebuješ obrázky upravovat, najeď si na obrázek myší a vyber si z nabídnutých tlačítek pod obrázkem, jako jsou např. otočit obrázek, upravit obrázek (nastavení velikosti) atd. - kliknutím na obrázek dojde k jeho vložení do pole Formátovaný text. - obrázek se objeví na zvoleném místě. Jeho vložení vždy potvrď kliknutím na tlačítko Uložit v okně Formátovaný text. 2. V bloku Správa fotek přímo v sekci Fotogalerie nebo v nově vytvořené fotogalerii přetažením ikony Fotogalerie z panelu nástrojů na kterékoliv místo zobrazené stránky. - volbou příkazu Správa fotek a následně Nahrát obrázky vyber obrázky ze svého PC, které se nahrají do budoucí fotogalerie. Lze označit více obrázku najednou. - najetím myši na obrázek můžeš provádět opět základní úpravy obrázku, jako je změna velikosti či otočení. - obrázky jsou připravené pro vložení do fotogalerie a to příkazem Zavřít. - ve stejném řádku jako se nachází Správa fotek je také příkaz Nastavení. Zde lze změnit typ fotogalerie (jsou 2 typy) a další parametry zobrazovaných fotografií.
Zdroj: Použité obrázky z redakčního systému Webnode jsou vlastní tvorbou autora.