Gymnázium a Střední odborná škola, Nový Jičín, příspěvková organizace Google weby Tutoriál projektu MOSS učitelská verze Nový Jičín 2010 Mgr. Jan Bobek
Osnova 1 Úvodní informace... 3 2 Cloud Computing... 4 3 Google Weby... 5 3.1 Proč Google Weby... 5 3.2 Jak začít... 5 3.3 Úvodní nastavení celého webu... 6 3.4 Vložení nové stránky... 8 3.5 Úprava stránky... 11 3.5.1 Nabídka Vložit... 12 3.5.2 Nabídka Formát... 13 3.5.3 Nabídka Tabulka... 14 3.5.4 Nabídka Rozložení... 15 3.6 Přílohy, komentáře... 15 3.7 Další akce... 16 3.8 Správa webu... 16 3.9 Nastavení webu... 17 3.9.1 Obecné... 17 3.9.2 Sdílení... 18 3.10 Vzhled webu... 18 3.10.1 Rozvržení webu... 18 3.10.2 Barvy a písma... 18 3.10.3 Motivy... 18 3.11 Tisk stránky... 19 3.12 Přesun stránky... 19 3.13 Smazání stránky... 20 3.14 Zobrazení náhledu stránky jako čtenář... 20 3.15 Sdílení webu... 21 3.16 Úprava postranního panelu... 22 4 Závěr... 23
1 Úvodní informace Vážení kolegové, tento manuál vznikl jako jeden z dalších v rámci první z klíčových aktivit při realizaci projektu MOSS Můj studijní svět online a má za úkol Vás seznámit s principy tvorby, používání a sdílení webových stránek v prostředí Google tak, abyste si sami mohli jejich výhody vyzkoušet a oblíbili si jejich používání. Tutoriál je zároveň studijním materiálem pro školení, které budete rozsahu 3 hodin prezenčně a několika hodin e-learningem absolvovat. Účelem vzniku tutoriálu rozhodně není vytvořit podrobnou příručkou tomu brání jak jeho omezený rozsah, tak i princip školení - 3 hodiny mají být pouze motivační ukázkou toho, co aplikace umí. Učitelská verze tutoriálu Vás bude provádět aplikací Weby v jazyce českém, pokud tomu nebudou bránit zvláštní okolnosti (jakkoliv se lokalizační tým Google snaží ze všech sil, lokalizace všech novinek je sice nepatrně, ale přeci jen zpožděna za funkcemi dostupnými ve verzi anglické). Nic Vám ale nebrání používat libovolnou jazykovou mutaci nastavení. Anglické nastavení pak bude podrobněji popsáno v studentské verzi tohoto tutoriálu, která je Vám také k dispozici. Tutoriál spolu s ostatními je k dispozici volně ke stažení i pro kolegy z jiných škol na odkazech webu projektu www.mujstudijnisvetonline.eu stejně jako sada videotutoriálů, které Vás interaktivní formou provedou obtížnějšími postupy. Je ale jasné, že některé postupy budou muset transformovat kolegové z jiných škol na svou lokální situaci, kdy buď mají svůj vlastní poštovní účet na gmail.com (tam jsou jim jednotlivé aplikace dostupné taky) či již mají Google Apps zaregistrovány pro svou školní doménu (u nás je to gnj.cz). Pokud ne, možná propadnou Cloud Computingu a sociálním sítím natolik, že budou tlačit zodpovědné osoby na svých školách k takovým změnám, aby výhody Google Apps mohli využívat taky. 3
2 Cloud Computing Dnes každý, kdo používá pro svou práci počítač, musí investovat jednak do hardware (HW) a pak do celé sady softwarových (SW) aplikací, které potřebuje na tvorbu textu, tabulek, úpravu obrázků, e-mailovou komunikaci a plánování a podobně. Tyto aplikace se vyvíjejí a žádají zase náročnější HW a tak, i když ceny PC i přenosných počítačů rapidně klesly, pořád je to nezanedbatelná investice a uživatel se dostává do spirály zbytečných výdajů. Řešením je takzvaný Cloud computing. Vše co potřebujete je středně výkonný počítač připojený relativně rychle do internetu a vhodný prohlížeč internetu. Veškerý potřebný SW běží na cizích počítačích, jejichž majitelé Vám umožní se připojit a tento SW používat. Jako službu. Proto se tomu říká SaaS Software as a service Software jako služba. A za službu platíte. Penězi nebo jinou službou informacemi o sobě. Rozhodně Vás ale vůbec nezajímá, kdo a jak se stará o to, že Vám vše hezky běží. Jako byste byli připojeni s počítačem k nějakému obláčku (cloud), kde vše správně funguje. Obrázek 1: Cloud computing 4
Zkuste se připojit například na www.picnik.com. Intuitivně bez znalosti angličtiny pochopíte, že obrázek nejdříve nahrajete ze svého počítače někam do obláčku, do internetu, tam pomoci nástrojů přes prohlížeč upravíte a nakonec zase stáhnete do svého počítače. A těch nástrojů je tam rozhodně více, než ve vašich windowsech. A navíc Vám to umožní hned tento obrázek sdílet - na Facebooku, přes Flickr, přes Twitter no ano, záleží jen na Vás, jak dalece se chcete zbavovat svého soukromí a být závislý na firmách, jež pracuji s Vašími daty, které vy takto nemáte pod kontrolou neboť tohle jsou hlavní argumenty odpůrců jak Cloud computingu, tak sociálních sítí obecně. Ale rozhodnutí je jen na Vás To byl jeden příklad. My se budeme podrobněji věnovat SaaS Google Apps konkrétně jedné její službě - Google Sites, neboli Weby v Google. 3 Google Weby 3.1 Proč Google Weby Pomocí této aplikace si můžete vytvářet kvalitní webové stránky, aniž byste znali jazyky HTML a CSS, které jsou pro tvorbu stránek nezbytné a pro laika poměrně složité. Google Weby kromě běžných stránek mohou obsahovat přiložené soubory, umožní vám sdílet web buď s uživateli domény gnj.cz nebo také s celým světem a v neposlední řadě za vás vyřeší umístění stránek na internetu. A to všechno bezplatně. 3.2 Jak začít Přihlaste se do svého Gmailového účtu na adrese http://mail.gnj.cz a po přihlášení klepněte nahoře na odkaz Weby, viz dále obrázek 2. 5
Obrázek 2: Jak začít Přejdete tak na obrazovku, kde později uvidíte přehled vašich webů, dále možnost procházet všechny weby vytvořené v doméně gnj.cz a také máte možnost vytvořit si svůj nový web, viz obrázek 3. Obrázek 3: Vytvoření nového webu 3.3 Úvodní nastavení celého webu Po založení nového webu je potřeba vyplnit formulář se základními vlastnostmi webu, viz následující obrázky 4 a 5. 6
Zvolte šablonu, kterou budete používat zde pro naše účely doporučuji vybrat prázdnou šablonu, ostatní šablony jsou nachystané pro speciální účely jako např. Firemní spolupráce nebo Osobní a rodina. webu Pojmenujte web hlavní název webu, který se bude zobrazovat v záhlaví celého Web se bude nacházet na této adrese URL část adresy je pevně daná (u nás http://sites/google.com/a/gnj/cz/) a zbytek adresy si volíte vy. V našem příkladu je to matematika. Správce Google na naší škole vám může tuto poměrně dlouhou a nezapamatovatelnou adresu nastavit na zkrácený tvar, např. matematika.gnj.cz. Vybrat motiv vyberte z nabízených motivů vzhled vašeho webu Obrázek 4: Úvodní nastavení webu 7
Kategorie webu zadejte slova, která charakterizují obsah vašeho webu; při prohledávání webů, jsou weby seskupeny právě do těchto kategorií a ostatní si pak mohou najít váš web prohledáním kategorií Popis webu podrobnější specifikace obsahu webu, která se zobrazuje v různých přehledech webů Spolupráce máte možnost zadat osoby, které budou mít váš web dostupný. Všichni uživatele gnj.cz jsou všichni studenti a učitelé našeho gymnázia. Můžete tak také vytvořit web, který bude viditelný jen u jisté skupiny osob, třídy apod. Obrázek 5: Úvodní nastavení webu - pokračování 3.4 Vložení nové stránky Po založení webu je automaticky vytvořena první Domovská stránka. Ostatní stránky je potřeba vložit vpravo nahoře tlačítkem Vložit stránku, viz obrázek 6. 8
Obrázek 6: Vytvoření nové stránky Typy nových stránek Webová stránka běžná stránka Oznámení stránka, která je určena k zobrazování častých krátkých sdělení Úložiště souborů stránka, která bude obsahovat soubory Obrázek 7: Druhy nových stránek 9
Obrázek 8: Druh stránky - ovinky Obrázek 9: Druh stránky - Úložiště souborů ázev zadejte název stránky, bude se zobrazovat v navigaci v přehledu stránek po levé straně 10
Umístit stránku na nejvyšší úroveň stránka se zobrazí na stejné úrovni jako Domovská stránka Pod. před založením nové stránky je potřeba v navigaci po levé straně označit stránku, pod kterou bude tato nová stránka vložena 3.5 Úprava stránky Stránku můžeme obsahově upravovat ihned po vložení nebo výběrem dané stránky v navigaci klepnutím na tlačítko Upravit stránku vpravo nahoře, viz obrázek 10. Obrázek 10: Úprava stránka Stránka se upravuje obdobně jako v textovém editoru Word pomocí panelu nástrojů nebo pomocí nabídek Vložit, Formát, Tabulka, Rozložení (viz následující kapitoly). Zde si vysvětlíme jen některé funkce. Vytvoření odkazu odkazovat se můžeme na stránku našeho webu resp. na stránku, kdekoliv na internetu. Označíme text na stránce, který bude sloužit jako odkaz, klepneme na 11
tlačítko Odkaz a vybereme ze seznamu stránku našeho webu resp. vybereme Webová adresa a do pole Propojit s touto adresou URL zadáme webovou adresu stránky v internetu. Nezapomeňte po každé změně stránku uložit tlačítkem Uložit, viz obrázek 11. Obrázek 11: Uložení stránky 3.5.1 Nabídka Vložit Stránka nemusí obsahovat jen text, ale také obrázky, automaticky vytvořený obsah stránky, Google Kalendář, Google Dokumenty, Google Video (viz další školení), mapu, oddělovací vodorovnou čáru apod. 12
Obrázek 12: Typy objektů, které lze vložit na stránku Obrázek ze souboru nebo přímo z webu Obsah do stránky se vloží blok s obsahem stránky. Obsah je vytvořen automaticky nadpisy stránky, pokud jsou naformátovány z nabídky Formát adpis, Podnadpis nebo Menší podnadpis. 3.5.2 Nabídka Formát Další možnosti formátování písma. Pokud naformátujete text adpisem, Podnadpisem nebo Menším podnadpisem, budou automaticky zahrnuty do bloku obsahu stránky, viz předcházející kapitola 3.5.1 Vložit. 13
Obrázek 13: Formátování písma 3.5.3 Nabídka Tabulka obrázek 14. Stránka může obsahovat tabulku, funkce pro práci s tabulkou viz následující Obrázek 14: Vložení a úprava tabulky 14
3.5.4 Nabídka Rozložení Nově vložená stránka obsahuje jeden sloupec jeden blok. Zde máte možnost měnit počet bloků stránky, viz obrázek 15. Obrázek 15: Změna rozložení stránky 3.6 Přílohy, komentáře Ke každé stránce můžete připojit jakýkoliv soubor jako Přílohu a připsat Komentář, viz obrázek 16. Obrázek 16: Přílohy a komentáře 15
3.7 Další akce K dalším funkcím, možnostem a nastavením se dostaneme tlačítkem Další akce, viz obrázek 17. Bližší popis pak v následujících kapitolách. Obrázek 17: Další nastavení 3.8 Správa webu Vybráním funkce Spravovat web, viz předcházející obrázek 17, se dostaneme k celkovému nastavení webu. Nejdůležitější funkce tohoto nastavení jsou popsány v následujících kapitolách. Zpět na obsah webu se vrátíme odkazem vlevo nahoře Zpět k webu. 16
Obrázek 18: Správa webu a návrat k webu 3.9 Nastavení webu 3.9.1 Obecné Opět možno změnit název, kategorie a popis webu, viz kapitola 3.3 Úvodní nastavení celého webu. Cílová stránka stránka, která se zobrazí jako první při návštěvě vašeho webu, obvykle je to Domovská stránka Zobrazovaný jazyk webu nastavení jazyka 17
3.9.2 Sdílení Váš web můžete sdílet s dalšími uživateli. Počáteční sdílení jste již nastavili při založení webu, viz kapitola 3.3 Úvodní nastavení celého webu. Zde máte možnost toto nastavení změnit nebo upřesnit. Jako vlastníky uživatelé, kteří mají nejvyšší oprávnění, mohou konat veškeré úpravy přidávat stránky, měnit rozložení webu, ale také např. web smazat Jako spolupracovníky uživatelé, kteří mohou provádět běžné změny jako je editace stránek Jako čtenáře uživatelé, kteří mohou web jen číst Uživatele přidáme buď vypsáním jejich mailových adres do prázdného pole a nebo si pomůžeme vyhledáním z kontaktů z domény gnj.cz. 3.10 Vzhled webu 3.10.1 Rozvržení webu Na této stránce můžete změnit rozložení svého webu, včetně zadání výšky a šířky jednotlivých komponent a přidání či uspořádání položek v postranních panelech. 3.10.2 Barvy a písma Změna vzhledu stránky (obrázek, pozadí, písmo, barva odkazů), záhlaví (barva, pozadí, obrázek), obsahu (barva textu, pozadí, obrázek) aj. 3.10.3 Motivy Změna motivu webu, obdobně jako při založení webu. 18
3.11 Tisk stránky Obrázek 19: Tisk stránky 3.12 Přesun stránky Na obrazovce zobrazíme stránku, kterou chceme přesunout, zavoláme funkci Přesunout stránku, viz obrázek 20. Obrázek 20: Přesun stránky 19
A ze seznamu stránek označíme stránku, pod kterou chceme naši stránku přesunout. 3.13 Smazání stránky obrázek 21. Zobrazíme stránku, kterou chceme smazat, a zavoláme funkci Smazat stránku, viz Obrázek 21: Smazání stránky 3.14 Zobrazení náhledu stránky jako čtenář Při úpravě stránky máme stránku v zobrazení vhodném pro editaci. Pokud si chceme ověřit, jak uvidí naši stránku běžný uživatel, zavoláme funkci Zobrazit náhled stránky jako čtenář, viz obrázek 22. 20
Obrázek 22: Zobrazení náhledu stránky 3.15 Sdílení webu Váš web můžete sdílet s dalšími uživateli. Počáteční sdílení jste již nastavili při založení webu. Zde máte možnost toto nastavení změnit nebo upřesnit stejně jako v kapitole 3.3 Úvodní nastavení celého webu. 21
Obrázek 23: Sdílení webu 3.16 Úprava postranního panelu Možnost přidání další položky postranního panelu, změny šířky, názvu a počtu úrovní stránek, které se mají v postranním panelu zobrazit. Obrázek 24: Úprava postranního panelu Po klepnutí na odkaz Upravit postranní panel, přejdeme do okna, viz obrázek 25, kde vybráním funkce Upravit můžeme nastavit např. název postranního panelu a počet úrovní, které se mají zobrazit v navigaci. 22
Obrázek 25: Úprava navigace 4 Závěr Pokud byste chtěli vytvářet webové stránky od základu např. v jazyce HTML s využitím tzv. kaskádových stylů, strávili byste spoustu času učením značek jazyka. Jak jste viděli, Google Weby vám poskytly mocný a jednoduchý nástroj, pomocí kterého vytvoříte stránky za odpoledne či večer. Věřím, že pomocí Google Webů, si stránky bude schopen vytvořit každý poučený uživatel. Autor 23