Školení Webnode pro učitele

Školení Webnode pro učitele Představte si, že si chcete vytvořit své vlastní internetové stránky. Běžná představa spočívá ve stažení příslušného programu, jeho instalace a následného poměrně složitého programování. Webnode stahovat nemusíte. Přímo na internetu si svou stránku jednoduše vytvoříte. Víc než myš potřebovat nebudete. Nadpisy, obrázky i vzhled nabídek upravíte jediným kliknutím. Stále vidíte, jak výsledné stránky vypadají, píšete, jak jste zvyklí, a když někam přetáhnete text nebo obrázek, tak tam také zůstane. To vše on-line a bez znalosti programování v HTML nebo CSS. Pavel Kasík, Technet.cz

...obsah školení 1. Seznámení s Webnode a možnostmi jeho využití ve výuce 2. Práce v modulu pro učitele přihlášení správa tříd správa žákovských účtů 3. Práce s Webnode přihlášení seznámení s administrací webu nástrojová lišta v editoru webu editace hlavičky webu jak upravit menu stránky vkládání a práce s textem vkládání obrázků vkládání videí další možnosti ukončení práce v editaci stránek 2

...krátké představení Webnode (webnode.cz) je online nástroj, který dává každému možnost vytvořit si webové stránky, a to v základní verzi naprosto zdarma. Webnode umožňuje uživatelům bez jakýchkoliv technických znalostí vytvořit profesionálně vypadající webovou prezentaci. Vše je velmi intuitivní. Místo znalosti HTML a CSS, potřebujete jen připojení k internetu a představu o tom, jak má vaše stránka vypadat. Webnode nabízí širokou škálu funkcí při tvorbě webové prezentace, a to bez nutnosti cokoliv instalovat či konfigurovat. Na stránky je tak možné snadno umístit mnoho interaktivních komponent (např. ankety, články, diskuzní fóra, blogy, FAQ, formuláře, atd.) pouhým přetažením myší. Uživatelé mohou navíc využívat vlastní doménu druhé úrovně (cokoliv.cz). Webnode používá téměř 4 miliony uživatelů po celém světě. Jde o nástroj, díky kterému i naprostí laici dokáží vytvořit atraktivní a přístupný web sami, zdarma a během několika minut. Ke spuštění programu Webnode pro školy vedly aktivity etwinning, komunity evropských škol. Zjistili jsme, že některé školy zapojené do programu etwinning používají Webnode ke sdílení materiálů a informací se zahraničními školami. Navíc pořádají workshop práce s Webnode. Kladné ohlasy učitelů nás vedly k vytvoření programu pro školy přesně podle jejich potřeb, vysvětluje Olga Prokopová, manažer programu Webnode pro školy. Jaké jsou hlavní výhody Webnode pro školy? komplexní správa žákovských účtů (učitel admin projektu zakládá účty žákům, může pomáhat s editací celého webu, má přehled o žákovských pracích...), 1000 MB prostoru na jednom projektu (získá každý žák), školní projekty, žákovská portfolia, školní časopisy, speciální projekty (žáci se dokáží poměrně rychle zorientovat ve světě informací, ověřují jejich věrohodnost a musí přijmout i odpovědnost za zveřejněné informace), využití samotnými učiteli pro třídní weby. Projekt Webnode pro školy využívá již přes 500 škol v ČR a SR. 3

...modul pro učitele Přihlášení 1. V internetovém prohlížeči otevřete stránky http://skoly.webnode.cz. 2. V pravém horním rohu Vašeho monitoru klikněte na Přihlášení. 3. Zadejte uživatelské jméno a heslo, které jste od nás získali. 4. Pokračujte tlačítkem Přihlásit. Správa tříd Nacházíte se v administraci modulu pro učitele. Vaše administrace zatím neobsahuje žádnou třídu. Zvolte příkaz Přidat novou třídu. Pojmenujte Vaši třídu a potvrďte kliknutím na tlačítko Vytvořit. Můžete vytvářet libovolný počet tříd. Třída je vytvořena. Přejděte na úvodní stranu s přehledem tříd klinutím na Moje třídy. 4

Správa žákovských účtů Nyní již Vaše administrace obsahuje jednu či několik tříd. Třídu můžete zobrazit příkazem Zobrazit třídu. V případě, že s vytvořenou třídou již nechcete pracovat, můžete ji odstranit příkazem Odstranit třídu. POZOR!!! Tímto krokem definitivně ztratíte kontrolu nad žákovskými projekty. Klikněte na tlačítko zobrazit třídu. Zde můžete přidávat studenty. Systém nabízí možnost přidávat studenty jednotlivě (příkazem Přidat studenta ) nebo nahrát více studentů najednou (příkaz nahrát více studentů ). 5

a) Přidat jednoho studenta Klikněte na tlačítko Přidat studenta. Vyplňte jméno a příjmení žáka (dva povinné údaje). Potvrďte kliknutím na tlačítko Přidat. V případě, že máte v plánu vytvořit Váš třídní web, můžete založit také účet pro sebe. b) Nahrát více studentů Pokud si přejete nahrát více studentů najednou, klikněte na odkaz Nahrát více studentů. V MS Excelu si vytvořte tabulku se jmény Vašich studentů. Soubor uložte ve formátu "CSV (oddělený středníkem)", např. Sešit.csv. Klikněte na příkaz Procházet a vyberte vytvořený soubor. Pokračujte kliknutím na tlačítko Nahrát soubor. Účty Vašich studentů jsou vytvořeny. 6

Další možnosti správy žákovských účtů Ve výpise jednotlivých studentských účtů vidíte kromě jména a adresy žáka také sloupec Možnosti. U konkrétního účtu můžete jako administrátoři: a) přejít přímo k zobrazení webu, b) vstoupit do editoru webu, c) zakázat/povolit studentovi přístup k jeho účtu, d) odstranit projekt žáka z Vaší administrace. Pod příkazem Vytisknout seznam studentů naleznete uživatelská jména a hesla k jednotlivým žákovským účtům konkrétní třídy. Klikněte na příkaz Vytisknout seznam studentů. Zobrazí se přihlašovací údaje jednotlivých žáků. Vše můžete vytisknout a následně rozdat konkrétním žákům, kteří se na základě těchto údajů přihlásí na stránce www.webnode.cz. 7

...práce s Webnode Přihlášení Na stránkách www.webnode.cz provede žák přihlášení k svému účtu klinutím na Přihlášení (vpravo nahoře). Vepíše e-mail (přihlašovací jméno), heslo a potvrdí kliknutím na Přihlásit. Vstoupí do registrační části svého účtu. Zde zadá svoji e-mailovou adresu, aby jeho účet mohl být aktivován. Pomocí této e-mailové adresy se bude přihlašovat do systému Webnode. Potvrdí kliknutím na Odeslat. Zobrazí se informace o aktivaci účtu. Žák pokračuje příkazem Pokračujte zde. Žák se nachází na stránce Průvodce registrací, který je složen ze tří kroků. 1. Informace o projektu: Žák si zvolí typ webu (osobní, firemní, e-shop). Je možné zadat název webu a jeho slogan. Svoji volbu potvrdí kliknutím na příkaz Pokračovat. 2. Výběr šablony: Žák si vybere jednu z nabídnutých šablon. Klikne na Pokračovat. (Šablonu lze možné později změnit.) 3. Dokončení registrace: Zvolí se sekce, které by měla žákovská prezentace obsahovat (označí se zaškrtnutím). Příkazem Dokončit registraci se otevře editor webu. Seznámení s administrací webu 1. Na stránce www.webnode.cz klikne v pravém horním rohu na příkaz Přihlášení. 2. Zobrazí se pole pro vyplnění přihlašovacích údajů. Žák zadá svůj e-mail a heslo, které si zvolil při registraci. Pokračuje kliknutím na příkaz Přihlásit. 8

3. Přihlášením přejde na stránku Moje projekty s přehledem vytvořených webů. Změnu osobních údajů včetně hesla lze provést kliknutím na odkaz Můj profil. Pro přechod do administrace webu klikne na tlačítko Administrace webu. 4. Zobrazí se administrace webu. Příkazem Upravit stránky přejde žák do editoru webu a bude moci začít s tvorbou či úpravou webu. Než se přejde k tvorbě webu, je možné v rámci žákovských projektů stanovit správu webu v týmu příkazem Správa uživatelů. Web tedy může mít na starosti více žáků s právy: - Editor: uživatel má oprávnění editovat webovou prezentaci (měnit texty, přidávat články, nahrávat obrázky...) - Administrátor: uživatel může editovat webové stránky a smí také měnit nastavení projektu, včetně přidávání a odebírání uživatelů. 9

Nástrojová lišta v editoru webu PŘEJÍT NA konkrétní sekci webu ZOBRAZIT zobrazí a) pracovní verzi webu (tj. nepublikovanou) b) publikovanou verzi webu a) ODSTRANIT odstraní zobrazenou stránku b) VLASTNOSTI nastavení stránky pro vyhledávač c) ZABEZPEČENÍ vybraná stránka je zpřístupněna pod heslem Anketa, Diskuzní fórum, Fotogalerie uchopením těchto ikon a jejich přesunem do stránky dojde k jejich zobrazení na stránce. JAZYKY jazykové mutace, změní originální názvy sekcí a tlačítek. NASTAVENÍ nastaví hlavičku a patičku webu, kontakt. PUBLIKOVAT zveřejní upravený obsah stránky NOVÝ a) vytvoří novou stránku (sekci, pod-sekci v menu) b) přidá článek do sekce Novinky c) přidá záznam do katalogu FORMÁTOVANÝ TEXT uchopením této ikony a jejím přesunem do stránky dojde k zobrazení bloku pro formátovaný text VZHLED STRÁNKY změní uspořádání bloků na stránce SPRÁVCE OBRÁZKŮ SPRÁVCE SOUBORŮ ŠABLONA WEBU - možnost změny a) ČLÁNKY Nová rubrika vytvoří na zobrazené stránce novou rubriku článků. Vhodné pro zobrazení novinek, aktualit. b) KATALOGY Nový katalog vhodné pro vytvoření seznamu produktů, osob... c) OSTATN9 např.: Sociální sítě Facebook, Mapy Google Maps, Videa YouTube, Blueboard.cz (počasí, ankety, návštěvní knihy...), HTML kód. 10

Editace hlavičky webu Změna názvu a loga webu 1. Žák najede myší na hlavičku webu, která obsahuje obrázek (logo) a název webu. 2. Myší dvakrát klikne na název webu. Otevře se okno Hlavička, do nějž může napsat jiný název webu, web může nechat bez názvu či vložit logo. Potvrdí OK. Změna obrázku v hlavičce webu 1. Změnu obrázku v hlavičce webu provede žák kliknutím na tlačítko Upravit obrázek, které se zobrazí po najetí myši na obrázek v hlavičce webu. 2. Pro změnu obrázku zvolí žák příkaz Přidat obrázek. Volbou některého z nabídnutých obrázků či nahráním obrázku z PC přejde žák k editaci aktuálního obrázku. Obrázek musí být pro provádění grafických úprav označen. 3. Do hlavičky webu lze také Přidat text s volbou některých efektů. 4. Provedené změny žák uloží příkazem Uložit nebo pro návrat do původního stavu zvolí tlačítko Obnovit původní. Jak upravit menu stránky 1. Na stránce s editací celého webu žák zvolí příkaz Upravit menu. 2. Zobrazí se všechny stránky, které menu obsahuje. Kliknutím na rozbalovací tlačítko nalevo u dané stránky dojde k zobrazení nabídky možností (viz obrázek). Žák může měnit název jednotlivých položek menu ( Vlastnosti ), Odstranit celou položku v menu či provádět další úkony. 3. Pokud chce žák vytvořit další položky (pod-položky) menu, slouží k tomu příkaz Nová stránka. 11

Práce s textem Vložení nového bloku s formátovaným textem Pro vytvoření nového bloku s textovým obsahem žák klikne na tlačítko Formátovaný text v nástrojové liště nebo jej přetáhne do požadovaného místa na stránce. Úprava bloku s formátovaným textem Pro úpravu stávajícího textu se použije příkaz Upravit text u konkrétního bloku. V nově otevřeném okně Formátovaný text je možné ihned začít psát. Nabízí také následující možnosti: 1. Vložit jako čistý text 2. Formátovat text, používat odrážky, nastavovat styly nadpisům. 3. Vložit odkaz, obrázek, či soubor ke stažení. Na stránkách vytvořených pomocí Webnode 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ž zbytek webové stránky. Vyvarovat se výše popsanému, znamená zkopírovat si připravený č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 vybrat ikonu Vložit jako čistý text. Vkládání obrázků a) do bloku Upravit text v okně Formátovaný text V textovém editoru žák klikne na tlačítko Vložit obrázek. Otevře se okno s názvem Vložit obrázek, kde je přehled o využitém místě a nahraných obrázcích. Žák zde může jednotlivé obrázky třídit do vytvořených složek příkazem Nová složka pro větší přehlednost. 12

Kliknutím na tlačítko Nahrát obrázky žák nahraje nové obrázky do složky, ve které se právě nachází. Pokud chce žák obrázek upravovat, najede na obrázek myší a vybírá z nabídnutých tlačítek pod obrázkem, jako jsou např. otočit obrázek, upravit obrázek (nastavení velikosti) atd. Jedním kliknutím na obrázek dojde k jeho vložení do textu. Do textu lze přidávat obrázky typu.jpg,.png, a.gif. b) do bloku Správa fotek přímo ve vytvořené fotogalerii Žák klikne na příkaz Správa fotek a následně na Nahrát obrázky. Vybere obrázky ze svého PC, které se nahrají do budoucí fotogalerie. Lze označit více obrázku najednou. Najetím myší na obrázek může žák 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 a další parametry zobrazovaných fotek. Vkládání videí 1. Žák si vybere video na YouTube.com, které chce vložit na web, a zkopíruje si jeho adresu v internetovém prohlížeči. 2. Přejde na stránku, kam chce video vložit. 3. Klikne na tlačítko Ostatní v nástrojové liště a vybere příkaz Videa a možnost YouTube. Ikonku YouTube přetáhne myší do požadovaného místa. 4. Do prázdného řádku zobrazeného okna překopíruje internetovou adresu videa. 5. Může provést nastavení velikosti videa a jeho zarovnání. Další možnosti - Na stránku lze vložit Anketu z nástrojové lišty. - Položka Kontakt nabízí kromě úpravy textu také příkaz Nastavení. Zadáním adresy dojde k zobrazení mapy, kde lze nadefinovat základní parametry. - Položka Napište nám skrývá pod příkazem Nastavení možnost zadání e-mailové adresy pro zasílání vzkazů do elektronické schránky žáka od návštěvníků webu. - Položka Novinky funguje jako stručný přehled novinek na webu. Přidávat lze Nové články a v Nastavení udávat konkrétní parametry. 13

...kontakt Manažer projektu Webnode pro školy Olga Prokopová vzdelavani@webnode.cz Vedení kurzu zajišťuje Otmar Němec, ICT koordinátor o.nemec@zstgmivancice.cz 14