Š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.
2.
3.
4.
V internetovém prohlížeči otevřete stránky http://skoly.webnode.cz.
V pravém horním rohu Vašeho monitoru klikněte na „Přihlášení“.
Zadejte uživatelské jméno a heslo, které jste od nás získali.
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)
b)
c)
d)
přejít přímo k zobrazení webu,
vstoupit do editoru webu,
zakázat/povolit studentovi přístup k jeho účtu,
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.
FORMÁTOVANÝ TEXT
uchopením této ikony a jejím přesunem
do stránky dojde k zobrazení bloku pro
formátovaný text
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
JAZYKY – jazykové
mutace, změní originální
názvy sekcí a tlačítek.
ŠABLONA WEBU - možnost změny
SPRÁVCE OBRÁZKŮ
VZHLED STRÁNKY
změní uspořádání bloků na stránce
PUBLIKOVAT
zveřejní upravený obsah stránky
NASTAVENÍ – nastaví hlavičku
a patičku webu, kontakt.
SPRÁVCE SOUBORŮ
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á
[email protected]
Vedení kurzu zajišťuje
Otmar Němec, ICT koordinátor
[email protected]
14
Download

Školení Webnode pro učitele