Výukový materiál zpracovaný v rámci projektu

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 [email protected] Šablona: III/2 č. 4

Ověření ve výuce (dne): 17. 10. 2012 Třída: 9. A, 9. B, 9. C

Pořadové číslo hodiny: 13 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 Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. Byl uskutečněn z prostředků grantového projektu OPVK. Materiály jsou určeny pro bezplatné používání pro potřeby výuky a vzdělávání na všech typech škol a školských zařízení. Jakékoliv další využití podléhá Autorskému zákonu. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Otmar Němec.

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“.

Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. Byl uskutečněn z prostředků grantového projektu OPVK. Materiály jsou určeny pro bezplatné používání pro potřeby výuky a vzdělávání na všech typech škol a školských zařízení. Jakékoliv další využití podléhá Autorskému zákonu. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Otmar Němec.

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.


Výukový materiál zpracovaný v rámci projektu

Recommend Documents