Webové prezentace veřejných knihoven: analýza, návrh, tvorba, správa Magisterská diplomová práce

Transkript

1 Masarykova univerzita Filozofická fakulta Ústav české literatury a knihovnictví Kabinet knihovnictví Informační studia a knihovnictví Webové prezentace veřejných knihoven: analýza, návrh, tvorba, správa Magisterská diplomová práce Autorka práce: Bc. Olga Prokopová Vedoucí práce: PhDr. Petr Škyřík Brno 2009

2 Bibliografický záznam PROKOPOVÁ, Olga. Webové prezentace veřejných knihoven: analýza, návrh, tvorba, správa. Brno : Masarykova univerzita, Filozofická fakulta, Ústav české literatury a knihovnictví, Kabinet informačních studií a knihovnictví, s. Vedoucí diplomové práce PhDr. Petr Škyřík. Anotace Diplomová práce Webové prezentace veřejných knihoven: analýza, návrh, tvorba, správa si klade za cíl nalézt takový systém pro tvorbu webových stránek, který by měl minimální náklady na provoz a zároveň jej mohli využívat knihovníci s nízkou počítačovou gramotností. Práce je rozdělena na teoretickou a praktickou část. V úvodu teoretické části autorka hovoří o nezbytnosti existence webových stránek veřejných knihoven a stanovuje cílovou skupinu. V dalším úseku textu se pak zaměřuje na problematiku webových standardů, použitelnosti a přístupnosti webových stránek a na optimalizaci ve vyhledávačích. V tematických celcích následuje podrobný výčet prvků, které by měla webová prezentace veřejných knihoven obsahovat. V poslední kapitole teoretické části jsou stanoveny podmínky pro výběr aplikace k tvorbě webových stránek. Systém Webnode je pak vyhodnocen jako nejlépe splňující stanovené parametry. V praktické části je v tomto systému vytvořen podrobný manuál pro tvorbu webu. Návod obsahuje instrukce pro registraci, ovládání a vkládání prvků uvedených v teoretické části. Na základě příručky byla vytvořena vzorová webová prezentace fiktivní knihovny. Klíčová slova Veřejné knihovny, www stránky, www aplikace, www design, Web 2.0, přístupnost www stránek, použitelnost www stránek, webové standardy, optimalizace pro vyhledávače (SEO), návody, manuály.

3 Annotation The Diploma Thesis The Web Presentations of the Public Libraries: the Analysis, the Project, the Creation, and the Administration aims to find such a system for the creation of the web sites that should have the minimal costs of operating, and at the same time it would be accessible for the use of the librarians with a low level of computer literacy. The thesis is divided into the theoretical and the practical part. In the introduction of the theoretical part, the author mentions the necessity of existence of the web sites of the public libraries, and she sets the target group. In the following part of the text, she focuses on the issues of the web standards, of the usability and the accessibility of the web sites, and of the optimization in the search engines. In the thematic parts, the detailed enumeration of the components, which should be included in a web presentation of the public libraries, follows. In the last chapter of the theoretical part, the conditions for the selection of the application for the creation of the web sites are set. The system Webnode is then evaluated as the one which best fulfills the parameters set. In the practical part, a detailed manual for the creation of web sites is produced in the system already mentioned. The manual includes the instructions for registering, operating and inserting the components mentioned in the theoretical part. Following this manual, a sample web presentation of a fictional library was created. Keywords Public libraries, websites, www applications, www design, Web 2.0, web accessibility, web usability, search engine optimization (SEO), instructions, manuals.

4 Prohlášení Prohlašuji, že jsem diplomovou práci vypracoval/a samostatně s využitím uvedených pramenů a literatury. Současně dávám svolení k tomu, aby tato diplomová práce byla umístěna v Ústřední knihovně FF MU a používána ke studijním účelům. V Brně dne 22. června Bc. Olga Prokopová

5 Poděkování Na tomto místě bych ráda poděkovala vedoucímu práce PhDr. Petru Škyříkovi za vedení práce a podnětné rady a připomínky. Děkuji také své rodině, přátelům a kolegyním v zaměstnání za všestrannou podporu při psaní diplomové práce a to i v dobách pochybností a tvůrčí krize.

6 Obsah Úvod 9 TEORETICKÁ ČÁST Nezbytnost využívání webové prezentace Cílová skupina Pravidla pro tvorbu webové prezentace Webové standardy Přístupnost webových stránek Použitelnost webových stránek Rozvržení stránky Domovská stránka Navigace Grafika a texty Optimalizace webových stránek pro vyhledávače Předpoklady pro optimalizaci Metody k dosažení optimalizace Položky webové prezentace knihovny Hlavička webové stránky Obecné informace o knihovně Služby, které knihovna nabízí Přístup do on-line katalogu a ke čtenářskému kontu Prostředky pro on-line komunikaci s uživateli Informace o dění v knihovně Informace o užitečných zdrojích Nápověda Patička webovéstránky Umístění webových prezentací knihoven na serveru a výběr vhodného tvaru adresy Výběr systému pro tvorbu webové prezentace k vytvoření manuálu 50 6

7 PRAKTICKÁ ČÁST Charakteristika praktické části Registrace v systému Webnode Průvodce vytvořením webových stránek Administrace webových stránek Úprava hlavičky webové stránky Úprava kontaktních informací knihovny Vložení nové stránky a úprava menu Vložení nové stránky s možností vkládání příspěvků Vložení a úprava textu Přidávání, změna a rušení odkazů v textu Přidávání a změna obrázků v textu Vložení mapy Vložení a úprava tabulky Vložení a úprava elektronického formuláře Vložení a úprava jednoduchého kontaktního formuláře systému Webnode Vložení a úprava uživatelsky nastavitelného formuláře v Google dokumentech Vložení a úprava diskusního fóra, návštěvní knihy Vložení ICQ indikátoru Vložení Skype indikátoru Vložení formuláře Digsby Vložení a úprava RSS kanálů Správa automaticky vytvářených RSS kanálů systému Webnode Generování obsahu cizího RSS kanálu do stránky Vložení a úprava vizitky sociální sítě Facebook Vložení a úprava vizitky mikroblogovacího systému Twitter Vložení a změna tlačítek pro sociální záložkování Vložení a úprava jednoduché ankety Vložení a úprava kalendáře pomocí služby Google Kalendář Vložení a úprava fotogalerie Vložení a úprava audiozáznamu pomocí služby Yourlisten.com Vložení a úprava videozáznamu pomocí služby Youtube.com

8 8.21 Vložení a úprava záložek pomocí záložkovací služby Delicious.com Vložení a úprava stránky s Nápovědou Úprava patičky webové stránky Úprava stránky s hlášením chyby Úprava stránky Mapa stránek Opětovné přihlášení se do systému Webnode. 155 Závěr Použité zdroje Přílohy I. Přehled webových služeb uvedených v práci II. Přehled cen webových služeb uvedených v práci

9 Úvod Při prohlédnutí webových prezentací veřejných knihoven České republiky lze říci, že nabývají velmi různých kvalit. Na jedné straně je možné najít skvěle designované, uživatelsky přívětivé a hodnotnými informacemi a elektronickými službami nabité stránky, jenž jsou uživateli knihovny hojně navštěvovány. Na druhé straně však existují i několik let neaktualizované, informačně chudé a z uživatelského hlediska zastaralé webové prezentace zbytečně zabírající virtuální prostor. Bohužel lze konstatovat, že těch druhých je podstatně více, přestože je nepopiratelné, že vlastnit funkční webovou prezentaci je v dnešní době nezbytné. Důvody uvedené situace bývají většinou dva technické a finanční a to většinou současně. Pro knihovny je pořízení profesionálního systému pro provozování webových stránek finančně náročné a počítačová gramotnost knihovníků je zároveň příliš nízká na to, aby dokázali zajišťovat fungování webové prezentace sami. V prostředí internetu lze sice najít služby zřízené přímo pro knihovny, jež by se mohly jevit, že by tento problém vyřešily. Ovšem po bližším prozkoumání bohužel zdaleka neposkytují takové možnosti, které jakákoliv veřejná knihovna v 21. století bezpodmínečně potřebuje. Nejenže jejich webdesignéři či později administrátoři často nedodrželi webové standardy a podmínky pro přístupnost a použitelnost, zároveň také jejich obsah nenásledoval trend, do kterého se v současnosti web rozvinul. Tímto trendem je Web 2.0. Jeho existence je dnes již jednoznačná. Využívání služeb a technologií internetu, jejichž hlavním cílem je podporování komunit, častá interakce mezi uživateli a personalizace nemohlo nezasáhnout také knihovny a jejich webové stránky. Veřejné knihovny ovšem příliš pružně nereagovaly a prvky Webu 2.0 začleňují do svých webových stránek (a do svých aktivit) velmi pomalu. Přitom právě charakter Webu 2.0 umožňuje plnohodnotně začlenit i méně počítačově gramotné uživatele do dění v síti a to i v případě tvorby webových stránek za minimální náklady. Práce se zabývá knihovními webovými stránkami, jejichž existence a hodnotný obsah má překážky ve finančních a technických aspektech. Snaží se dokázat, že i knihovna, jež nemůže na webovou prezentaci uvolnit velké množství financí a zároveň její knihovníci mají pouze průměrnou počítačovou gramotnost, dokáže vytvářet kvalitní webové stránky. 9

10 V teoretické části je nejprve objasněna nezbytnost existence webových stránek veřejných knihoven a stanovena cílová skupina. Poté jsou zde vysvětleny základní aspekty webových standardů, přístupnosti a použitelnosti webových prezentací a problematika optimalizace pro vyhledávače. Práce pak pokračuje navržením prvků, které by měly webové stránky veřejné knihovny obsahovat. Prvky jsou rozděleny do tematických částí zahrnujících základní informace o knihovně, nabídku služeb, práci v on-line katalogu, umístění informačních zdrojů a především prostředky pro elektronickou komunikaci, které nejvíce zahrnují prvky Webu 2.0. Po vymezení těchto prvků dojde k stanovení podmínek, jenž má splňovat systém, ve kterém by knihovníci se základními počítačovými znalostmi dokázali vytvářet finančně nenáročné a kvalitní webové stránky. Tento systém pak bude vybrán pro vypracování praktické části. Praktická část obsahuje návod na vytvoření účtu v daném systému a pokyny pro jeho ovládání. Nejobsáhlejší část je pak věnována podrobným instrukcím pro vložení těch prvků webové stránky, jež byly stanoveny v teoretické části. Na jejich základě pak bude vytvořena vzorová webová prezentace. Od původní myšlenky inovace jednoho ze systémů pro vytváření webových stránek speciálně pro knihovny bylo nakonec z důvodu přílišné komplikovanosti a nejisté efektivnosti upuštěno. 10

11 TEORETICKÁ ČÁST 1. Nezbytnost využívání webové prezentace Prezentace v prostředí internetu je dnes nutná. Podle výzkumného projektu Netmonitor 1, jehož cílem je sledovat návštěvnost webových stránek v ČR, využívalo internet v měsíci únoru 2009 přes 5 milionů uživatelů a strávilo na něm v průměru téměř 30 hodin. Více než polovina uživatelů byla sice ve věkové kategorii let, ovšem do druhé poloviny spadalo např. 10% uživatelů starších 55 let a neočekává se, že by tento trend měl klesající tendence. 2 Z uvedených údajů je jasné, že internet nevyužívají jen mladí lidé. Návštěvníci internetu zahrnují široké věkové spektrum, do kterého mohou spadat i uživatelé veřejných knihoven, jež hledají na internetu informace ze své knihovny nebo chtějí využívat jejích služeb právě jeho prostřednictvím. Veřejným knihovnám, jež lze definovat jako všeobecné knihovny sloužící místní komunitě 3 vznikl velký konkurent nejen v podobě internetu, který začal plnit funkci, kterou dříve plnily ony. Musí obstát i v boji s nově vznikajícími institucemi, zabývajícími se také volnočasovými aktivitami obyvatel. V boji s touto konkurencí by se knihovny neměly nechat připravit o možnost být na webu a využít všech předností, kterou on-line prezentace nabízí. Webové stránky jsou přístupné 24 hodin denně, 7 dní v týdnu a uživatel na nich může najít téměř vše, co knihovna nabízí, přičemž se, narozdíl od kamenné knihovny, nemusí ohlížet na provozní dobu knihovny. Pro obsah a využití webových stránek je v současné době charakteristický vliv Webu 2.0, jenž je obecným pojmenováním pro prvky, služby, technologie apod., které se snaží co nejvíce vyhovět potřebám uživatelů, kladou důraz na komunitu a její vzájemnou interakci, umožňují uživatelům komunikovat navzájem a sdílet společně informace, hudbu, obrázky a videa. 4 Z tohoto pojetí pak vzniklo spojení Knihovna 2.0, které má charakterizovat směr, kterým by se měly knihovny svými službami a přístupem k uživatelům ubírat. Autor tohoto pojmu, americký knihovník M. Casey shrnuje charakter Knihovny 2.0 jako: 1 Informace o projektu Netmonitor naleznete na její webové prezentaci na adrese 2 Mediaresearch. Polovina české populace na internetu [online]. 3 Veřejná knihovna. In KTD Česká terminologická databáze knihovnictví a informační vědy (TDKIV) [online]. 4 HAVLOVÁ, J., RESSLER, M. Web 2.0. In KTD - Česká terminologická databáze knihovnictví a informační vědy (TDKIV) [online]. 11

12 neustálou a záměrnou změnu, větší podíl uživatelů na řízení a poskytování služeb, implementací předchozích dvou elementů by tedy knihovna měla vytvářet lepší služby pro současné uživatele a získávat uživatele nové. 5 Při tomto pojetí fungování knihovny je třeba velmi často využívat webovou prezentaci jako prostředníka mezi knihovnou a uživatelem. Bude-li knihovna umět správně využít všech možností, které jí prostředí internetu nabízí, může se stát webová prezentace prostředkem pro velmi rychlou, jednoduchou a efektivní cestu pro komunikaci a poskytování služeb uživatelům. 1.1 Cílová skupina Veřejné knihovny mají pestrou škálu uživatelů a pro všechny z nich by měly být stránky srozumitelné a pohodlné pro užívání. Lze je rozdělit do tří skupin: Uživatelé/čtenáři registrovaní uživatelé. Zde je možné rozlišit ještě čtyři podskupiny děti, mládež, lidé v produktivním věku a lidé důchodového věku. Ti budou stránky knihovny navštěvovat nejčastěji a každý bude mít v některých ohledech na stránky jiné nároky. Každopádně společné budou mít hledání přístupu ke katalogu a čtenářskému kontu, kontaktních údajů, informací o dění v knihovně, nabízených služeb atd. Knihovníci zaměstnanci knihovny. Mohou využívat stránky pro získání informací o dění v těch částech knihovny, které nespadají pod jejich kompetence, případně mohou hledat ověření informací ze svých oddělení. Ostatní návštěvníci kdokoliv jiný, než knihovník či registrovaný uživatel. Může to být např. zaměstnanec jiné knihovny hledající informace o instituci (např. knihovník obsluhované či obsluhující knihovny), neregistrovaný uživatel, který přijde cíleně na stránky, např. hledat publikaci, kterou nenašel ve své knihovně nebo neregistrovaný uživatel, který se nedostal na stránky cíleně, ale prostřednictvím vyhledávače. 5 CASEY, M. E., SAVASTINUK, L. C. Library 2.0. The Library Mission Statement, p

13 2. Pravidla pro tvorbu webové prezentace Pokud má knihovna svou webovou prezentaci, je třeba, aby v ní vždy každý našel to, co hledá a také, aby se mu s ní dobře pracovalo. Vytvořit ideální stránky není bohužel příliš jednoduché. Naštěstí ale existují vodítka, díky kterým se lze tomuto ideálu alespoň přiblížit. Následující kapitoly budou pojednávat o webových standardech, pravidlech pro tvorbu přístupného a použitelného webu a o optimalizaci stránek pro vyhledávače. Je důležité si uvědomit, že předměty jednotlivých kapitol nelze vnímat odděleně, všechny spolu navzájem souvisí a prolínají se. 2.1 Webové standardy Jsou specifikace a doporučení pro programátory webových stránek. 6 Vytvářením standardů se zabývá mezinárodní World Wide Web Consorcium (W3C) 7 a jeho cílem je vytvoření pravidel pro tvorbu všeobecně přístupných, bezbariérových a přehledných webových stránek. Dodržení těchto pravidel pak zajišťuje správné a rychlé zobrazení stránek na různých platformách (prohlížeče, mobilní zařízení, čtečky obrazovky apod.). V současné době by měl být obsah webu vytvořen pomocí jazyka XML, HTML nebo XHTML 1.1 a pro vytvoření vzhledu stránky by pak měly být využity kaskádové styly. 8 Dojde tak k striktnímu rozdělení obsahu webu od formy zapsání vzhledu. To umožní, jak bylo uvedeno výše, že bude stránka stále dobře čitelná, i když bude zobrazována na různých platformách. Pro ověření, zda daná stránka dodržuje webové standardy, jsou využívány validátory. Pro správnost validity kódu jazyka je pravděpodobně nejčastěji využíván Markup Validation Service 9 (dříve MarkUp Validator) konsorcia W3C. Jeho neoficiální českou, a dle jejího autora poněkud přísnější verzí, je Validátor kódu 10. Oba pracují na stejném principu a poskytují přibližně stejné základní funkce. Do připraveného políčka se vloží adresa webové stránky, kterou je třeba zkontrolovat. Poté, pokud stránka není validní, systém vrátí podrobný seznam chyb a varování, které 6 SNÍŽEK, M. Nebojte se standardů! [online]. 7 JACOBS, I. About the World Wide Web Consortium (W3C) [online]. 8 TUREK, L. Webové Standardy 1 : Historie, problém a řešení [online]. 9 Validátor naleznete na adrese 10 Validátor naleznete na adrese 13

14 je třeba opravit. Stejnou kontrolu lze udělat také se souborem, který není ještě uveřejněn na webu, případně lze vložit přímo zdrojový kód dokumentu. Pro ověření kaskádového stylu lze použít CSS Validation Service (dříve CSS Validator) W3C konsorcia, přičemž možnosti formy ověřovaných dokumentů a validace zdrojových kódů probíhá stejným způsobem jako u Markup Validation Service. Výsledkem je pak opět seznam varování a chyb, které se v CSS stylu nacházejí. Lze pochopitelně najít i další validátory. Zda na webových stránkách fungují všechny odkazy, dokáže odhalit Link Checker 11 opět od konsorcia W3C. Stejně tak jako jejich Feed Validation Service 12 či konkurenční Feed Validator 13 zjistí, zda jsou funkční odkazy pro RSS či Atom kanály. Zajímavým nástrojem může být také např. služba Dr. Watson 14, jež dokáže vytvořit poměrně komplexní analýzu stránek. Zkoumá vše od validity kódu přes funkčnosti odkazů a obrázků, rychlosti načtení až po vyhledatelnost a popularitu stránek na webu. 2.2 Přístupnost webových stránek Webové stránky navštěvují pochopitelně i lidé s různými handicapy. Pro knihovnu, jež se v knihovním zákoně zavazuje zajistit rovný přístup ke všem poskytovaným službám 15, by mělo být samozřejmé vytvářet takové webové stránky, na kterých by každý, bez ohledu na svůj handicap, mohl využívat všech možností, které nabízí. V návaznosti na webové standardy vytváří W3C také pravidla pro tvorbu přístupného webu s názvem Web Content Accessibility Guidelines (zkráceně WCAG). Jejich druhá verze WCAG posloužila spolu s dalšími pravidly k vytvoření aktuálních českých pravidel Best Practise Pravidla pro tvorbu přístupného webu 17, 11 Validátor naleznete na adrese 12 Validátor naleznete na adrese 13 Validátor naleznete na adrese 14 Službu Dr. Watson naleznete na adrese 15 ZÁKON ze dne 29. června 2001 o knihovnách a podmínkách provozování veřejných knihovnických a informačních služeb (knihovní zákon). In Informace pro knihovny : portál Knihovnického institutu Národní knihovny ČR [online] Plné znění pravidel WCAG 2.0 naleznete na adrese 17 Skupinu tvůrců pravidel tvořili pracovníci ze společnosti H1.cz, Masarykova univerzita a TyfloCentrum Brno. Z podnětu Ministerstva informatiky došlo k přepracování první verze z roku Projekt YA Přístupnost webových stránek orgánů státní správy ( , MI0/YA) [online]. 14

15 zaštiťovaných (dnes již) Ministerstvem vnitra ČR. Jsou přístupná na adrese Nemá smysl zde podrobně rozebírat pravidla Best practise, ty si musí každý webový tvůrce pozorně nastudovat sám, pro ilustraci lze ale uvést alespoň základní kapitoly: Kap. A: Obsah webových stránek je dostupný a čitelný; Kap. B: Práci s webovou stránkou řídí uživatel; Kap. C: Informace jsou srozumitelné a přehledné; Kap. D: Ovládání webu je jasné a pochopitelné; Kap. E: Kód je technicky způsobilý a strukturovaný; Kap. F: Prohlášení o přístupnosti webových stránek. 18 V každé z těchto kapitol jsou rozebrány klíčové či problémové oblasti a podán návod, jak nejlépe postupovat při jejich realizaci či řešení. Pro kontrolu správnosti webových stránek z pohledu přístupnosti lze najít různé nástroje. Validátory uvedené v předchozí kapitole o webových standardech slouží pochopitelně také ke kontrole přístupnosti stránky, ovšem existují i další možnosti. Za velmi dobrý validátor přístupnosti stránek je považován program firmy HiSoftware Cynthia Says 19. Další nástroj k validaci, jejž lze jmenovat, je projekt americké neziskové organizace pro osoby s postižením WebAim Wave 20, který pomocí přehledného grafického zobrazení ukáže všechny správně i nesprávně vytvořené záznamy. Podobně jako validátory W3C umožňuje kontrolovat podle URL stránky, souboru či zdrojového kódu. Další, více specifické nástroje je možné hledat podle konkrétního postižení uživatele. Např. pro uživatele s poruchou zraku lze testovat kontrast barev pomocí programu Analyzér kontrastu barev 21. Podívat se, zda jsou knihovní stránky dobře čitelné i pro různé poruchy barvosleposti, lze pomocí služby Vischeck ŠPINAR, D., PAVLÍČEK, R. Pravidla tvorby přístupného webu [online] Validátor naleznete na adrese nebo 20 Validátor naleznete na adrese 21 Analyzér kontrastu barev v češtině naleznete ke stažení na adrese 22 Validátor naleznete na adrese Pro tento účel lze využít i Luminosity Colour Contrast Ratio Analyser na adrese 15

16 2.3 Použitelnost webových stránek Webová použitelnost (ergonomie webu) se zabývá webem ve vztahu k uživateli. Jak lidé internetové stránky používají, jak snadno se na nich orientují, jak rychle pochopí jejich uspořádání a ovládání. Použitelné stránky jsou přehledné, srozumitelné, snadno ovladatelné a nenutí uživatele příliš přemýšlet. 23 Jak tedy vytvořit použitelné stránky? Aby si uživatel odnesl co nejvíce i v případě zběžného prohlédnutí stránky, je třeba, podle odborníka na použitelnost webových stránek S. Kruga, dodržet následujících pět pravidel: Na každé stránce dodržujte jasnou vizuální hierarchii vše co je na stránce musí mít jasnou funkci. Čím je odkaz, text, obrázek atp. důležitější, tím by měli být nápadnější. Objekty, které spolu souvisí, musí být po vizuální stránce propojeny a zároveň musí být opticky zobrazeno, jak spolu souvisí (nadřazení podřazení). Využívejte zvyklosti každé médium má své zvyklosti. Tedy např. stejně jako v každém časopise lze očekávat umístění čísla stránky většinou někde na dolním okraji stránky, podobně je možno očekávat, že odkaz na webové stránce bude od ostatního textu odlišen jinou barvou a podtržením. Podobným způsobem lze přistupovat k využití různých technologií na webové stránce. Každý uživatel nemusí mít plugin pro spuštění flash animace. Pokud si toto tvůrce webu uvědomí, velmi tím uživateli usnadní pohyb na stránkách. Rozdělte stránky na jasně definovatelné oblasti ať už uživatel vstupuje na stránky s konkrétním cílem, nebo zde chce jen brouzdat, měl by letmým pohledem okamžitě odlišit, co je pro něj využitelné a co nebude potřebovat. Snažte se, aby bylo zřejmé, na co je možné klepnout odkazy jsou prostředkem pro pohyb na každých webových stránkách. Proto by se neměl uživatel zdržovat rozmýšlením a zkoušením, zda je něco klikatelné. Minimalizujte šum ve vizuální stránce lze najít šum ve dvou extrémech. Buď se všechny prvky stránky dožadují uživatelovy pozornosti, nebo naopak jsou všechny prvky velmi nevýrazné. V obou případech může být uživatel frustrován, protože neví, který z prvků má vybrat. Proto je třeba mezi těmito extrémy najít střed Použitelnost webových stránek [online] KRUG, S. Nenuťte uživatele přemýšlet! Návrh billboardu 101, s

17 K těmto pravidlům lze pak přidat ještě šesté pravidlo Udržujte stránky aktuální pokud mají stránky uživatelům dobře sloužit a mají se na ně vracet, je třeba, aby se na nich stále něco dělo. Jak mají vypadat a jaké podmínky mají splňovat jednotlivé prvky použitelného webu bude uvedeno v následujících podkapitolách Rozvržení stránky Do dnešního dne je možné nalézt prakticky tři druhy tabulkové, rámcové a rozvržení pomocí kaskádových stylů. Tabulkové a rámcové rozvržení lze stále najít u mnoha webů, přestože byl tento způsob shledán nepraktickým, především z hlediska přístupnosti webu. V současné době je tedy doporučeno, jak bylo již uvedeno v kapitole o přístupnosti, rozvržení pomocí kaskádových stylů Domovská stránka Domovská stránka by měla uživatele především zaujmout a získat si jeho důvěru. Ukázat mu, kde začít, aby našel cestu k tomu, co hledá. Z konkrétních položek by pak domovská stránka měla obsahovat logo a poslání, nejlépe umístěné v horních částech webu. Dále by se zde uživatel určitě měl dozvědět hierarchii webu jak jsou stránky organizovány, což by měla zajistit dobře sestavená navigace (viz dále). Součástí kvalitní domovské stránky by měly být také obsahové a funkční upoutávky tedy zkrácené verze toho, co web obsahuje nebo co na něm může uživatel dělat. Také by zde uživatel mohl najít zástupce rychlé odkazy na nejžádanější obsah, stejně tak jako formulář na registraci či přihlášení. 25 V případě knihovny tedy formulář pro přihlášení do čtenářského konta spolu s formulářem pro vyhledávání v on-line katalogu. Před domovskou stránkou je někdy umístěna úvodní stránka s nějakou interaktivní animací (intro, splash page), nebo jen určité základní informace o instituci s odkazem Pro vstup na stránky klikněte. Obecně se tato stránka nedoporučuje, protože obvykle nenese žádnou informační hodnotu, uživatele pouze zdržuje. 25 KRUG, S. Nenuťte uživatele přemýšlet! Dokonalá verze domovských stránek neexistuje, s

18 2.3.3 Navigace Slouží k tomu, aby se uživatel dokázal na webu dobře zorientovat. Čím kvalitnější navigace je, tím větší je pravděpodobnost, že se uživatel na stránkách rychle zorientuje a najde, co hledá. Za ideální navigaci považují webdesignéři tzv. persistentní navigaci, jež zobrazuje sadu navigačních prvků objevujících se na každé stránce webu. Měla by obsahovat následujících pět prvků: Logo serveru logo umístěné na stejném místě na každé stránce umožňuje uživateli jednoduše zjistit či potvrdit, na jakých webových stránkách se právě nachází. Stalo se také standardem, že kliknutím na logo serveru přejde uživatel na domovskou stránku. Sekce lze je najít také pod názvem primární navigace. Jsou to odkazy nejvyšší úrovně sekcí webu. Velký počet webových prezentací zobrazuje persistentně také sekundární navigaci. Tyto navigace bývají umístěny vertikálně v horní části stránky, či horizontálně na okrajích stránek webu. Pro zobrazení jednotlivých položek sekcí (menu) se nedoporučuje, ani z hlediska použitelnosti, používat roletky. Vyhledávání slouží pro ty uživatele, jež si nepřejí procházet sekcemi, ale chtějí pouze zadat do vyhledávacího políčka to, co hledají. Z tohoto důvodu by mělo být na rozsáhlejších webových prezentacích vyhledávací pole na každé stránce umístěno stejně viditelně, jako sekce. Pravidla pro tvorbu přístupného webu umístění vyhledávacího políčka na větších webech na každé stránce vyžaduje také. Pomůcky jsou to položky, které mohou usnadnit užívání webových stránek tedy např. nápověda, mapa webu (tu doporučují umístit na rozsáhlejších stránkách i pravidla pro přístupnost webu), v internetových obchodech to může být nákupní košík. V případě stránek knihovny by zde mohl být odkaz pro přihlášení do čtenářského konta, odkaz na on-line katalog knihovny nebo tlačítko pro přepnutí jiné jazykové verze stránek. Odkaz na domovskou stránku slouží uživatelům k tomu, aby se z jakéhokoliv místa na webu dostali na začátek a mohli např. v případě neúspěšného hledání začít vyhledávat znovu z výchozího bodu. Z dalších navigačních prvků je třeba jmenovat tzv. drobečkovou navigaci, jež se uplatňuje především u větších webů. Tato navigace zobrazuje cestu, kterou uživatel prošel, než se dostal na danou stránku. To mu umožňuje nejen zjistit, kde se zrovna 18

19 nachází, ale také pohodlně přejít na jakoukoliv předchozí (hierarchicky nadřazenou) stránku. 26 Pokud jde o navigaci, je důležité také ošetřit hlášení chyby 404. V případě, že při vyhledání nebyla stránka nalezena, objeví se v prohlížeči hlášení Chyba 404 Stránka nebyla nalezena. Vedle hlášení o nenalezení je na stránce vhodné uvést, že uživatel může přejít odkazem na hlavní stránku nebo informovat uvedeným em tvůrce webu o této chybě. Lze zde také vložit vyhledávací pole Grafika a texty Vizuálně atraktivní webová prezentace je pro uživatele pochopitelně příjemná. Webová stránka by neměla být přehlcena grafickými prvky, nebo naopak příliš strohá. Je třeba najít správný poměr, grafické prvky používat jen tam, kde je to přínosné, text členit do přehledných odstavců, rozdělovat mezinadpisy, využívat odrážky. Také je třeba dodržet, aby konkrétní webová stránka neměla velký datový objem, což platí především pro domovskou stránku. U současných zařízení to sice není příliš velký problém, ale každý webdesignér by měl mít na paměti, že stránky mohou i dnes zobrazovat stroje s méně výkonným hardwarových vybavením či pomalým připojením. Co se týče samotných textů, je třeba vytvářet je co nejkratší. Uživatelé ve většině případů webové stránky nečtou, pouze je prohlíží a tomu by měla být délka textů přizpůsobena. Text by měl být krátký a výstižný, aby si z něj i při zběžném přehlédnutí dokázal uživatel udělat o dané věci co nejúplnější obrázek. V samotných textech je pak třeba používat srozumitelný jazyk, používat co nejméně terminologie (tedy např. pro prodloužení výpůjčky není vhodné použít výraz prolongace 27 ). Pokud je nutné terminologii využít, je třeba ji řádně vysvětlit. Při tvorbě textů a výběru grafické stránky je vhodné dodržet následující: Barvy pro vytvoření graficky atraktivní webové prezentace je jedním z klíčových bodů výběr použitých barev. Pro výběr správných kombinací barev lze použít některou z mnoha internetových služeb. Jako příklad lze uvést 26 KRUG, S. Nenuťte uživatele přemýšlet! Pouliční ukazatele a drobky, s Jako v Městské knihovně Hodonín ( 19

20 ColorSchemeDesigner 28, jež vygeneruje několik možných sérií navzájem ladících barev, které budou vyhovovat i pravidlům přístupného webu. Pro použití v prezentaci je pak třeba dávat pozor hlavně na kontrast textu a pozadí. Volba světlejšího pozadí a tmavšího písma neunavuje příliš oči, zajišťuje lepší čitelnost v jiných čtecích zařízení a na výstupu tiskárny. Rozhodně není doporučeno vkládat na pozadí obrázek. Písmo je třeba volit takové, aby bylo dobře čitelné a zobrazitelné na všech platformách. Mezi písma, o kterých lze říci, že tuto podmínku splňují jsou řazeny např. Arial či Verdana. Jejich vzhled je pak měněn pomocí kaskádových stylů, přičemž pro delší texty je třeba volit písmo patkové a pro nadpisy bezpatkové. Písma, která výstupní zařízení nepodporují, bývají nahrazena takovými, jež jsou k dispozici a to většinou zcela změní vzhled celého dokumentu. Dále je třeba nastavit velikost fontů pomocí relativních jednotek, což opět souvisí i s použitelností. Ze stejného důvodu je třeba na úpravy samotného textu používat následující tagy: pro nadpisy tagy <h1> <h6> (jejich parametry definuje kaskádový styl), pro zvýraznění <strong> (tučné) a <em> (kurzíva) 29, podtržení textu není vhodné používat, protože by mohlo uživatele uvést v mylné mínění, že se jedná o odkaz. Odkaz při tvorbě odkazů je třeba také dodržovat určitá pravidla. To, že je už zažito, že odkaz je prezentován podtržením a nejlépe jinou barvou, bylo již řečeno výše. Ovšem je vhodné dodržet i další konvence. Je to především vyplnění atributu title v odkazu, což nám ukládají také pravidla pro tvorbu přístupného webu. Dále je vhodné již navštívený odkaz zobrazovat jinou barvou, nežli jsou ještě nenavštívené odkazy. Také je důležité zvolit text s odkazem tak, aby měl nějakou vypovídací hodnotu. Rozhodně nelze použít slova typu klikněte zde. Dalšími zásadami, které doporučují i pravidla pro tvorbu přístupného webu, jsou podmínky pro otevírání odkazu do nového okna a odkazu s jiným souborem. Ať už se jedná o nové okno či soubor, je třeba na to uživatele předem dostatečně jasně upozornit. V případě otvírání odkazu s jiným souborem by mělo být ještě u popisku odkazu uvedeno, o jaký typ se jedná a jakou má velikost. 30 Tabulky a seznamy při použití tabulky je vhodné, aby obsahovala vyplněné tagy <th> v případě, že slouží k zobrazení tabulkových dat. V opačné situaci, kdy je 28 ColorSchemeDesigner naleznete na adrese 29 ALLSOPP, J. Web - nové staré médium? [online] ŠPINAR, D., Tvoříme přístupné webové stránky. Odkazy mimo WWW stránky, s

21 použita pouze pro naformátování textu (nedoporučuje se), je třeba jej naopak nevkládat. Stejně tak platí zásada, že uložení dat v tabulkách je třeba prezentovat tak, aby byly čitelné po řádcích. Při tvorbě seznamů je pro přehlednost vhodné používat tagy <ul>, <ol> a <li>. Všechna doporučení uvedená výše jsou žádoucí i kvůli přístupnosti webu. 31 Pokud má dojít k ověřování použitelnosti stránek, nelze pro něj najít tak jednoduše nástroje, jako v případě použitelnosti a webových standardů. Protože se nejedná již jen o technickou záležitost, nejlépe použitelnost stránek otestují samotní uživatelé. Dle výzkumu Jacoba Nielsena a Toma Landuera 32, amerických odborníků na použitelnost webu, stačí otestovat pět náhodně vybraných lidí, aby bylo odhaleno 85% chyb. Doporučuje se spíše uskutečnit co nejvíce kol testování a to v celém průběhu tvorby webu. V kapitole o použitelnosti je třeba také uvést trend odvíjející se od Knihovna 2.0, který je viditelný již i v českých knihovnách. Je to vytváření webových prezentací pro specifickou skupinu uživatelů. Ve veřejných knihovnách by mohly tyto specifické skupiny tvořit děti, mládež, dospělí a senioři. V současné době lze najít především weby pro první skupinu děti Optimalizace webových stránek pro vyhledávače Search Engine Optimization (SEO) neboli optimalizace webových stránek pro vyhledávače se zabývá možnostmi vytvoření webu tak, aby byl dobře vyhledatelný ve vyhledávačích. Je součástí oboru Search Engine Marketing (SEM), což je obor věnující se marketingu ve vyhledávačích. Ten je kromě SEO obvykle placený. 34 Lze říci, že webové stránky knihoven jsou v tomto směru poněkud ve výhodě. Na rozdíl od běžných webových stránek, jež nabízí určité služby či výrobky, knihovna pro většinu svých služeb nemá v dané oblasti konkurenci a díky tradici (moderně lze říci, díky silné značce ) má množství uživatelů. To ovšem neznamená, že by jí 31 ŠPINAR, D., Tvoříme přístupné webové stránky. Seznamy, s NIELSEN, J. How Users Read on the Web [online] Vydařené má např. Městská knihovna Česká Třebová ( Šmidingerova knihovna Strakonice ( nebo Knihovna Karla Dvořáčka ve Vyškově 34 JANOVSKÝ, D. Vztah SEO a SEM [online]. 21

22 nemělo záležet na tom, jestli jejich webové stránky uživatelé nenajdou. Vyhledáním dané knihovny na prvních místech je uživatelům cesta na stránky knihovny usnadněna. Navíc ne každý návštěvník stránky je již registrovaným uživatelem. Snadné vyhledání stránek jej může podpořit v rozhodnutí stát se jím Předpoklady pro optimalizaci Robot, který indexuje obsah stránky, vidí tuto stránku přibližně tak, jako ji čte nějaké čtecí zařízení. Navíc roboti jednotlivých vyhledávačů pracují různě. Pokud si s některými technologiemi použitých na stránkách neporadí, v nejhorším případě je prostě vynechají. Z toho důvodu je třeba vytvářet stránky tak, aby bylo zajištěno, že je robot bezpečně zindexuje. 35 Předpoklady pro optimalizaci jsou následující: Validita kódu jak bylo uvedeno výše, pro správné indexování obsahu je třeba, aby byl kód validní. Pro otestování validity kódu se používají validátory, jež byly uvedeny v kapitole o webových standardech. Minimální využití problematických prvků mezi tyto prvky jsou řazeny javascript, flashové animace, rámce, klikací obrázkové mapy či rozbalovací menu (roletky). Všechny tyto prvky mohou robotovi znepříjemnit indexaci, či přímo mohou vést k nezindexování stránky. Z toho důvodu je třeba je používat jen v nejnutnějších případech a pokud jsou již použity, mělo by dojít k doplnění daného prvku alespoň vysvětlujícím popiskem. Změny v adrese stránky (URL) URL adresy by měly být neměnné. Je nutné zvolit je tak, aby nebylo třeba je měnit nejlépe po celou dobu fungování webové prezentace. Pokud musí být adresa změněna, je třeba zajistit přesměrování tak, aby nedošlo k duplikování stránky Metody k dosažení optimalizace Metody, které jsou používány k dosažení optimalizace pro vyhledávání, lze rozdělit na on page faktory a off page faktory. On page faktory je cokoliv, co se vyskytuje na jedné unikátní stránce. To znamená nadpisy, hlavičky, text stránky, interní i externí odkazy na stránce atd. Podle 35 Zda má vyhledávač zindexován celý web lze zjistit tak, že do vyhledávače zadáme site:naseknihovna.cz. Poté porovnáme se skutečným počtem stránek. 36 SMIČKA, R. Optimalizace pro vyhledávače. Předpoklady pro optimalizaci, s

23 důležitosti je to pravděpodobně sestupně obsah tagu Title, meta description, H1, H2...H6, <strong>, <em> atd. Záleží samozřejmě jak jsou jednotlivá slova na stránce často (hustota), kde se vyskytují (v jakém tagu) a jak daleko jsou od začátku tagu (stránky). 37 Mezi on page faktory je řazen výběr relevantních klíčových slov a vyplnění obsahu tagů pro popis a zvýraznění: Výběr klíčových slov výběr klíčových slov je nejdůležitější část optimalizace. Každé stránce by mělo být přiřazeno několik klíčových slov, podle kterých by mohla být vyhledávána. Pak je třeba tato slova po celé stránce vhodně rozmístit. Pro každou stránku je vhodné vybrat maximálně 5 6 klíčových slov, přičemž čím jsou stránky specifičtější, tím se snižuje jejich počet. Pro správný výběr klíčových slov lze použít některý z mnoha nástrojů, jež jsou pro tyto účely přístupné na webu. Jako příklad lze uvést systém společnosti Google Adwords 38, případně se lze inspirovat na stránkách již optimalizovaných. Klíčová slova v URL z URL jsou indexovány jen části umístěné za lomítkem domény prvního řádu. Samotná doména indexována není, proto je třeba umístit klíčová slova až za něj. 39 Důležité tagy (metainformace a zvýraznění) nejdůležitější tag na stránce je <title>. Měl by vždy přesně popsat obsah stránky a zároveň zahrnovat alespoň některá z klíčových slov. Další tag, který je třeba vyplnit je meta description. Některé prohlížeče jej používají u popisku stránky v zobrazení výsledků vyhledávání. Další tag, keywords, je možné vyplnit, ale vyhledávače jej v současné době ignorují. 40 Také je třeba využívat tagů pro nadpisy <h1> <h6>. Umístění textu mezi značkami nadpisu mu dává větší váhu, než běžnému textu, stejně tak jako slovům, jež budou vyznačeny tučně či kurzívou (tagy <strong> a <em>). Poslední položka, kterou je vhodné pro optimalizaci vyplnit, je atribut alt u obrázků. Ten umožňuje, že při nezobrazení obrázku je k dispozici alespoň vložený text. 37 SMIČKA, R. Optimalizace pro vyhledávače. Optimalizace obsahu stránky On page faktory, s Nástroj Adwords naleznete na adrese Aktuální srovnání českých nástrojů pro výběr klíčových slov Sklik, Etarget a Adwords lze najít v článku ŠEVČÍK, V. Porovnání nástrojů pro doporučení klíčových slov u AdWords, Sklik a etarget [online] TICHÝ, J. Optimalizace pro vyhledávače [online] Ibid. 23

24 Off page faktory je vše, co není přímo na optimalizované stránce, hlavně tedy všechny odkazy, které směřují na danou stránku. Tímto se nemyslí jen odkazy z cizích stránek (webů), ale samozřejmě i z webu vlastního. 41 Z offpage faktorů zde bude uveden tzv. PageRank. Velmi zjednodušeně řečeno, je PageRank algoritmus, který hodnotí stránku podle toho, kolik jiných stránek na ni odkazuje, přičemž zároveň ještě bere v úvahu, jaké hodnocení sama odkazující stránka má. Způsob tohoto hodnocení vznikl v internetové společnosti Google, ovšem osvědčil se pro hodnocení stránek natolik, že jej postupně přebraly i další vyhledávače. 42 Hodnocení PageRanku pak slouží spolu s dalšími údaji pro lepší, nebo naopak horší umístění ve výsledcích hledání. Pro získání vysokého PageRanku je tedy důležité, aby na stránku odkazovalo co nejvíce kvalitních webů. Vysoký PageRank tedy může knihovna získat např. požádáním institucí regionu (městský úřad, kulturní centra, školská zařízení atp.) o odkazování na její webovou prezentaci. Stejně jako u webových standardů a použitelnosti webových stránek, také pro ověření vyhledatelnosti stránek lze najít v prostředí internetu množství nástrojů. Jsou to např. stránky Seomoz.org 43, Seo Asistent 44 či Optimalizace pro vyhledávače 45. Svůj PageRank v různých vyhledávačích je možné ověřit např. na stránkách rank.isecure.cz 46. Na závěr kapitoly je třeba uvést, že ať už se bude jednat o použitelnost, přístupnost či SEO, nejlepší zpětná vazba týkající se vlastností stránek je přímo z praxe. Knihovníci nemusí mít obavu požádat uživatele knihovny, kteří prostředky k vyzkoušení stránek disponují, nechat otestovat web v jejich zařízení. Tedy, např. zkusit si nahlédnout na zobrazení stránky v jiném zařízení, než je prohlížeč počítače či poslechnout si text z hlasové čtečky. Při testování použitelnosti pak není jistě třeba se obávat oslovit také uživatele knihovny, aby pomohli při testování webových stránek. Stránky přece slouží především jim. 41 SMIČKA, R. Optimalizace pro vyhledávače. Optimalizace obsahu stránky Off page faktory, s Proto lze najít např. u nás také Srank vyhledávače Seznam či Jyxorank vyhledávače Jyxo. 43 Webovou prezentaci nástrojů SEOmoz naleznete na adrese 44 Webovou prezentaci služby SEO Asistent naleznete na adrese 45 Webovou stránku s nástroji Optimalizace pro vyhledávače naleznete na adrese 46 Webovou prezentaci aplikace rank.isecure.cz naleznete na adrese 24

25 Co se týče optimalizace stránek pro vyhledávače, pro vyhledatelnost na prvních místech bude dostačující použít vhodná klíčová slova a stránku vytvářet podle pravidel přístupnosti a použitelnosti. O tom, odkud na stránky uživatelé chodí a jak se na stránkách pohybují, prozradí prostudování statistik návštěvnosti stránek. 25

26 3. Položky webové prezentace knihovny V následující kapitole budou podrobně popsány položky, které lze na webovou prezentaci umístit. Vzhledem k tomu, že tvůrce webových stránek knihovník má jen průměrnou počítačovou gramotnost, všechny použité nástroje či služby zde uvedené by pro něj měly být zvládnutelné. Pokud nebude uvedeno jinak, vždy je práce se službou či nástrojem velice intuitivní, po jednoduchém nastavení parametrů dochází k vygenerování html kódu, který se pouze vloží do stránky. Také bylo pochopitelně bráno v úvahu, že knihovna nemůže na tvorbu webových stránek vynaložit příliš mnoho financí, tudíž vybrané služby nebo nástroje jsou většinou zdarma či za malý a volitelný poplatek. Další podmínkou výběru těchto nástrojů a služeb bylo, aby výsledná aplikace na stránce podporovala češtinu. zprostředkovat 3.1 Hlavička webové stránky V hlavičce webové prezentace, která se bude zobrazovat na každé straně, by měl být zobrazen pochopitelně název knihovny a také logo (pokud knihovna nějaké používá). Případně lze vložit další text, nejlépe výstižný slogan Obecné informace o knihovně V následujících položkách budou uvedeny obecné informace, které je třeba na stránky o knihovně uvést. Kontaktní informace knihovny Kontaktní informace jsou jedny z nejdůležitějších údajů, kvůli kterým uživatelé na stránky přijdou. Alespoň ty základní by měly být, ve zjednodušeném tvaru, umístěny na každé stránce: adresa při uvádění adresy je důležité uvést i umístění knihovny v budově. Pokud se knihovna nachází např. v druhém patře, nebo je její vchod na neobvyklém místě, je třeba na to uživatele předem upozornit. To stejné platí o informacích o bezbariérovém přístupu. Také je pro uživatele pohodlné si zde přečíst, kudy či jakým spojem se lze do knihovny dostat. 47 Zajímavě možnosti vložení sloganu v názvu knihovny využily Městský knihovna Česká lípa s podnadpisem knihovna s regionální působností ( či Městská knihovna ve Cvikově s knihovna s univerzálním zaměřením ( 26

27 Telefonní čísla obvyklou praxí je uvádět čísla jak na pevnou linku, tak na mobilní telefon. Také se ještě stále používají faxová zařízení (např. pro zaslání tiskopisu žádanky MVS.) v současnosti už je běžné, že knihovna má několik ů. Ať už jsou vytvořené podle jmen pracovníků, nebo podle oddělení, případně jsou v obojí formě, je žádoucí zachovat jim určitý systém. Tedy pokud jsou zvoleny y podle jmen, je třeba toto dodržet pro všechny zaměstnance a v jednotném tvaru, aby byly y zapamatovatelné a jejich tvar u ostatních zaměstnanců lehce odvoditelný. 48 Instant messaging a VoIP pokud knihovna používá tento způsob komunikace, měla by mít na stránkách vysvětlení nebo alespoň odkaz na informace týkajících se těchto služeb. Rozhodně také nesmí chybět indikátor stavu služby s vysvětlením. 49 Mise a vize Na této stránce by knihovna měla uvést, jaké jsou její cíle, vize a poslání. Je zde definováno, čeho chce dosáhnout, za jakých podmínek a prostřednictvím čeho nebo koho chce těchto cílů dosáhnout. 50 Mapa Zobrazení umístění knihovny na mapě by mělo být samozřejmostí. Lze využít vlastní mapu, vložit ji jako obrázek. Je možné však využít internetových služeb poskytujících mapy, což se jeví jako výhodnější, už jen proto, že tyto mapy dnes poskytují velké množství zajímavých funkcí. Přepnutí na mapu satelitní či plánovač tras je jejich základním vybavením. V našich podmínkách lze využít např. Mapy.cz 48 Rozhodně není vhodné mít ové adresy jako např. Městská knihovna v Rožnově pod Radhoštěm, kdy má ve třech případech použité příjmení s počátečním písmenem, ve dvou vytvoření zkratky ze jména a příjmení, v jednom případě použité pouze příjmení, v jednom pouze jméno a v jednom dokonce adresu s jinou doménou než u ostatních ( 49 Příklad využívání této služby knihovnou můžeme najít v Městské knihovně Antonína Marka v Turnově ( 50 CASEY, Michael E., SAVASTINUK, Laura C. Library 2.0. The Library Mission Statement, p

28 a Mapy.google.cz 51. Zajímavé by mohlo být v budoucnosti vyzkoušet pro tyto účely projekt Google Street View 52. Provozní doba Je další z informací, kvůli kterým chodí uživatelé na stránky nejčastěji. Je třeba ji udržovat neustále aktuální a o všech změnách informovat s předstihem. I provozní doba by mohla být umístěna na každé stránce prezentace. Informace o zaměstnancích Neboli nejčastěji Kontakty. Kromě rozšířené adresy knihovny bývá pod Kontakty jmenný seznam všech zaměstnanců, jejich funkce (a někdy i pracoviště) a komunikační kanály k nim tedy telefonní čísla (mobilní i pevné linky), y, případně také identifikace na instant messengeru (v ČR číslo Icq) a IP telefonii (Skypu). Dále by zde čtenáři mohli najít také aktuální fotografie zaměstnanců. 53 Velmi zajímavé by mohlo být také vložení audio či videozáznamu s prezentací zaměstnance, v němž by mohl představit sebe a svou práci či oddělení. 54 Partneři, sponzoři knihovny Pokud má knihovna sponzory či partnery, s kterými spolupracuje, je webová stránka jedním z míst, kde by měla být tato informace určitě uvedena. Informace mohou být uvedeny textově, obrázkem (logem) s odkazem, nebo obojím. Také není od věci na této stránce uvést, proč a jakým způsobem knihovnu sponzorovat či s ní nějak spolupracovat Mapy.google.cz mají bohužel někdy problém najít zadanou adresu, případně ji zobrazí špatně. Týká se to hlavně menších měst. 52 POLESNÝ, D. Google zítra začne fotit ulice pro Street View také v ČR [online] V ČR se nejspíše nenajde knihovna, kde by personál chodil v uniformách. Tudíž je pro čtenáře výhodné, jde-li např. do knihovny poprvé, vidět knihovníka nejdříve na fotografii. Příklad zobrazení fotografií lze najít např. na stránkách Městské knihovny Třeboň ( 54 BRADLEY, P. How to use Web 2.0 in your library. Using podcasts in a library environment, p Příkladem může být stránka o sponzoringu v Městské knihovně Antonína Marka v Turnově ( 28

29 Statistiky knihovny Přestože by se to tak nemuselo jevit, statistiky mohou být pro návštěvníky (a uživatele knihovny) zajímavé. V dnešních tabulkových procesorech a jim podobných programech lze v uživatelsky příjemném prostředí vytvářet atraktivní grafy prakticky čehokoliv. Samozřejmě, že obecné grafy a statistické údaje o návštěvnosti, počtech výpůjček a dalších údaje, které knihovna v ročních výkazech odesílá na Ministerstvo kultury ČR nejsou pro čtenáře příliš zajímavé. Ale pokud knihovna přidá konkrétní údaje, např. který titul byl nejvíce půjčován či kdo z uživatelů měl nejvíce výpůjček (s jeho souhlasem samozřejmě), mohla by být tato stránka hojně navštěvována. Historie knihovny Tato stránka je další z méně populárních podstránek webu knihoven. Ovšem pokud by knihovna do této sekce vystavila např. i naskenované historické fotografie, případně by skeneru využila k naskenování staré kroniky knihovny nebo historické knihy přání a stížností, mohla by se stát tato podstránka mnohem atraktivnější. Pobočky knihovny Pobočky jsou víceméně problematická stránka. Knihovna se musí sama rozhodnout, zda pro ně zřídí samostatnou webovou prezentaci, nebo zda informace o ní najdou čtenáři na jejích stránkách a veškeré dění se tudíž bude koordinovat přes ni. Každopádně pokud se rozhodne ponechat si je na svých stránkách, neměly by rozhodně chybět kontaktní údaje (adresa, telefony, y atd.), informace o zaměstnancích, otevírací doba, alespoň fotografie budovy, zobrazení na mapě, ceník služeb atd. Prakticky vše, co je uvedeno i na stránkách vlastní knihovny, ovšem ve zkrácené verzi. Informace pro ostatní knihovny Informace, které využijí především knihovny regionu spadající pod danou knihovnu. Může to být především seznam služeb, které knihovna nabízí regionálním knihovnám, výměnný fond, plán revizí, zápisy z porad atp. Samozřejmě i okolní knihovny zde mohou najít užitečné informace, např. v podobě elektronického formuláře meziknihovní výpůjčky. 29

30 Monitoring médií Je velmi přínosné, když o knihovně hovoří média. Pro knihovnu je to především reklama. Stránka, která sleduje, co bylo o knihovně publikováno, nemusí obsahovat jen textové dokumenty. Tedy např. naskenované výstřižky z novin či časopisů nebo odkaz na článek v elektronickém periodiku. Jednoduše lze vkládat i audio či videozáznamy. Další informace Dále může být na stránkách možné najít např. informace o projektech, grantech, spolupráci, informace o zřizovateli, zřizovací listina, prohlášení o ochraně osobních údajů, organizační struktura nebo výroční zprávy Služby, které knihovna nabízí Následující kapitola uvede služby, o nichž lze na webových stránkách informovat, případně je i částečně provozovat. Je to především výpůjční služba a vše co s ní souvisí a práce s internetem a počítačem. Také by se uživatelé měli dozvědět o nabídce poskytovaných ústních informačních služeb a reprografických službách. Dále je žádoucí zde umístit nabídky elektronických formulářů pro meziknihovní výpůjční službu a informace o vzdělávacích akcích. Jako poslední a jistě ne nejméně důležité jsou uvedeny elektronické služby. Výpůjční služba a studium rozdělení dle oddělení Jako nejpoužitelnější se jeví rozdělení těchto služeb podle oddělení. Ta jsou zpravidla rozdělena na dětské a dospělé, v knihovnách se zvukovými nosiči lze najít také hudební oddělení. Existují i knihovny, kde půjčují videokazety a filmová DVD. Dále potom bývá v knihovně většinou studovna (čítárna). Dětské a dospělé oddělení na stránkách dětského a dospělého oddělení uživatelé určitě ocení vysvětlení systému označování publikací a rozestavění fondu v knihovně. Tedy např. co znamenají barevná označení knih v dětské beletrii, k čemu slouží číselné znaky na publikacích u naučné literatury nebo jak jsou knihy rozděleny pro prezenční a absenční výpůjčku. Dále by se zde mohly nalézat také tipy na knihy k přečtení (s diskusním fórem či možnostmi přidání komentářů), případně přímo seznam nových publikací na oddělení. Některé knihovny mají na těchto stránkách také upoutávky na akce, které se budou 30

31 v daném oddělení konat, ceníky služeb, otevírací dobu, fotogalerii či jinou prezentaci oddělení, knihovní řád a odkaz na katalog a čtenářské konto. Na dalších odděleních hudebním či jiném bude obsah podobný, jen přizpůsobený jejich fondu. Tato oddělení jsou pak spojena s výpůjční službou. V části o výpůjční službě by rozhodně neměly chybět informace o možnostech výpůjček (druhy výpůjček, doba výpůjčky, možnosti prodloužení) či poplatky za upomínky. čítárna či studovna prezentace čítárny či studovny obsahuje většinou informace o docházejících periodikách. Pokud informace o novinách a časopisech neodkazují přímo do katalogu, lze je prezentovat např. obrázky obálek a s odkazem do elektronické mutace periodika. 56 Dále by na těchto stránkách mohla být uvedena informace o technickém vybavení čítárny či studovny (počet počítačů, připojení k internetu, možnost připojení notebooků, tiskárny, kopírovací zařízení, skener) a rozhodně by zde mohla být uvedena, stejně jako v předchozích odděleních, otevírací doba, zveřejněna fotogalerie, upoutávky na akce atp. Internet a práce s počítačem Na této stránce by měl čtenář najít informace o podmínkách užití počítače a internetu a jaké jsou v knihovně přístupné elektronické informační zdroje a data na cd-romech. Mnoho knihoven zde má uvedena Pravidla pro bezpečný internet. Také by zde měly být k přečtení a případně i stažení řády pro práci s internetem a počítačem. Poskytování informací Na podstránce o možnostech poskytovaných ústních i písemných bibliografických, referenčních a faktografických informací a rešerší by rozhodně neměla chybět informace o tom, že knihovna zprostředkovává informace ze státní správy a samosprávy 57. Nabídky vzdělávacích akcí Stránka bývá nazvána také např. Lekce pro školy či Nabídka pro učitele, přestože se tyto nabídky neváží striktně na školní zařízení. Podrobně je zde 56 Pro lepší představu takto vyřešila prezentaci periodik Městské knihovna a informační centrum Hradec nad Moravicí ( 57 PETRÝDESOVÁ, D. Možnosti uplatnění veřejných knihoven v informačním systému státní správy a samosprávy. In Inforum 2003 [online]. 31

32 informováno o možnostech pořádání besed či knihovnických lekcí a jejich obsahovém zaměření. Nabídka bývá zpravidla rozdělena podle tříd/ročníků, případně tematicky. Pro ukázku by zde mohla být uvedena audio či videonahrávka z některých z pořádaných akcí. Meziknihovní výpůjční služba Informace o meziknihovní výpůjční službě obsahuje výpis požadavků na žádanku a informace o adrese jejího zaslání. Jako druhou, pohodlnější možnost, lze nabídnout vyplnění žádosti o meziknihovní výpůjční službu prostřednictvím elektronického formuláře. Žádosti o službu je třeba rozdělit na žádosti pro knihovny a pro čtenáře. Reprografické služby Na této stránce by uživatelé měli najít informaci o tom, jaké konkrétní reprografické služby knihovna nabízí a za jakých podmínek (včetně finančních). Pokud nenajde uživatel ceník těchto služeb přímo na této stránce, rozhodně by neměl chybět zřetelný odkaz na něj. Elektronické služby Na stránku lze umístit přehledný seznam, vysvětlivky a případné odkazy na jiné podstránky všech elektronických služeb, které knihovna poskytuje. Mezi tyto služby lze rozhodně uvést rezervace a objednávání knih přes on-line katalog, možnosti předregistrace, vyřizování dotazů prostřednictvím dotazových formulářů, zasílání novinek prostřednictvím u, Ptejte se knihovny atp. Další služby Pro služby, o kterých nemají čtenáři až tak velké povědomí, ať už proto, že jsou nové, nebo proto, že jsou určeny jen pro specifickou skupinu obyvatel, jsou webové stránky ideálním a někdy i jediným místem pro prezentaci. Příkladem může být nabídka donáškové služby uživatel se zde okamžitě dozví podmínky této služby a v případě zájmu si může přihlášku stáhnout či ji vyplnit a elektronicky odeslat. 32

33 Ceník služeb Ceník služeb lze nejpřehledněji zprostředkovat prostřednictvím tabulky. Možnost stáhnutí či přímého vytištění ceníku množství uživatelů jistě ocení Přístup do on-line katalogu a ke čtenářskému kontu Informace o knihovním fondu a možnost přihlásit se do čtenářského konta je pravděpodobně nejčastější důvod, proč návštěvníci na webové stránky přijdou. Dále by se v tomto kontextu mohl vyskytovat seznam nových přírůstků v knihovně, tipy na nákup nových publikací a elektronické formuláře pro služby spojené s katalogem a čtenářským kontem. Přístup do on-line katalogu Přístup do elektronického katalogu z webových stránek je pro běžného návštěvníka pravděpodobně jediná možnost, jak se do katalogu i ke čtenářskému kontu pohodlně dostat. Z tohoto důvodu by pro něj měl být na stránkách přístupný podrobný manuál o tom, jak vyhledávat, co která položka v katalogu znamená, jak lze provést rezervaci atd. Také by u tohoto manuálu mohl být umístěn dotazový formulář na odeslání zprávy do knihovny či tematické diskusní fórum pro případ, že by si uživatel nevěděl s něčím rady. Tlačítko sociálního záložkování pro uložení katalogu do záložek je na tomto místě velmi vhodné. Přístup ke čtenářskému kontu Pro přístup ke čtenářskému kontu platí podobné vlastnosti jako pro přístup do on-line katalogu. Rozhodně by se zde měl nacházet návod pro práci se čtenářským kontem. Např. jak se přihlásit, jak se uvnitř pohybovat, co která položka znamená, co se s ní dá dělat atd. Také by zde měl být alespoň formulář pro zaslání dotazu do knihovny. Nové knihy Nebo také Knižní novinky či Tipy na čtení apod. V blízkosti katalogu je vhodné umístit seznam nových přírůstků. Zda to bude jen odkaz na novinky do katalogu, zobrazení těchto novinek na stránce či si dá knihovník tu práci a vypíše nabídku knih do stránky ručně (ať už s anotacemi a obálkami knih, či bez nich), 33

34 v každém případě je třeba tuto nabídku udržovat aktuální a v určité periodicitě obměňovat. Také není od věci umístit na stránku s novými přírůstky např. RSS kanál či jiný typ služby, jenž zajistí doručování novinek k uživateli, bude-li si to přát. Formulář pro Tipy na nákup Pokud čtenář nenalezne titul, který hledal, případně nějakou publikaci četl a chtěl by ji doporučit do fondu knihovny, může o tom knihovnu informovat. K tomuto účelu lze umístit na stránku jednoduchý formulář pro doporučování. Při zanechání u doporučujícího jej pak může knihovna o zakoupení či nezakoupení informovat. Formuláře pro služby spojené s katalogem nebo čtenářským kontem Vzhledem k tomu, že čtenářské konto či katalog nemusí umožňovat některé funkce 58, případně čtenář určité funkce nemůže nebo nechce využít, může být pro tyto účely na webové stránky vložen formulář pro odeslání požadavku do knihovny. Nejčastěji jej nejspíše čtenáři využijí k prodloužení výpůjčky, ovšem i prodloužení rezervace či samotná rezervace nebo objednávka knihy může najít své uživatele. 3.5 Prostředky pro on-line komunikaci s uživateli Pro trend Knihovny 2.0 jsou prostředky pro on-line komunikaci nejpříznačnější. Uživatelům lze nabídnout alternativy komunikace a služeb v podobě elektronických formulářů, diskusních fór, instant messagingu, RSS kanálů, blogování či sociálních sítí. Knihovna by vždy měla využívat těch nástrojů a služeb, jenž jsou mezi uživateli knihovny využívány nejvíce 59. Zároveň by však měla umožňovat komunikaci i klasickými cestami. Elektronické formuláře Uplatnění elektronických formulářů lze najít téměř na každé stránce webu. Lze je použít v těchto případech: 58 Např. v čtenářském kontu katalogu Clavius nemůže uživatel prodloužit rezervaci publikace. 59 FARKAS, M. G. Social Software in Libraries. Why should librarians care about social software? p

35 obecný požadavek na kontakt knihovny většinou na stránce, či podstránce Kontakty. Lze využít pro jakýkoliv dotaz, připomínku. Také jej lze případně přímo pojmenovat Ptejte se knihovny či podobně. stránky s nápovědou pro případ, že uživatel nenajde odpověď na svou otázku. (před)registrace (před)registrování lze umožnit přímo do knihovny nebo do jakékoliv služby, kterou knihovna nabízí (např. donášková služba, zasílání novinek em atp.). Případně lze využít (před)registraci pro zjištění účasti na určité akci. Žádost o meziknihovní výpůjční službu je třeba vytvořit jednotlivé formuláře pro knihovny a uživatele. Práce s katalogem a čtenářským kontem viz předchozí kapitoly 6.4. Kvality i možnosti formulářů nabízených prostřednictvím internetových služeb jsou různé, je třeba zvážit, zda chce knihovna formulář bez jakékoliv reklamy, s reklamou na službu, která formulář poskytuje, či jí nebude vadit jakákoliv reklama. Případně je možné si službu bez reklam zaplatit. 60 Jmenovat lze tedy např. službu Google dokumenty, Blueboard.cz, Forpsi.com (Mailform.cz), Weblight.cz, Vševjednom.cz či Webber.cz. 61 Diskusní fóra, komentáře, návštěvní knihy Umístění diskusního fóra na webové stránky je další způsob, jak umožnit uživateli pohodlnější komunikaci s knihovnou a případně i s jinými uživateli. Navíc narozdíl např. od formulářů má tu výhodu, že není bezprostředně závislá na knihovníkovi. Pokud se v diskusním fóru zrovna vyskytuje jiný uživatel, který např. ví, jak nějaký problém vyřešit, může dostat uživatel odpověď prakticky okamžitě. A pokud je umístěn v diskusnímu fóru i RSS kanál (či podobná služba), je prakticky zajištěno, že se tato odpověď k danému uživateli dostane i v případě, že by se na stránce s diskusním fórem již nevyskytoval. Komentáře jsou velmi podobné diskusnímu fóru, ovšem neobsahují tlačítko pro odpověď na některý z předchozích příspěvků. Komentáře je vhodné umístit např. u jednotlivých příspěvků v galeriích. 60 Ceníky jednotlivých služeb naleznete v příloze v tabulce č Adresy jednotlivých služeb, uvedených i dále, naleznete v příloze I, v přehledu webových služeb. 35

36 Návštěvní knihu si lze představit jako elektronickou verzi klasické papírové návštěvní knihy. V současné době i návštěvní knihy umožňují odpovídat na vložený příspěvek, tudíž název Návštěvní kniha je v podstatě formální, charakterem je to diskusní fórum. Je několik míst, kde je užitečné tyto výše uvedené prvky do stránek umístit. Klíčem pro výběr umístění mohou být tyto požadavky: uživatelé zde mohou mít nějaký problém, nemusí si vědět s něčím rady, zajímá nás jejich názor na věc, jejich hodnocení. 62 Kde je tedy vhodné diskusní fórum umístit: hlavní menu stránek diskusní fórum se může týkat prakticky čehokoliv. Pro přehlednost je vhodné jej tematicky rozdělit. nápověda v případě, že uživatel nenalezne v nápovědě řešení svého problému. Diskusní fórum lze vložit buď jako alternativa elektronického formuláře, nebo zároveň s tímto formulářem. Často se opakující otázky lze poté do nápovědy zapracovat. katalog a čtenářské konto efektivní práce s katalogem a čtenářským kontem je velmi důležitá. Knihovník, který s nimi pracuje denně a vidí je z poněkud jiného úhlu pohledu, nejspíše nikdy nevystihne všechny problémy, s nimiž se běžný uživatel setká. Diskusní fórum je ideálním místem, kde se o těchto problémech dozvědět a eventuelně je pak, stejně jako v případ nápovědy, zapracovat do manuálu. Nové knihy diskuse či komentáře k novým titulům může být přínosná jak pro uživatele, tak pro knihovnu. Uživatelé se na základě zkušeností jiných čtenářů mohou rozhodnout, zda si titul půjčí či ne, knihovna zas může z názorů usuzovat, zda pořídit do fondu další tituly tohoto typu či od stejného autora atp. novinky, akce další místo, kde může být využití diskusního fóra či možnosti přidat komentář efektivní. Ať už se bude téma týkat novinek, či akcí, vždy mohou uživatelé mít určité nejasnosti, které lze takto rychle vyřešit. Další výhodou je stejně jako u Nových knih jistá zpětná vazba. blog standardním vybavením každého blogu je diskusní fórum pod každým příspěvkem. 62 Při volbě umístění je také třeba dávat pozor na to, aby nedošlo k duplicitě témat v diskusních fórech. 36

37 galerie umístěním boxů pro vložení komentáře pod jednotlivé příspěvky v galeriích umožní uživatelům vyjadřovat se k nim. Vložení diskusních fór, návštěvních knih či boxů na komentáře umožňují podobné služby jako elektronický formulář a to za stejných podmínek. Jsou to např. Blueboard.cz, Forpsi.com (Gbook.cz), Weblight.cz, Webber.cz, či Vševjednom.cz. Instant messaging a Voice over IP Při instant messagingu jde primárně o komunikaci pomocí textových zpráv posílaných mezi uživateli, kteří jsou trvale připojeni k síti a tudíž mohou ihned na zprávy reagovat. IP telefonie je telefonování přes internet. V České republice je pro instant messaging nejvíce užívána služba Icq 63, pro IP telefonii mezi počítači pak služba Skype 64. Efektivnost instant messagingu spočívá v možnosti okamžité reakce knihovníka na daný podnět (na zprávu). Výhody VoIP spočívají v bezplatné hlasové komunikaci. Umístění indikátorů těchto služeb na stránkách webu v případě jejich použití by mělo být samozřejmostí. Html kód lze vygenerovat pomocí formulářů na webových prezentacích daných služeb a jednoduše do stránky vložit. Aby byla fungování indikátorů správné, je třeba také povolit v nastavení klienta (program, ve kterém se služba spouští) možnost viditelnosti statusu ostatními. Pokud se knihovna bude chtít vyhnout používání konkrétní služby pro instant messaging, může použít formulář Digsby 65. Tato služba umožňuje uživateli vložit dotaz přímo do formuláře na webových stránkách, přičemž knihovníkovi se po odeslání zprávy uživatele otevře okno programu Digsby a může ihned na dotaz odpovědět. 66 RSS a Atom RSS (Really Simple Syndication) a Atom jsou, zjednodušeně řečeno, programy pro poskytování stručného souhrnu aktuálních zpráv z daného webu či 63 Český masochismus v IM (Instant messagingu) [online] PROCHÁZKA, D. Jak volat na pevné linky téměř zadarmo [online] Webovou prezentaci služby Digsby naleznete na adrese 66 POLZER, J. Digsby : instant messenger, a sociální sítě v jednom [online]. 37

38 podstránky, automaticky generované do čtečky uživatele 67. Pro příjemce mají tu výhodu, že nemusí na dané stránky opakovaně chodit. Přidáním adresy RSS či Atom kanálu do čtečky dojde k pravidelnému automatickému příjmu zpráv o změnách na těchto stránkách. Uživatel na stránky vstoupí až v okamžiku, kdy ho nějaká zpráva zaujme. Knihovny mohou těchto kanálů u svých webových stránek využít hned dvěma způsoby. Prvním je nechat generovat obsah stránek knihovny do čteček uživatelů. Druhým způsobem je pak využít generátoru RSS kanálu a nechat zobrazovat obsah z jiných webů do stránek knihovny na příhodném místě. Mohou to být např. zprávy z webových stránek obce, zprávy z kulturních zařízení ve městě či z jakýchkoliv jiných relevantních stránek. Vzhledem k tomu, že se v současné době v drtivé většině využívá pouze RSS kanálů, další část textu se bude věnovat pouze jim. RSS kanál(y) webových stránek knihovny jak už bylo řečeno výše, RSS kanál je vhodné umístit na ty stránky, jejichž obsah se často mění tedy především aktuality (novinky), kalendář akcí, nové knihy, blog, galerie, případně i diskusní fórum. Vytvořit RSS kanál stránky je možné dvěma způsoby. Buď jej lze vytvořit pomocí programu, který si uživatel stáhne a nainstaluje do počítači, pro tento účel lze využít např. program RSS Builder 68, nebo použije některou z internetových služeb. Po zaregistrování služby (případně nainstalování programu) je třeba vložit do připraveného okénka stránku, pro kterou má být vygenerována adresa RSS kanálu. Tuto adresu je pak třeba umístit, ať už pouze s odkazem, nebo i obrázkem (většinou klasickým oranžovým logem RSS kanálů) do webové stránky. Zda je kanál vygenerován správně je možné ještě ověřit ve validátoru 69. Pro vytvoření RSS kanálu lze jmenovitě použít např. těchto internetových služeb: Feedity.com, Feedyes.com, Rsspect.com, Ponyfish.com (tato služba vytváří RSS kanály dokonce bez registrace do systému). RSS kanál(y) generované do stránek knihovny 70 pro zobrazení stručného obsahu určitých stránek na webu knihovny je třeba mít adresu RSS kanálu dané stránky či stránek a nástroj, který bude obsah generovat. Pro tyto účely lze opět využít 67 KRČÁL, M. Využití RSS pro personalizované doručování článků z odborných a vědeckých časopisů. Co je RSS?, s Program RSS Builder lze stáhnout na adrese 69 služba případně 70 BRADLEY, P. How to use Web 2.0 in your library. Using RSS in a library setting, p

39 internetových služeb 71. Platí u nich stejná situace jako u formulářů a diskusních fór, možnosti i podmínky užívání jsou různé, záleží na knihovně, co je ochotna akceptovat. Pro účely generování obsahu cizího webu lze tedy využít např. těchto služeb 72 : Feed.informer.com, Blueboard.cz, Webber.cz, Vševjednom.cz. Blogování Blogování, tedy vytváření webového zápisníku, lze dnes považovat za další formu komunikace a sdílení informací s uživateli a knihovna by tohoto fenoménu měla využít. Všechny knihovny jsou uživatelé informací, neustále získávají, třídí a hromadí pro svoje uživatele informace a blog je pro ně jen dalším prostředkem pro poskytování informací. Kromě toho lze jeho prostřednictvím informovat o dění v knihovně. Kalendář akcí, nové přírůstky, změny apod. lze efektivně zveřejňovat právě na blogu knihovny 73. Blog se obvykle vyznačuje těmito základními vlastnostmi: chronologicky řazené příspěvky s datem a časem vytvoření, jméno autora, diskusní fórum pro komentáře pod příspěvkem, odkazy na nedávno vytvořené příspěvky, archiv starších příspěvků, RSS kanál. Dále také může obsahovat trackback 74 a vyhledávač v příspěvcích. 75 Blog může knihovna provozovat buď samostatně, nebo v rámci svých webových stránek, případně může celou webovou prezentaci pojmout jako blog. 76 Je možné také vytvořit specifický blog jen pro určitou skupinu uživatelů např. pro seniory, děti, či hudební oddělení nebo o určitém jevu v knihovně, 71 V případě, že je daná služba v angličtině, neznamená to, že ji nelze použít. Stačí pouze při výběru vzhledu generovaného obsahu zvolit takovou formu zobrazení, kde se nebudou vyskytovat cizojazyčná slova (tedy např. je-li zvolen formát data na místo May, 14 formát 14/5, lze tento vzhled bez obav použít). 72 Při výběru je třeba předem vyzkoušet, zda jsou ve službě podporovány české znaky nepodporují je např. služby RSSmix.com či rozsáhlá Feedostyle.com. 73 SAUERS, M. P. Blogging and RSS [online]. Why Blog, p Trackback je způsob, jakým autor příspěvku na svém blogu informuje autora jiného příspěvku, že o něm píše. 75 KROSKI, E. Web 2.0 for librarians and information professionals. Blogs, p Příkladem blogu, který je umístěn samostatně může být blog vyškovských knihovnic ( blog součástí webu knihovny může vypadat podobně jako blog Městské knihovny Jevíčko ( a využití blogu pro samotnou prezentaci knihovny lze vidět na příkladu Městská knihovny Hlinsko ( 39

40 např. o nových knihách, nových nosičích či blogovat z určitých akcí např. z Týdne knihoven atp. Blog je třeba vytvořit podle požadavku na umístění. Pokud bude chtít knihovna blog samostatně či mít prezentaci webu formou blogu, vytvoří si jej pravděpodobně na některém ze specializovaných serverů, nabízejících prostor pro blogování. Z obrovského množství lze jmenovat např. Blogger.com, Bloguje.cz, Bloger.cz či Blog.cz. Stejně tak lze využít pro blogování redakční systémy, jejichž některé šablony jsou přímo uzpůsobeny k provozování blogu. Mohou to být např. Wordpress, Joomla nebo Drupal. Ty už ovšem vyžadují více technických znalostí. Netradiční formu blogu lze provozovat formou podcastů či vodcastů (vid(eo)castů). Tedy místo psaného textu autor vkládá do blogu jím vytvořené audio či videozáznamy. To mohou ocenit nejen běžní uživatelé, ale i uživatelé s nějakým handicapem (např. u audiozáznamů jsou to zrakově postižení uživatelé). V současné době existují blogovací servery, které podporují jednoduché vkládání a přehrávání záznamů audia či videa a generování jejich RSS kanálů. V českých podmínkách jsou to Blogger.com, Bloguje.cz či Blog.cz. Mikroblogování je klasické blogování, ovšem ve velmi malé verzi. Prostřednictvím maximálně 160 znaků (délka jedné SMS) musí uživatel odpovědět na otázku Co právě dělám. Mikroblogy byly původně určeny pro mobilní telefony, ale z důvodu zpoplatnění této služby operátory jsou dnes čteny i publikovány převážně z PC. Současnou nejoblíbenější celosvětovou mikroblogovací službou je Twitter.com. Přestože existují i české mikroblogovací servery (Teidu.cz, Drbz.cz apod.) v ČR je Twitter.com také nejrozšířenější. 77 Status z Twitteru, tedy odpověď na otázku, co právě dělám, lze do webových stránek knihovny zobrazovat pomocí tzv. Twitter vizitky (v originále Twitter Badge). Sociální sítě Sociální sítě jsou u nás o něco mladším fenoménem nežli výše popisované blogování. Je to síť vzájemně propojených kontaktů, kde každý z kontaktů o sobě uvádí určité informace a vlastnosti, které se zobrazují ostatním. Dohromady pak 77 HANDL, J. Twitter : v jednoduchosti je síla [online]. 40

41 vytváří virtuální komunitu. Pro knihovnu je to opět jistý způsob komunikace a sdílení informací, který uživatelé uvítají. V ČR se mezi nejpoužívanější sociální sítě řadí Lidé.cz, Líbímseti.cz a Facebook.com 78, přičemž první dva jsou využívány spíše uživateli, které lze najít v oddělení pro mládež, Facebook využívají více lidé nad 18 let 79. Pokud se knihovna rozhodne prezentovat se a využívat výhod sociálních sítí, je třeba to dát vědět svým uživatelům právě např. prostřednictvím webových stránek knihovny. Pravděpodobně každá sociální síť má možnost vytvoření určitého informačního proužku (banneru) o uživateli s možností vložit jej jako reklamu do jiných webových stránek. V případě Facebooku 80 jde o tzv. Facebook vizitku (v originále Facebook Badge), jejíž kód lze nalézt v profilu účtu v této síti. 81 Zajímavé by bylo použít profil na Facebooku jako plnohodnotnou prezentaci knihovny. Sociální záložkování Sociální záložkování je aplikace, které dává možnost ukládat, tagovat (přidávat k odkazům vlastní klíčová slova) a sdílet zajímavé odkazy online. Na rozdíl od záložek v prohlížeči našeho počítače zajistí, aby se uživatelé ke svým oblíbeným odkazům dostali z jakéhokoliv místa na světě, pokud je připojené k internetu. Ovšem největší přínos lze najít především ve sdílení objevení (prostřednictvím tagů) nových zajímavých odkazů, jenž mají ve svých záložkách ostatní uživatelé. 82 Knihovna může tyto služby využít jak k pořádání svých zdrojů (svých seznamů), které pak zprostředkuje uživatelům, tak také sama může nechat obsah svého webu ukládat uživateli do svých záložek. Umístění tlačítek pro záložkování lze např. u novinek, kalendáře akcí, katalogu, blogu či galerií. 78 Populární MySpace či Friendster bohužel nelze uvést, oba nejsou ještě v češtině. 79 KRČMÁŘ, P., ZANDL, P. Třetí dimenze. Čím hrozí internet [online] Facebook byl zvolen z důvodu rapidního růstu využití jeho služeb v ČR. Zpráva ze 14. dubna 2009 na serveru Radar.oreilly.com ukazuje, že za posledních dvanáct měsíců zaznamenal Facebook nárůst počtu uživatelů v ČR o 191,5%, což je nevíce ze všech zemí světa. LORICA, B. Active Facebook Users By Country [online] Propagace tvé Facebook Stránky [online] SMITH, G. Tagging. How social Bookmarking Works, p

42 Mezi nejčastěji používané služby tohoto typu v ČR patří Linkuj.cz, Digg.com a Delicious.com 83. Poskytnout pohodlné záložkování lze dvěma způsoby. Jedním je přidat tlačítka služeb ručně, tudíž na jednotlivých webových prezentacích těchto služeb hledat kódy pro generování tlačítek do webové stránky. Druhým způsobem je pak jednodušší využití služeb jako jsou Přidej.cz či Přidat.eu 84, které umožňují vygenerovat do stránky tlačítka několika těchto služeb najednou. I uživatelé, kteří využívají méně známé služby sociálního záložkování, si pak mohou pohodlně přidat obsah webu knihovny do svých záložek. Anketa, dotazník Anketa umožňuje knihovně získat zpětnou vazbu pro její činnosti, případně lze touto cestou získat názory uživatelů na něco, co by chtěla realizovat. Anketu či dotazník lze vložit do stránky ke stažení v nějakém editovatelném formátu (nejlépe.rtf) a nechat ji uživatele odeslat či fyzicky donést vyplněnou do knihovny. Lze ale využít pohodlnější cestu pro uživatele i knihovnu a vytvořit elektronickou anketu nebo dotazník a zveřejnit ji prostřednictvím webových stránek knihovny. K tomuto účelu je možné využít následujících služeb: jednodušší ankety umožňuje generovat Weblight.cz, Forpsi.com (Webankety.cz), Blueboard.cz, Vševjednom.cz, složitější dotazníky lze vytvářet v Google dokumentech (použitím formuláře). Projekt Vyplňto.cz nabízí vložení dotazníků do webové stránky v placené verzi. Podobně jako anketu či dotazník lze také vytvořit soutěže, kvízy či vědomostní testy. 3.6 Informace o dění v knihovně Webové stránky jsou vhodným místem také pro propagaci aktivit a novinek veřejné knihovny. Nejdříve na akci upozorní, pozve uživatele k účasti a po proběhnutí zveřejní dokumenty pořízené v průběhu akce (formou textu, fotografií, audia nebo videa). Informace o novinkách či změnách, které se zavádí v knihovně lze také dobře prezentovat a vysvětlovat prostřednictvím knihovního webu. 83 MINAROVIČ, M. Záložkování na způsob Diggu [online] Přidat.eu umožňuje vytvořit i tlačítko pro přidávání RSS kanálů. 42

43 Kalendář akcí Pro pořádané akce a aktivity je vhodné zavést samostatnou stránku. Na ní pak může knihovna chronologicky zveřejňovat upozornění a pozvánky, přičemž se nemusí omezovat pouze na textové verze pozvánek. Může natočit motivační video a vložit na stránku místo textu pozvánky, nebo pod něj např. pozvánka na konání výstavy se záběry na vystavované předměty. Nebo může vložit audiopozvánku např. má-li se konat autorské čtení nějaké známé osobnosti, může ji požádat o namluvení krátkého pozdravu. V případě, že se akce opakuje např. každý rok, je možné vložit odkazy na záznamy z minulých konání. Umístění diskusního fóra pod jednotlivé pozvánky pak může upozornit na případné nejasnosti uživatelů. Stejně tak jako může knihovně pomoci vložený elektronický formulář pro např. potvrzení předběžné účasti. Dále také lze umožnit pomocí tlačítek sociálního záložkování zaznamenání dané akce do záložek uživatelů. Pro sledování aktuálních akcí může knihovna zavést na stránce RSS kanál, přidat tlačítka sociálního záložkování či jinou podobnou službu. Pro přehlednost je možné umístit do stránek klasický kalendář, který zvýrazní den konání akce a zobrazí podrobnosti či odkaz na informace o ní. Vytvořit takový kalendář lze prostřednictvím služeb Google Kalendář, Weblight.cz, Webber.cz či Vševjednom.cz, přičemž opět se knihovna musí rozhodnout, za jakých podmínek je ochotná službu využívat. Novinky Tato položka je často označována také jako Aktuality. Měla by být umístěna co nejblíže domovské stránce. Některé knihovny umísťují novinky přímo na tuto domovskou stránku. V novinkách by měl uživatel zjistit, co se aktuálně v knihovně děje a najít zde o dané situaci také podrobné informace, případně odkaz, pod kterým by tyto informace našel. Stejně jako u kalendáře akcí je přínosné pod aktualitou umístit diskusní fórum, tlačítko pro záložkování a pokud je to vhodné i formulář. Pro celé novinky lze zavést RSS kanál, tlačítka sociálního záložkování či podobnou službu. Galerie Doposud se vyskytovaly na stránkách knihoven v převážné většině jen fotogalerie, protože pořízení a publikování fotografií bylo jednoduché. V současné 43

44 době lze ovšem jednoduše publikovat také audio a videozáznamy. Knihovna by těchto možností mohla využít nejen pro zaznamenávání dění v knihovně, ale také pro vytváření různých manuálů, průvodců či nápověd. Konkrétně mohou knihovníci využít fotografie, audia a videa pro tyto účely: vytvoření tour po knihovně zprostředkovat náhledy do interiérů a exteriérů, i tam, kam se běžný uživatel nedostane. Také lze takto ukázat, jak se např. dostat do určitého oddělení nejrychleji, jaké služby konkrétní oddělení nabízí atp. seznámení se zaměstnanci v tomto případě lze např. vytvořit medailonky zaměstnanců, spojit je s jejich prací na oddělení. zaznamenávání událostí pod tento bod lze zahrnout pozvánky či konečné záznamy z akcí a aktivit knihovny, např. přednášek, konferencí, výstav, autorských čtení atd. a z obecného dění v knihovně, např. rekonstrukce, stěhování, zavedení nového systému atp. Živé vysílání knihovna může např. pomocí webové kamery zavést pravidelné živé vysílání. Lze vytvářet aktuality 85 nebo vstupy či přenosy z průběhu akcí, např. Týdne knihoven, besed, přednášek atp. 86 vytváření návodů jiné než textové návody lze použít všude tam, kde je audio, video či vizuální návod pro čtenáře pohodlnější a názornější. Např. práce s katalogem či čtenářským kontem, orientaci v knihovně, práce s webovými stránkami apod. Fotogalerie Pro zobrazení fotogalerií lze vybrat služby jako jsou JAlbum.net, Picasa.com či Rajče.net. 87 Opět je na knihovně, aby se rozhodla, za jakých podmínek bude služby používat. Nejde zde totiž již jen o reklamu, ale také o využití či nevyužití prostoru k prezentaci snímků. Po instalaci 88 programu do počítače lze fotografie nejen spravovat, ale především z nich jednoduše vytvářet přehledné fotogalerie. Služby většinou podporují obrázky ve formátech.jpg,.gif, a.png. Automaticky vytváří RSS kanály a boxy pro vkládání komentářů. 85 KROSKI, E. Web 2.0 for librarians and information professionals. Video Sharing, p Živé vysílání prostřednictvím webové kamery lze jednoduše uskutečnit např. pomocí služby Ustream.tv 87 Nejznámější Flickr zde bohužel nelze uvést, stále nepodporuje češtinu. 88 Rajče od února 2009 již umožňuje i nahrávání obrázků pomocí prohlížeče není třeba instalovat program. 44

45 Audiozáznamy Audiozáznam lze vložit do stránek jako soubor ke stažení. To ovšem nemusí uvítat všichni uživatelé. Jako lepší varianta se jeví umístit jej přímo do stránky a umožnit okamžitě přehrát. Internetové služby pro prezentaci audiozáznamů na webových stránkách většinou umožňují uložení a publikování již hotového záznamu, získaného např. z diktafonu MP3 přehrávače či jiného záznamového média, nebo vytvoření nahrávky přímo v jejich systému pomocí mikrofonu. Jako příklad je možné uvést tyto služby 89 : Yourlisten.com, Goear.com, Audioo.com, nebo Entertonement.com. 90 U každé ze služeb by si knihovna měla nejdřív ověřit, jaký formát zvukové nahrávky podporuje (formát.mp3 podporuje prakticky každá služba tohoto typu) a jak velkou kapacitu na záznamy nabízí, případně za jak dlouho nahrávky smaže. 91 Knihovna by také měla zvážit, zda je vhodné do stránek s nahrávkami vložit tlačítko pro přidání stránky do záložek, možnost komentářů či diskusní fórum. Pokud je to vhodné, lze umístit také RSS kanál či jinou službu tohoto typu (např. zaslání informace o nově vložených záznamech em). Podcasting pro audiozáznamy existují speciální programy 92, které v přijatém RSS kanálu rozeznají popis zvukového souboru a umožní uživateli uložit tento soubor přímo do jeho přehrávače. 93 Videozáznamy Videozáznamy lze také vložit do stránek jako soubor ke stažení. Ovšem to rovněž nemusí ocenit všichni uživatelé. Mezi internetovými službami, které pro ČR poskytují možnost nahrát a vložit video do webové stránky dominují služby Youtube.com a Stream.cz. 94 Je již nejspíše standardem umožnit, stejně jako u audia, dva způsoby získání záznamů vložení již hotového videa, nasnímaného 89 MANANDHAR, G. 4+ youtube for audio clips websites to check out. [online] Tyto jediné bohužel ve výsledné aplikaci nepodporují češtinu. Lze však předpokládat, že slovo volume pro označení zesílení pochopí téměř každý. 91 Všechny jmenované služby podporují formát.mp3, Audioo.com ještě navíc podporuje.wma (windows media player),.flv (adobe flash video),.ogg (ogg vorbis), entertonement.com podporuje.mp3s,.wma a.ogg. Ani jedna ze jmenovaných služeb nemá na svých stránkách kapacitní a časová omezení uvedena. 92 Podcastové čtečky např. ziepod, Doppler nebo ipodder/juice. 93 Podcast. In Wikipedia, the free encyclopedia [online] HLAVENKA, J. Mají české a slovenské kopie YouTube šanci? [online]. 45

46 např. videokamerou či digitálním fotoaparátem a možnost získat záznamy živě přímo z webové kamery 95. Dále je třeba, stejně jako u audiozáznamů, zjistit, jaké formáty nahrávek je služba schopna přehrát a také jaký prostor uživateli umožní 96. Umístění tlačítka pro záložkování stránky či boxu pro komentáře je opět na rozhodnutí knihovny. Stejně tak jako umístění RSS kanálu či jemu podobné služby. Vodcasting (vid(eo)casting) funguje stejně jako podcasting, pouze místo audiozáznamů jsou identifikovány a stahovány 97 do přehrávače videa 98. Pokud bude chtít knihovna vytvořit multimediální soubor (např. vytvořit pozvánku za společného použití fotografií, videozáznamu a zvukového záznamu), lze k prezentaci takto vytvořeného souboru využít webové služby jako Slideshare.net či Issuu.com Informace o užitečných zdrojích Stránky se nazývají většinou Odkazy, Užitečné odkazy, Zajímavé odkazy nebo Rozcestník a lze na nich nalézt zdroje různého charakteru, jež by jednotliví uživatelé mohli shledat užitečnými. Může se jednat o informace z regionu, odkazy s nabídkami práce pro nezaměstnané, odkazy na praktické služby (např. mapy, jízdní řády, letenky), databáze, vyhledávače, zpravodajství, vzdělávání, zábava, informační portály, státní správa a samospráva atp. Nejvhodnější řazení bude pravděpodobně tématické. Odkazy lze vložit buď ručně, nebo je možné využít sociálního záložkování. Internetová služba typu Delicious.com či český Jagg.cz umožňuje jednoduchou správu záložek spolu s možností generování obsahu záložek do webové stránky. Automaticky také vytvářejí RSS kanály. 95 Youtube.com i Stream.cz toto umožňují. 96 Obě jmenované služby podporují formát.avi. Youtube.com podporuje navíc také.mov,.wmv a.mpg; Stream.cz pak ještě.flv a.3gp. Celkový objem nahraných videí není omezen, jen vždy jeden nahrávaný soubor nesmí překročit daný objem v případě Youtube.com nesmí mít více než 1GB a trvat déle než 10 minut, v případě Stream.cz je omezení jen ve velikosti souboru nesmí přesáhnout 500 MB. 97 Vidcastové čtečky např. Doppler, Miro (dříve Democracy). 98 Video podcast. In Wikipedia, the free encyclopedia [online] Slideshare.com umožňuje vložit soubor velký maximálně 100 MB, podporované formáty naleznete na adrese Issuu.com umožňuje nahrát libovolný formát neomezené velikosti. 46

47 3.8 Nápověda Tato stránka bývá často označována také jako Časté dotazy či FAQ a odkaz na ni by měl být zobrazován na každé stránce. Knihovna by měla mít vytipované otázky, na které se uživatelé ptají nejvíce a ty mít přehledně zpracované v nápovědě. Rozhodně by v ní neměla chybět témata týkající se práce v knihovního katalogu a se čtenářským kontem. Dále pak lze zahrnout informace ohledne formalit registrace a využívání služeb knihovny, práce s webovými stránkami, navigace, RSS kanál, sociální záložkování, pravidla chování v diskusních fórech atp. Jako nápovědu lze umístit na stránku také návody typu Chci se stát čtenářem nebo Jsem v knihovně poprvé apod. Také je vhodné pod jednotlivá témata nápověd umístit diskusní fórum či elektronický dotazový formulář. 3.9 Patička webové stránky Patičku lze najít ve spodní části webové stránky, měla by se zobrazovat na každé stránce. Její obsah by mohl být následující: Kontakt na správce (tvůrce) webových stránek je to dáno konvencí a vyplývá to také z pravidel pro tvorbu přístupného webu. Pokud jsou stránky tvořeny v nějakém systému a byla na ně využita určitá šablona, je vhodné zde název systému i autora šablony uvést. Prohlášení o přístupnosti tato položka také vyplývá z pravidel pro tvorbu přístupného webu. Mělo by zde být uvedeno, že knihovní stránky jsou vytvořeny s ohledem na pravidla pro přístupnost a použitelnost. Pokud jsou pro užití stránek nějaká specifika, je o tom třeba zde informovat (např. optimalizace pro určité prohlížeče, možnost použití klávesových zkratek atp.) Autor obsahu stránek v případě knihovny to bude pravděpodobně její název, také zde lze uvést kontakt (alespoň všeobecný ový). Datum poslední aktualizace ačkoliv to bývá převážně vždy den přidání nové aktuality, přesto je uvedení data (den, měsíc, rok) poslední změny na stránce vhodné. Přidat do oblíbených - některé knihovny mají v patičce umístěn odkaz s názvem Přidejte si stránky do oblíbených. Pod tímto odkazem by mohl uživatel kromě tohoto odkazu nalézt také ikonku s tlačítky sociálního záložkování k přidání si stránek do svých záložek. Případně by zde mohl být uveden návod, jak vložit 47

48 odkaz na knihovnu na webové stránky uživatele (umístit zde html kód spolu s malým reklamním proužkem ke zkopírování). Počítadlo návštěv - od roku 2007 mají knihovny povinnost evidovat návštěvnost svých webových stránek. 100 Většina z nich toto počítadlo umísťuje právě do patičky. Počítadla umí vytvořit množství internetových služeb. Patří mezi ně např. Vševjednom.cz, Webber.cz, Weblight.cz, Forpsi.cz (Počítadlo.cz), Navrcholu.cz nebo Toplist.cz. Závěrem kapitoly lze říci, že je na knihovnících, jaký způsob prezentace zvolí (klasickou, blog či na Facebooku) a které informace a služby vzhledem k potřebám svých uživatelů na ní budou uvádět a provozovat. Při vytváření prezentace by však měli mít vždy na mysli, že vše co se na stránkách vyskytuje je především pro uživatele a to jakým způsobem se zde budou prezentovat, může vnímání knihovny okolím velmi ovlivnit. 100 Knihovnický institut. Národní knihovna ČR. Měření virtuálních návštěv webových stránek v knihovnách : doporučení [online]. 48

49 4. Umístění webových prezentací knihoven na serveru a výběr vhodného tvaru adresy knihoven ČR: V současné době existují tři možnosti umístění webových stránek veřejných Neplacené umístění (freehosting) je zdarma, ovšem většinou se stránka neobejde bez vložené reklamy a často bývají omezeny i počty zobrazení stránek. Navíc se tyto hostingy vyznačují malou technickou podporou ze strany poskytovatele. Domény pro tyto stránky mohou být: druhého řádu ( přičemž je třeba zaplatit si pronájem doménového jména, třetího řádu ( kdy v adrese figuruje jak název knihovny, tak jméno poskytovatele. Placené umístění (komerční hosting) u tohoto umístění je třeba počítat jak s platbou hostingu, tak s platbou domény. Výhodou však je absence reklamy, neomezené možnosti přenesených dat a plná technická podpora. Server zřizovatele v případě veřejných knihoven, kdy je zřizovatelem město či obec, je vhodné využívání prostoru na serveru zřizovatele. Knihovníkovi tak odpadá péče o server, protože zřizovatel má většinou svého IT pracovníka. Webová adresa knihovny by měla být volena uváženě. Především musí být dobře zapamatovatelná a z názvu knihovny odvoditelná 101. Většina knihoven je zřizována městem či obcí a nesou tudíž i jejich jméno. Adresa pak nese název spojení slov knihovna a město. Vzniká tak velmi dobře zapamatovatelná doména třetího řádu případně adresa s názvem knihovny za lomítkem V případě freehostingové služby je v doméně přidáno ještě jméno poskytovatele. Lze také najít veřejné knihovny, které jsou součástí nějaké další kulturní instituce. Její název pak většinou v adrese nefiguruje Toto pravidlo nedodržuje mnoho knihoven. Jako jedny z mnoha lze jmenovat Městskou knihovnu v Kostelci nad Orlicí se svou adresou nebo Městskou knihovnu ve Svitavách s Danou situaci je možné najít například v Kulturním informačním středisku Lomnice nebo v Městském kulturním středisku Letovice 49

50 5. Výběr systému pro tvorbu webové prezentace k vytvoření manuálu V následující kapitole bude popsán výběr systému pro tvorbu webových stránek knihovny. V praktické části pak pro něj bude vytvořen manuál. Pro výběr systému byly stanoveny následující požadavky: dodržuje webové standardy pravidla pro přístupnost a použitelnost, uživatel nemusí mít znalosti z programování, ovládání funguje systémem WISIWIG, je zdarma a bez instalace editace probíhá v on-line prostředí, obsahuje předpřipravené atraktivní šablony, komunikuje s uživatelem v češtině, podporuje nebo lze do něj lehce integrovat prvky Webu 2.0, je bez reklamy (případně za přijatelný poplatek bez reklamy), umožňuje přesměrování domény (za přijatelný poplatek, ovšem s pokračující podporou, vývojem a aktualizacemi systému). V současné době lze najít několik systémů pro správu webových prezentací, jež využívají knihovny, které se potýkají s nedostatkem financí a průměrnou počítačovou gramotností knihovníka. Z těch, co jsou speciálně vytvářeny pro knihovny jsou to především Šablona webu pro malé knihovny a portál Naseknihovna.cz. Šablonu webu pro malé knihovny vytváří metodologické oddělení Knihovny města Hradec Králové. Šablonu začala knihovna distribuovat v roce 2006 a aktuálně ji využívá přes 600 knihoven 103. Jejich provoz je zajišťován zdarma a aktuálně na hostingu Webzdarma.cz. Systém funguje na principu jednoduchého programu, který mají knihovníci nainstalován ve svém počítači a metodologické oddělení jim posílá aktualizace. V něm stránky upravují. 104 Tvorba webových stránek a vytvořené stránky samotné ovšem jednoznačně nesplňují následující z výše uvedených požadavků: 103 Seznam knihoven využívající tuto šablonu naleznete na adrese HUBERTOVÁ, Kateřina. Šablona webu pro malé knihovny : bakalářská práce studenta Fakulty informatiky a managementu Univerzity Hradec Králové pana Milana Komady [online prezentace]. 50

51 ovládání nefunguje systémem WISIWIG, nenabízí předpřipravené atraktivní šablony, nepodporuje integrování prvků Webu 2.0. Portál Našeknihovna.cz servisního technika firmy Lanius Pavla Straky z Knihovny Jiřího Mahena v Brně vznikl v roce 2007, používá ji několik desítek knihoven Jihomoravského kraje. Je provozován na profesionální webhostingové službě, knihovny za ni platí 1200,- Kč/rok. 105 Systém funguje na principu on-line editace. Knihovník se přihlásí do svého účtu a v něm stránku upravuje. 106 Tvorba webových stránek a vytvořené stránky samotné ovšem nesplňují podobné požadavky, jako Šablona webu pro malé knihovny: nenabízí předpřipravené atraktivní šablony, nepodporuje jednoduché vkládání prvků Webu 2.0. V okamžiku, kdy se jeví systémy pro vytváření webových webových stránek speciálně vzniklých pro knihovny nevyhovující, došlo k výběru mezi službami přístupnými na internetu. Po prozkoumání dostupných systémů pro tvorbu webových stránek 107 zůstaly nakonec dva systémy Estránky.cz a Webnode.cz. Systém Estránky.cz vznikl v roce 2005 z činnosti provozovatele realitních serverů Martina Krudence. Dnes je jeho provozovatelem společnost Websitemaster 108. Estránky.cz využívá v naší republice několik desítek knihoven 109. Jejich provoz je zajišťován na vlastním serveru služby Estranky.cz. Správa webové prezentace probíhá v on-line prostředí, uživatelé se přihlašují do svých účtů, kde probíhá editace obsahu webu. Jsou nabízeny i komerční verze stránek Informace získány z ové komunikace s Pavlem Strakou ze dne Naše knihovna : návody [online] Ze začátku byly ve hře ještě systémy a Websitemaster a. s. [online] Seznam knihoven, které používají Estránky najdete v katalogu Estranek na adrese Více o cenách komerční verze Estránek naleznete na adrese 51

52 Estránky splňovaly téměř všechny podmínky, ovšem přes očekávání dodnes neumožnily splnění podmínky snadného integrování prvků Webu Webnode.cz byl spuštěn na začátku roku 2008, jeho zakladatelem je Vít Vrba, provozovatelem firma Westcom. 112 I tento systém využívají některé knihovny v ČR. Provoz je zajišťován na vlastním serveru služby Webnode.cz, správa obsahu webu probíhá stejně jako u systému Estránky.cz v online prostředí. Také nabízí komerční verze stránek (viz dále). Jeho možnosti jsou následující: Využívá XHTML 1.0 Transitional a kaskádové styly umožňuje vybrat typ písma, velikost písma je definována procentuelně, pro editaci textů používá nadpisové tagy <h1> <h6>, seznamy lze jednoduše vytvářet pomocí tagů <ol>, <ul> a <li>. Tabulky umožňuje vytvářet stylované (s tagem <th>) i nestylované (bez tagu <th>), formuláře obsahují tagy <label>. Nabízí persistentní navigaci na každé stránce (automaticky vytváří drobečkovou navigaci, mapu stránek, vyhledávač a odkaz na domovskou stránku na každé straně). Umožňuje interaktivní editaci a využívá při ní techniky drag-and-drop všechny změny lze okamžitě publikovat, obsah je editován systémem WISIWIG, jednotlivé druhy obsahů (ankety, fotogalerie, články apod.) lze jednoduše přetáhnout z nástrojové lišty a umístit na stránce do místa, kde má být obsah zobrazen. Nabízí variabilní šablony cca 50 různorodých šablon, přičemž je možné tyto šablony upravovat. Také lze nahrát šablonu vlastní. Nabízí možnost vkládání integrovaných nebo jiných miniaplikací miniaplikací (gadgets) jako mapy, fotogalerie, videa, audiozáznamy, indikátory, formuláře, vizitky, diskusní fóra, fotogalerie, ankety, sociální záložky atd. Umožňuje vícejazyčné prezentace tato možnost je funkční pouze v placené verzi (od 588 Kč/rok). 113 Je zdarma a bez cizí reklamy. 111 AMBROŽ, J. EStránky.cz : z osobních stránek milionová služba [online] KASÍK, P. Český projekt Webnode : svůj web teď může mít i každá babička [online] Klíčové vlastnosti systému Webnode [online]. 52

53 Umožňuje přesměrování domény zdarma přesměrování na již existující doménu druhé úrovně, případně lze přímo v systému zaregistrovat novou doménu za 499 Kč/rok (998 Kč/2 roky a 2495 Kč/5 let). 114 Kapacitní dispozice jsou následující: 115 Verze Free Mini Standard Pro Prostor na disku 100 MB 300 MB 1000 MB 4000 MB Při 1MB/foto Cca 100 foto Cca 300 foto Cca 1000 foto Cca 4000 foto Přenosy dat 1 GB/měsíc 3 GB/měsíc 20GB/měsíc 50 GB/měsíc Při kb/stránka zobraz./měsíc zobraz./měsíc zobraz./měsíc zobraz./měsíc Cena Zdarma 588 Kč/rok 1999 Kč/rok 4999/rok Tabulka č 1. Ceník kapacitních možností systému Webnode. Systém Webnode.cz víceméně splňuje všechny stanovené podmínky a byl vybrán pro vytvoření manuálu. 114 Prémiové služby Webnode [online] Ibid. 53

54 PRAKTICKÁ ČÁST 6. Charakteristika praktické části V následujících kapitolách budou vytvořeny návody, jak se zaregistrovat v systému Webnode, jak jej ovládat a vkládat do něj prvky uvedené v teoretické části práce. Ty prvky, jejichž konkrétní vytvoření nebude uvedeno, lze analogicky vytvořit podle již popsaného návodu. Pořadí, ve kterém jsou uvedeny je dáno většinou jejich umístěním v teoretické části. Na úvod je třeba říct, že většina úkonů při práci v systému Webnode lze dělat několika způsoby. Např. otevřít úpravovou lištu lze dvojklikem nebo kliknutím na odkaz Upravit, smazat stránku je možné přímo prostřednictvím horní lišty nebo v Menu stránek atp. Pro zjednodušení je však v práci uveden vždy jen jeden způsob, ten nejlogičtější či nejjednodušší. Pro shlédnutí výsledného vzhledu a funkčnosti vkládaného prvku byla pro tuto práci na adrese vytvořena webová prezentace fiktivní knihovny. U jednotlivých kapitol naleznete odkazy na výsledné zobrazení daného prvku ve stránce. 54

55 7. Registrace v systému Webnode Registraci webových stránek v systému Webnode lze provést následujícím postupem. Nejprve vyplníte jméno projektu, a zvolíte heslo v registračním formuláři. Poté dojde k ověření ové adresy a budete mít možnost přejít k administraci budoucích webových stránek. Po vstupu na webové stránky klikněte na tlačítko Registrujte se! > Otevře se následující registrační formulář: mek-dyne knihovna@dyne.cz ******* 55

56 Zde zvolíte: Adresu projektu po vložení kurzoru se otevře okénko s pokyny pro vytvoření adresy projektu. Uvedete zde tedy, jakou adresu webových stránek si budete přát. Bude to pravděpodobně název knihovny ve vámi zvoleném tvaru, přičemž podle pokynů musí mít alespoň tři znaky, může obsahovat pouze písmena (a-z), číslice (0-9) a pomlčku (-). Tedy např. knihovna-dyne nebo mek-dyne. Výsledné webové stránky pak budou mít adresu případně Váš po vložení kurzoru se opět objeví okénko s pokyny. Zde vložíte , jehož prostřednictvím s vámi bude systém Webnode komunikovat. Kromě počátečního zaslání klíče k aktivování webových stránek bude sloužit k přihlašování se do systému pro administraci, případně na něj bude zasláno např. zapomenuté heslo. Heslo okénko s nápovědou se zobrazí opět po vložení kurzoru. Zde vložíte heslo, které budete používat vždy, když se budete chtít přihlásit do systému Webnode. Vybrané heslo by mělo mít alespoň šest znaků a tvůrci systému doporučují zvolit kombinaci písmen a číslic. Poté kliknete na tlačítko Registrovat > a okno zavřete. Po odeslání registračních informací vám na zadanou ovou adresu dorazí od odesílatele Webnode Support klíč k ověření ové adresy a aktivování webové prezentace: 56

57 Podle pokynů v u kliknete na odkaz. Po kliknutí se vám v novém okně otevře stránka Webnode s informací o úspěšném ověření ové adresy: V okamžiku ověření dorazí do ové schránky další potvrzovací zpráva od odesílatele Webnode Support, ve které kromě potvrzení aktivování webových stránek naleznete také vaše přihlašovací jméno a heslo do systému Webnode. Ze stránky s informací o ověření u pak budete pokračovat ve vytváření webových stránek kliknutím na tlačítko Pokračujte zde 57

58 7.1 Průvodce vytvořením webových stránek První administrace je složena ze tří částí. V prvním kroku je třeba vyplnit informace o vašem projektu název, slogan a vybrat jazyk, ve kterém budete chtít stránky provozovat. V druhém kroku pak vyberete vzhled, jenž budete pro vaši prezentaci používat. Ve třetí části zvolíte druhy stránek, které budete chtít v prezentaci použít. Pamatujte, a na stránce je to vždy uvedeno, že všechno co se zde volí lze pak při běžné administraci změnit. Po kliknutí na tlačítko Pokračujte zde spustíte první administrace svých webových stránek. Úvodním krokem bude vyplnit informace o projektu: Městská knihovna Dýně Cokoliv chcete Přeji si vytvořit zde necháte označeno, že si přejete vytvořit webovou prezentaci. V nápovědě v pravé části stránky se poté dozvíte, jak vyplnit položky Název projektu, Slogan a Jazyk prezentace. Název projektu zvolíte název, který se bude zobrazovat na každé stránce v její hlavičce. V případě knihovny to bude pravděpodobně např. Městská knihovna Dýně. Slogan slogan by měl stručně vyjadřovat účel vašich stránek. Stejně jako název bude zobrazován na každé stránce. V případě, že nechcete slogan vyplňovat, lze políčko nechat prázdné. Jazyk prezentace Ponechejte češtinu. Pro přechod k dalšímu bodu kliknete na tlačítko Další >. 58

59 Druhým krokem bude výběr vzhledu prezentace: Zde vyberete z nabídky šablon tu, kterou budete chtít použít pro vaši prezentaci. V současné době (červen 2009) lze vybírat z devíti druhů šablon s cca šesti barevnými variacemi. Šablona Vybranou šablonu vyberete kliknutím na Zvolit. Pokud budete chtít vidět šablonu v plné velikosti, kliknete na slovo Náhled v závorce. Do nového okna se vám otevře náhled webové prezentace při použití dané šablony. Pro přechod k dalšímu bodu kliknete na tlačítko Další >. 59

60 Třetím krokem pak nastavíte, které druhy stránek budete chtít na web umístit. První administraci tímto dokončíte. Vytvořit stránky: Zde zaškrtnete, které druhy stránek budete chtít do svých stránek vložit. V knihovně pravděpodobně nevyužijete Produkty a Reference. Ostatní položky můžete nechat označené. Pro dokončení první administrace a vstup do běžné administrace vaší prezentace kliknete na tlačítko Dokončit >. 60

61 Po dokončení se vám otevře výše zobrazený pohled. Zevrubně budou popsány jednotlivé prvky, které je třeba si zapamatovat pro pozdější práci.

62 Nástrojová lišta jejím prostřednictvím budete většinou technikou drag-and-drop (táhni a pusť) obsah upravovat. Vzhled webové stránky systém WISIWIG ( What you see is what you get, volný překlad to co vidíš je to, co bude na stránce ). Při editaci hned vidíte, jak bude výsledná stránka vypadat. Obsah stránky systém Webnode umožňuje vkládat několik typů obsahů. O všech bude řeč dále. Úpravové lišty prostřednictvím úpravových lišt budete editovat obsah bloků. Pole pro vložení obsahu text pole Sem můžete vložit nový nebo přetáhnout existující obsah jasně popisuje funkci tohoto pole. 62

63 8. Administrace webových stránek Vytvořili jste si tedy základ webových stránek. Teď je můžete upravovat. Pro správu obsahu webové prezentace budete využívat tlačítka horní nástrojové lišty systému Webnode. Z tohoto důvodu zde budou nejprve stručně popsány jejich funkce. Položky umístěné nad horní nástrojovou lištou Projekt informuje o tom, ve kterém z vašich projektů (prezentací) se právě nacházíte. Pokud máte projektů (prezentací) více, lze je přepnout kliknutím na odkaz Změnit. Uživatel má pouze informativní charakter. Zobrazuje, kdo je přihlášen. Můj účet kliknutím na tento odkaz přejdete do administrace prezentace, kde můžete nastavit např. jazyk, změnit heslo atp. Odhlásit kliknutí na tento odkaz vás odhlásí ze systému Webnode. Položky umístěné v horní nástrojové liště Horní nástrojová lišta obsahuje tlačítka, která se používají pro vytváření a editaci obsahu webových stránek. Jsou rozdělena a pojmenována podle funkce na Objekty, Stránka, Obsah a Ostatní. Část Objekty Nový tlačítkem vytvoříte novou stránku prezentace. Přejít na tlačítkem otevřete seznam již vytvořených stránek a kliknutím na jednu z nich ji otevřete do okna. Část Stránka Publikovat tlačítkem zveřejníte úpravy provedené ve stránce. Zobrazit tlačítkem otevřete možnost zobrazit do nového okna náhled pracovní verze stránky nebo náhled publikované verze stránky. Vzhled stránky tlačítkem otevřete možnosti různých rozdělení stránky pro příjemnější editaci a přehlednější rozložení obsahu stránky (viz obrázek). Odstranit tlačítkem odstraníte právě zobrazenou stránku. Vlastnosti tlačítkem otevřete formulář, kde budete moci nastavit vlastnosti právě zobrazené stránky (vložit/upravit název, metainformace, tagy atp.). Zabezpečení tlačítko funguje pouze v placené verzi a umožňuje zakázat či povolit zobrazení stránky všem návštěvníkům webu, nebo pouze registrovaným uživatelům (po přihlášení). 63

64 Část Obsah Tlačítka této části nástrojové lišty Formátovaný text, Anketa, Diskusní fórum, Fotogalerie, Články, Katalogy, Ostatní umožňují vkládat tyto jednotlivé druhy obsahu do stránky. Část Ostatní Soubory tlačítko umožňuje správu nahraných souborů v systému Webnode. Obrázky tlačítko umožňuje správu nahraných obrázků v systému Webnode. Vzhled webu tlačítko umožňuje přejít na stránku s možnostmi nastavení parametrů vzhledu stránky. Lze zde změnit především šablonu vzhledu, typ písma a případně upravovat kaskádový styl. Jazyky tlačítko funguje pouze v placené verzi a umožňuje nastavit vytváření jazykových mutací webové prezentace. Nastavení tlačítko umožňuje změnit vzhled administračního prostředí, otevře okna pro editace a nastavení hlavičky, patičky, kontaktu a komunitních služeb (viz dále). Dále je třeba si zapamatovat, že nebude-li uvedeno jinak, platí následující: Každý postup, který bude popisovat vložení určitého prvku pak bude moci být použit i pro každé další vkládání tohoto prvku postup bude totožný (vložení nové stránky, souboru, obrázku, bloku obsahu, článku atd.). Obsah vložených bloků budete poprvé i kdykoliv poté editovat vždy pomocí jejich horní úpravové lišty, stisknutím odkazu Upravit umístěným na levé straně lišty. Tedy např.: Pokud se bude jednat o blok s chronologicky či jinak vkládanými příspěvky (např. kalendář akcí, novinky, blog, diskusní fórum, nápověda atp.), jednotlivé příspěvky v bloku budete poprvé a kdykoliv poté editovat pomocí ikonky Upravit v pravém horním rohu jednotlivého příspěvku (ikonka se zobrazí až po přesunutí kurzoru myši na příspěvek). Nastavení vlastností jednotlivých bloků budete poprvé i kdykoliv poté vytvářet a měnit vždy pomocí jejich horní úpravové lišty, stisknutím odkazu Nastavení, který je umístěn na pravé straně lišty. Tedy např.: K odstranění jednotlivých bloků bude vždy třeba kliknout na červený křížek v pravé části úpravové lišty: K odstranění příspěvků v bloku s chronologicky či jinak vkládanými příspěvky použijete ikonky červeného křížku v pravém horním rohu (ikonka se zobrazí až po přesunutí kurzoru myši na příspěvek). K odstranění netextových prvků v textovém editoru (vloženého obrázku, tabulky, obrázkového odkazu, html kódu atp.) použijete nejlépe označení tohoto prvku kliknutím myši a stisknutím klávesy Delete (Del) na klávesnici. Zkopírování kódu do schránky se provede nejrychleji označením textu a stisknutím kláves Ctrl+C, k vložení ze schránky do příslušného pole lze nejjednodušeji použít stisknutí kláves Ctrl+V. Po jakékoliv změně se na aktuální stránce systému Webnode objeví pod horní lištou s nástroji žlutý proužek s tlačítkem pro publikování zobrazení změny na webové stránce tak, aby byla viditelná i pro návštěvníky prezentace. Pokud si budete zveřejnění přát, stisknete toto tlačítko. V případě, že nechcete práci zveřejnit, můžete proužek zrušit stisknutím křížku na pravé straně proužku. 64

65 8.1 Úprava hlavičky webové stránky Hlavička webové stránky se skládá z názvu knihovny, sloganu a loga. Všechny tři položky upravíte použitím tlačítka Nastavení v horní liště. Po kliknutí na něj se rozbalí menu, vyberete položku Hlavička webu. Po kliknutí na položku Hlavička webu se vám zobrazí formulář pro nastavení parametrů hlavičky prezentace: 65

66 Vyplníte políčka Název webu a chcete-li také Slogan, pokud nebyla vyplněna již při registraci. Logo necháte prázdné, slouží jako alternativa za text Názvu webu. 1 Ilustrační obrázek lze pojmout jako logo. V jednotlivých šablonách je z důvodů použití různé grafiky možné manipulovat s ilustračním obrázkem (logem) odlišně. Někdy lze změnit celou hlavičku (pozadí s ilustračním obrázkem), někdy, jako v tomto případě, pouze ilustrační obrázek (logo). Jejich změna se však provádí stejně. Pro změnu ilustračního obrázku (loga) kliknete ve formuláři do čtverce, kde je/má být obrázek zobrazen. Objeví se vám formulář s budoucí správou obrázků: Nový ilustrační obrázek (logo) 2 nahrajete do systému kliknutím na Chcete nahrát nové obrázky? nebo na tlačítko Nahrát obrázky v levém horním rohu. 1 Vzhledem k tomu, že název webu je pochopitelně vložen mezi tagy <title>, nedošlo by ke správné indexaci všech stránek. 2 Podle pokynů systému Webnode by nový ilustrační obrázek měl mít nejlépe následující rozměry: šířka 270px, výška 208px. Rozměry obrázku, který jste vybrali můžete zkontrolovat a případně upravit např. v programu Malování ve vašem počítači. Rozměry obrázku naleznete v záložce Obrázek > Atributy. 66

67 Po kliknutí na výše zmíněný odkaz otevřete formulář pro nahrání obrázků. Obrázek vkládáte tak, jako byste přikládali přílohu k ové zprávě. Po kliknutí na tlačítko Procházet vyberete soubor, který chcete nahrát 3. Ten se pak objeví v okénku Soubory k nahrání: Poté kliknete na tlačítko Nahrát a počkáte, až se soubor nahraje do systému. Po tomto kroku kliknete na tlačítko Zavřít: 3 Soubor nesmí mít více než 8 MB. 67

68 Po úspěšném nahrání se vrátíte zpátky do správy obrázků a vybraný obrázek zde naleznete: Kliknutím přímo na obrázek jej přidáte do čtverce formuláře: Pro vložení obrázku do hlavičky klikněte na tlačítko OK. 68

69 8.2 Úprava kontaktních informací knihovny Pro kontaktní informace je v systému Webnode speciální pole Kontakt, které je automaticky nastaveno tak, aby se zobrazovalo na každé stránce. Zatím je v Kontaktu pouze , jenž byl zadán při registraci. Kliknutím na odkaz Upravit kontakt v úpravové liště otevřete formulář pro správu kontaktu a informace doplníte: Ponecháte výběr položky Zobrazit kontakty, vyplníte Jméno knihovny, Telefon, Adresu a případně změníte a kliknete na tlačítko OK. Vyplněné údaje se vloží do stránky. 69

70 Kontakt. Výsledný vzhled naleznete také na adrese

71 8.3 Vložení nové stránky a úprava menu Chcete-li dále vytvářet webovou prezentaci, nevystačíte si pouze s již vloženými stránkami. V této kapitole bude jako příklad vytvořena nová webová stránka s názvem Partneři, sponzoři. Novou (prázdnou) webovou stránku vložíte tak, že v horní liště kliknete v části Objekty na tlačítko Nový a vyberete položku Stránka. Otevře se vám formulář pro vyplnění základních informací o této nové stránce 1 : Sponzoři, partneři V první řadě je třeba vyplnit Název stránky. Nadřazená stránka je aktuálně Úvodní stránka. V případě, že budou mít později stránky webové prezentace podstránky, je možné zobrazit seznam všech stránek v hierarchické struktuře kliknutím na značku stromu v tomto políčku. Poslední položka Šablona ponechejte výběr Běžná stránka. Poté kliknete na tlačítko Uložit. Následně bude nová webová stránka vytvořena: Stránka je v tomto okamžiku připravena k úpravě obsahu (viz následující kapitoly). 1 Obrázek je ilustrativní, strom by v aktuálně vytvořené prezentaci nebyl. 71

72 Chcete-li změnit či nastavit vlastnosti jednotlivých stránek, je třeba přejít na editaci menu kliknutím na Upravit menu. Otevře se vám formulář pro editaci menu, naleznete v něm seznam všech stránek, které máte zatím vložené v prezentaci: V levém sloupci je zobrazena Úvodní stránka a stránky jí podřazené. Jak bylo řečeno výše, v případě, že tyto stránky budou mít také svoje podřazené stránky, bude možné je kliknutím rozbalit např. takto: Dále lze kliknutím na jednotlivé stránky rozbalit jejich úpravové menu: Možnosti úprav jsou následující: Nová stránka vytvoří této stránce podstránku. Zobrazit podstránky zobrazí podstránky stránky, má-li nějaké. Publikovat publikuje stránku. Přesunout otevře formulář, ve kterém lze měnit pozici stránky v celé hierarchii stránek. Vlastnosti stránky po kliknutí na tento odkaz je pro vyplnění či případnou další editaci otevřen následující formulář: 72

73 Sponzoři a partneři Městské knihovny Dýně: našimi partnery jsou Město Dýně, partnerský spolek Dýně o. p. s Lze zde měnit Název stránky a Identifikátor, který slouží k zobrazení v adrese stránky za lomítkem (tedy v tomto případě Dále potom zde vyplníte Meta informace o webové stránce 2. Klíčová slova nevyplňujete 3, vložíte pouze Popis. Pod položkou Zobrazení stránky povolíte či naopak zakážete dle potřeby zobrazovat stránku v menu stránek a mapě stránek. Štítky (tagy) slouží pro systémy sociálního záložkování. Není nutné je vyplňovat. Kliknutím na OK formulář zavřete a vložené údaje se uloží. Vrátíte se zpět na editaci menu. Zabezpečení funguje pouze v placené verzi a umožňuje zakázat či povolit zobrazení stránky všem návštěvníkům webu, nebo pouze registrovaným uživatelům (po přihlášení). Odstranit odstraní stránku. Přemístění tyto čtyři poslední položky umožňují posunutí stránky v rámci její hierarchické úrovně o jednu položku nahoru či dolů a přesunutí na konec nebo na začátek. Pravý sloupec pak umožňuje vykonávat výše uvedené možnosti v lepším grafickém zobrazení. Kromě toho, že dokáže rozbalit totožné úpravové menu, jako v levém sloupci, lze také posouvat položky prostřednictvím šipek. Pracovat s jednotlivými stránkami pak můžete rovněž pomocí vrchní lišty a čtvercových okének vedle názvů stránek: Editaci Menu pak ukončíte kliknutím na tlačítko Zavřít. Všechny provedené změny se ihned projeví v prezentaci. 2 Slouží pro roboty vyhledávačů (kapitola Optimalizace pro vyhledávače). 3 Roboti klíčová slova ignorují. 73

74 8.3.1 Vložení nové stránky s možností vkládání příspěvků Struktura této nové stránky je založena principu vkládání (nejčastěji) chronologicky po sobě jdoucích příspěvků (článků). Je vhodná pro zobrazování novinek, kalendáře akcí či blogu. Její vložení zde bude předvedeno na vložení stránky Kalendář akcí. Novou stránku s možností vkládat jednotlivé příspěvky (články) vložíte podobně jako novou prázdnou stránku (horní lišta Objekty > kliknutí na tlačítko Nový > výběr položky Stránka) Otevře se vám formulář stejný jako při vkládání nové prázdné stránky. Vy ale místo položky Běžná stránka zvolíte Výpis článků. Také stejně jako u prázdné stránky je třeba vyplnit Název stránky a ponechat či vybrat Nadřazenou stránku. Poté kliknete na tlačítko Uložit. Následně bude nová webová stránka s možností přidávat příspěvky (články) vytvořena: V tomto okamžiku je stránka připravena ke vkládání a upravování příspěvků. Nový příspěvek vložíte kliknutím na odkaz Nový článek v úpravové liště bloku: 74

75 Kliknutím na tento odkaz se vám otevře formulář pro vložení nového příspěvku: Výstava - Terakotová armáda dospělé oddělení Dospělé oddělení naší knihovna se od poloviny července promění na výsostně čínské území. Jen na pár měsíců a samozřejmě s nadsázkou - bude tu totiž vystavena věrná replika slavné Terakotové armády!... Příspěvek pak vkládáte do připravených polí: Nadpis vložíte název příspěvku. Datum automaticky bude vloženo aktuální datum a čas, ale můžete jej buď přepsat ručně, nebo si otevřete kalendář s ikonkou na pravé straně políčka a v něm vyberete příslušné datum. Text vkládáte stejně jako v textovém editoru (více informací o vkládání textu naleznete v následující kapitole). Štítky slouží pro systémy sociálního záložkování. Není nutné vyplňovat. Poté příspěvek uložíte kliknutím na tlačítko Uložit. Budete-li jej chtít již publikovat stisknete také tlačítko Publikovat. 75

76 Po kliknutí na tlačítko Nastavení se vám otevře formulář s možnostmi nastavení jednotlivých parametrů bloku s příspěvky: Zobrazit článků na stránce nastavíte, kolik bude maximálně na jedné stránce zobrazeno jednotlivých příspěvků. Zobrazit zkrácený popis nastavíte, zda si přejete, aby ve výpisu příspěvků byl zobrazen pouze začátek textů jednotlivých příspěvků, nebo aby byly příspěvky ve výpisu zobrazeny celé. Zobrazit maximálně znaků v případě, že zvolíte v předchozím parametru Ano, vyplněním tohoto políčka nastavíte, kolik znaků z textů jednotlivých příspěvků bude ve výpisu zobrazeno. Zobrazit stránkování - nastavíte, zda si přejete zobrazení počtu stránek s příspěvky na dané stránce. Zobrazit odkaz na archiv nastavíte, zda si přejete umístit odkaz na starší příspěvky aktuálně již ve stránce nezobrazené. Zobrazit počet nalezených článků - nastavíte, zda si přejete zobrazení celkového počtu všech vložených příspěvků. Řadit podle nastavíte, zda chcete příspěvky řadit podle data vložení, nadpisu, textu ad. Směr řazení natavíte, zda se mají příspěvky řadit sestupně či vzestupně. Tedy v případě nastavení řazení podle data budou příspěvky řazeny buď od nejstaršího, nebo od nejnovějšího. Filtr zobrazení k filtrování příspěvků dojde zadáním konkrétních parametrů filtru. Po kliknutí na tlačítko OK dojde ke změnám parametrů a k návratu na blok s příspěvky. 76

77 Kalendář akcí. Výsledný vzhled naleznete také na adrese

78 8.4 Vložení a úprava textu Vkládání a editování textu zde bude vysvětleno na právě vytvořené webové stránce o partnerech a sponzorech knihovny Partneři, sponzoři. Jakýkoliv jiný obsah se bude vkládat stejným způsobem. Jak bylo již řečeno, pole pro vložení textu (a jakéhokoliv jiného obsahu) je ohraničeno přerušovanou čarou a obsahuje text Sem můžete vložit nový nebo přetáhnout existující obsah.: Blok, který bude obsahovat text, vložíte tak, že po kliknutí myší na tlačítko Formátovaný text v horní liště stisknutí držíte, přetáhnete tento budoucí textový obsah nad políčko pro vložení obsahu a stisknutí pustíte. Pole pro vložení obsahu se změní v blok pro přidání textu. Po kliknutí na odkaz v liště Upravit text se vám otevře editor textu: Práce v textovém editoru systému Webnode je velmi podobná práci v klasických textových editorech jako jsou MS Office, Open Office. Obsahuje lištu s tlačítky určenými na formátování textu: Součástí lišty jsou i tlačítka pro: vložení, změnu a zrušení odkazu, vložení či změnu obrázku a dokumentu ke stažení, vložení html kódu (slouží k vkládání miniaplikací do stránky), vložení a změna tabulky, přepnutí na zdrojový kód na rozdíl od ostatních nic nevkládá, pouze zobrazuje zdrojový kód dokumentu. Nebudete ho používat. Funkce těchto prvků budou vysvětleny dále. 78

79 Vkládání textu je pak uskutečňováno také jako v textovém editoru: Po uložení a zavření bloku se vrátíte zpět na původní webovou stránku s již nově vytvořeným textem: Přidávání, změna a rušení odkazů v textu Při editování textu můžete pomocí tlačítek Vložit/změnit odkaz v liště editoru využívat přidávání, změnu a rušení odkazů: a zrušit odkaz odkaz. Text, pro který má být použit odkaz je třeba označit. Poté kliknete na tlačítko Vložit/změnit 79

80 Dojde k otevření formuláře s možností vložení: Máte možnost vložit několik typů odkazů. Ty volíte mezi odkazy na stránku, článek, soubor a obrázek 1 : Stránka její pomocí odkazujete na jakoukoliv stránku na webu vložením URL adresy do políčka Zadejte URL adresu: Nebo můžete odkázat na některou stránku své webové prezentace kliknete na tlačítko Zvolit odkaz a otevře se vám seznam vašich již vytvořených stránek. Kliknutím na některou z nich dojde k vložení odkazu stránky do políčka. 1 Zbývající Záznam z katalogu se vztahuje k internetovým obchodům, nevyužijete jej. 80

81 Článek možnosti jsou stejné jako u Stránky. Jen v případě vkládání článku z vašeho webu nedojde k výběru jakékoliv stránky vaší prezentace, ale k výběru článku 2 : Soubor 3 - má v liště i samostatné tlačítko. Vkládání funguje stejně jako u předchozích položek. Buď odkážete na nějaký soubor kdekoliv na webu pomocí URL, nebo vložíte odkaz na soubor 4, který máte v systému Webnode: Obrázek funguje opět na stejném principu jako předchozí položky. Vložením URL z webu či výběrem obrázků 5 ze systému Webnode: Po zvolení příslušného odkazu z výše uvedených pak dojde ke vložení do formuláře. 2 Obrázek je ilustrativní. Ve fázi vytváření této prezentace nejsou vloženy ještě žádné články. 3 Soubor nemusí být pouze textový. Může jít např. i o hudební nahrávku či videozáznam. 4 Obrázek je ilustrativní. Ve fázi vytváření této prezentace nejsou vloženy ještě žádné dokumenty. 5 Obrázek je ilustrativní. Ve fázi vytváření této prezentace je vložen pouze obrázek pro hlavičku. 81

82 Dříve, než jej potvrdíte, je třeba rozhodnout, zda chcete nechat otevřít odkaz do nového okna, či ponechat ve stejném okně. Podle toho ne/zaškrtnete políčko Otevřít v novém okně. Kliknutím na tlačítko Vložit pak vložíte odkaz do textu: Zrušení odkazu proběhne velmi podobně. Vzniklý odkaz označíte a kliknete na tlačítko Zrušit odkaz. Odkaz bude odstraněn a zůstane prostý text. Stejným způsobem pak probíhá i změna odkazu vytvořený odkaz označíte a kliknete na tlačítko Vložit/změnit odkaz Přidávání a změna obrázků v textu Vložení a úpravu obrázku v textu vytvoříte pomocí tlačítka Vložit obrázek podobně jako vložení ilustračního obrázku do hlavičky. a probíhá V otevřeném textovém bloku vložíte kurzor na místo, kam budete chtít obrázek vložit: V liště kliknete na tlačítko Vložit obrázek. Otevře se vám, stejně jako při vkládání obrázku do hlavičky, formulář se správou obrázků: 82

83 Sem nahrajete, stejně jako jste nahráli ilustrační obrázek (logo) pro vložení do hlavičky, obrázek, který chcete vložit (tlačítko Nahrát obrázky > tlačítko Procházet > výběr souboru > tlačítko Nahrát soubor > konec nahrávání > tlačítko Zavřít). Vámi vybraný obrázek pak naleznete ve správě obrázků 6 : na něj. Do textu jej vložíte poté stejně, jako při vkládání ilustračního obrázku do hlavičky kliknutím 6 Pokud jste obrázek neupravili před vložením do systému, lze k jeho editaci využít editoru v systému Webnode. Po najetí myši na obrázek se vám v dolní části zobrazí lišta s tlačítky, jenž umožní obrázek: stáhnout, přejmenovat, přesunout, upravit, otočit vpravo nebo vlevo a odstranit. Stejné funkce pak bude možné použít i u fotografií. 83

84 Kliknutím na obrázek se formulář zavře a otevře se vám původní formulář s editovaným textem a již vloženým obrázkem: Potřebujete-li obrázek upravit, můžete ho editovat přímo v bloku s textem. Označený obrázek lze pomocí myši, stejně tak jako v klasickém textovém editoru, zvětšovat či zmenšovat tažením při stisknutí levého tlačítka. obrázek. Druhou možností je označení obrázku (kliknutím na něj) a stisknutí tlačítka Vložit 84

85 Otevřete obrázek ve zvláštním formuláři pro editaci vlastností obrázku: Zde můžete měnit následující parametry: URL pokud chcete obrázek vyměnit, kliknete na tlačítko Zvolit na serveru. Otevřete okno se správou obrázků a vložíte nový obrázek z něj (případně nějaký nový nahrajete). Alternativní text ne/vyplníte popisek obrázku 7. Šířka, výška těmito parametry nastavíte šířku a výšku obrázku. Při změně velikosti jednoho parametru dochází automaticky ke změně velikosti druhého. Nedochází tak k deformaci obrázku a nutnosti velikost dopočítávat. Okraje vyplnění tohoto parametru přidá k obrázku černý rámeček. Čím vyšší číslo je nastaveno, tím širší rámeček se zobrazí. H-mezera, V-mezera horizontální a vertikální mezera. Podobně jako u okrajů, dojde k přidání prázdného prostoru buď k horizontálním nebo vertikálním okrajům, případně k oběma. Také platí čím vyšší číslo, tím širší mezera. Zarovnání v této roletce z daných možností vyberete, kam chcete obrázek zarovnat. V případě, že jste již s nastavením obrázku spokojeni, kliknete na tlačítko OK. Po zavření formuláře naleznete obrázek v textu již upraven podle nových parametrů. Chcete-li obrázek použít jako odkaz, postup jeho přidání bude totožný s vložením odkazu do textu. Jediným rozdílem bude, že místo textu bude označen (kliknete na něj) obrázek. Tedy postupem označení vloženého obrázku > tlačítko v liště Vložit/upravit odkaz > výběr typu odkazu > vložení odkazu > výběr ne/otevření do nového okna > tlačítko Vložit. Vkládání tabulek a html kódu bude vysvětleno dále. 7 Je to atribut obrázku alt, je třeba jej vyplnit kvůli přístupnosti webu; ovšem platí to jen v případě, že nese obrázek nějakou informaci. V případě, že je pouze ilustrativní je třeba nechat toto pole prázdné. 85

86 Naši partneři a sponzoři. Výsledný vzhled naleznete také na adrese

87 8.5 Vložení mapy Mapu vložíte do webové stránky kliknutím do horní lišty v části Obsah na tlačítko Ostatní. V rozbalovacím menu přesunete kurzor myši na položku Mapy. Položka se opět rozbalí a v ní naleznete výběr map od různých poskytovatelů. V této práci bude použita mapa od společnosti Google Google Maps. Mapu na potřebné místo vložíte stejně jako jste vkládali textový blok pomocí tlačítka Formátovaný text, přetažením položky Google Maps nad pole pro vkládání obsahu. Otevře se vám formulář, kde bude třeba nastavit parametry mapy. Zde pro správné zobrazení mapy ve stránce vyplníte: Knihovní 9, Dýně Adresa zadáte město, ulici a číslo domu a kliknutím na tlačítko Vyhledat necháte adresu najít a zobrazit na mapě dole. Velikost zvolíte zda chcete zobrazení mapy velké, střední či malé. Měřítko měřítko lze volit na stupnici Čím vyšší číslo bude zvoleno, tím bude mapa podrobnější. Zarovnání zvolíte, zda chcete mapu na stránce zarovnat na střed, doprava nebo doleva. V Náhledu mapy pak přímo vidíte zobrazení příslušné adresy. Kliknutí na tlačítko OK vložíte mapu do stránky. 87

88 Mapa. Výsledný vzhled naleznete také na adrese

89 8.6 Vložení a úprava tabulky Postup vložení a úpravy tabulky zde bude předveden na příkladu vytvoření stránky se statistickými údaji s názvem Statistiky. Tabulku lze vložit v editoru textového bloku pomocí tlačítka Vložit/upravit tabulku. Do místa, kde má tabulka začínat, umístíte kurzor: Po kliknutí na tlačítko Vložit/upravit tabulku otevřete formulář s vlastnostmi tabulky, které umožní nastavení parametrů: Řádky a Sloupce vložíte počty řádků a sloupců, jež budete v tabulce potřebovat. Styl tabulky zde se podle účelu tabulky rozhodnete, zda vyberete z roletky styl tabulky Moderní s hlavičkou, Moderní či Nestylovaný 1. V této práci byl vybrán styl Moderní s hlavičkou. Ohraničení přidělením nějaké hodnoty políčku bude ohraničení tabulky viditelně zvýrazněno. Čím vyšší bude číslo, tím silnější ohraničení bude tabulka mít. Zarovnání tabulku lze zarovnat na střed, doprava či doleva. Šířka a Výška zde nastavíte požadovanou šířku a výšku tabulky. Vzdálenost buněk hodnota tohoto políčka stanoví, jak široká bude mřížka tabulky, tedy jak daleko od sebe budou buňky tabulky vzdáleny. Čím vyšší číslo bude zvoleno, tím budou buňky vzdáleny více. Odsazení obsahu - tato hodnota určuje, jak daleko bude text v buňce tabulky vzdálen od okrajů buňky. Opět platí, že čím vyšší číslo, tím větší vzdálenost. 1 Nestylovanou tabulku použijete v případě, že tabulka neplní funkci tabulky, ale zajišťuje pouze např. rozmístění prvků na stránce. Tj. není ve stránce webové prezentace vůbec vidět. Tabulka s moderní stylem (a případně s hlavičkou) je ve stránce světle šedou barvou zobrazena. Hlavička tabulky (první řádek tabulky) je zobrazena barvou ladící se zbytkem prezentace. 89

90 Po nastavení vámi zvolených parametrů kliknete na tlačítko OK a tabulka bude vložena do stránky: Nyní ji můžete začít vyplňovat. Text v tabulce lze editovat stejně jako text klasický, pomocí lišty pro formátování textu: Chcete-li vložit odkaz či obrázek do tabulky, budete postupovat stejně jako při vkládání odkazů a obrázků do textu. 90

91 Budete-li chtít v tabulce přidat nebo odebrat sloupec či řádek, postupujte následovně: do řádku (sloupce), který chcete smazat, případně nad nebo pod něhož chcete přidat řádek (sloupec) umístíte kurzor. Poté zde stisknete pravé tlačítko a z rozbaleného menu vyberete požadovaný úkon: Insert Row (Column) Before Vložíte řádek (sloupec) před vybraný, Insert Row (Column) After Vložíte řádek (sloupec) po vybraném, Smazat řádek (sloupec) odstraníte vybraný řádek (sloupec). Po kliknutí na vybranou položku dojde přímo k danému úkonu. Chcete-li spojit (sloučit) některé buňky, budete postupovat podobně, jako při vkládání buněk. Místo řádku či sloupce však umístíte kurzor do buňky, kterou chcete spojit s buňkou následující: Poté zde opět stisknete pravé tlačítko. Z rozbaleného menu vyberete položku Buňka a z její nabídky pak Merge Right (spojit s buňkou vpravo) nebo Merge Down (spojit s buňkou dole): Ze dvou buněk se stane jedna: 91

92 buňky: Tento postup pak opakujete tak dlouho, dokud nejsou spojeny (sloučeny) všechny potřebné Budete-li chtít tabulku zvětšit či zmenšit tažením myši jako u obrázků, postupujete tak, že po označení tabulky (přesunete kurzor myši kamkoliv na okraj tabulky a kurzor se vám změní v kříž ) začnete strany libovolně posouvat: Pokud budete chtít parametry tabulky upravit, tj. otevřít znovu Vlastnosti tabulky, tabulku označíte (jak bylo výše vysvětleno) a kliknete v liště na ikonku Vytvořit/upravit tabulku. Otevře se vám opět formulář Vlastnosti tabulky s aktuálním nastavením. Uvedené hodnoty zde můžete opět upravovat. 92

93 Statistiky. Výsledný vzhled naleznete také na adrese

94 8.7. Vložení a úprava elektronického formuláře Elektronický formulář lze vložit několika způsoby. V této kapitole bude popsáno, jak vložit jednoduchý kontaktní formulář integrovaný v systému Webnode a uživatelsky nastavitelný formulář z Google Dokumentů společnosti Google Vložení a úprava jednoduchého kontaktního formuláře systému Webnode Jednoduchý formulář vkládáte jako celou novou stránku. Vytvoření zde bude předvedeno na podstránce Kontaktujte nás. Stránku s kontaktním formulářem vložíte podobně jako novou prázdnou stránku provedením kroků: horní lišta Objekty > kliknutí na tlačítko Nový > výběr položky Stránka. Otevře se vám formulář stejný jako při vkládání nové prázdné stránky. Vy ale místo položky Běžná stránka zvolíte Kontaktujte nás. Podobně jako u prázdné stránky je třeba vyplnit Název stránky a ponechat či vybrat Nadřazenou stránku. Nakonec kliknete na tlačítko Uložit. Následně bude stránka s jednoduchých kontaktním formulářem vytvořena: Všechny odeslané zprávy z formuláře budou zasílány na adresu uvedenou při registraci. Chcete-li tuto adresu změnit, klikněte v úpravové liště na odkaz Nastavení. 94

95 V tomto Nastavení pak můžete změnit: Po kliknutí na tlačítko OK bude případný nový nastaven pro příjem zpráv z tohoto formuláře. 95

96 Kontaktujte nás. Výsledný vzhled naleznete také na adrese

97 8.7.2 Vložení a úprava uživatelsky nastavitelného formuláře v Google dokumentech V této kapitole bude vysvětleno vytvoření uživatelsky nastavitelného formuláře v systému Google Dokumenty společnosti Google. Jako příklad bude vytvořen formulář pro úkony spojené s výpůjčkami a rezervacemi. Jakýkoliv jiný formulář pak vytvoříte obdobně. Pro práci v Google Dokumentech je třeba vlastnit ovou schránku společnosti Google Gmail. Jak vytvořit tuto schránku naleznete v nápovědě stránek společnosti Google 1. Jste-li přihlášeni do vašeho gmailového účtu, můžete si otevřít Google Dokumenty na adrese 2. Otevře se vám vstupní stránka pro správu Google dokumentů: Nový formulář vytvoříte kliknutím na tlačítko Nový v horní modré liště stránky Google dokumentů, kde vyberete položku Formulář. Kliknutím na něj se vám otevře nové okno, v němž najdete již předvytvořený jednoduchý formulář o dvou otázkách, který si podle svých požadavků upravíte: 1 Návod naleznete pod tímto odkazem: 2 V případě, že se vám zobrazí stránky v angličtině, kliknete v pravém horním rohu na odkaz Settings (Nastavení), kde se vám jako první položka zobrazí nastavení jazyka (Language).V roletce vyberete jazyk Česky a uložíte toto nastavení kliknutím na tlačítko Save v dolní části stránky. Od této chvíle bude pro veškerou práci v Google dokumentech použita čeština. 97

98 Pole s textem Formulář bez názvu toto pole popisuje název formuláře. Po vložení kurzoru do tohoto pole text Formulář bez názvu zmizí a vy zde vyplníte název vašeho formuláře. Nelze jej nechat prázdné. Pole s textem Sem můžete zadat text dostatečně vysvětluje funkci tohoto pole. Sem mohou být vloženy informace o tom, k čemu formulář slouží a instrukce, jak jej vyplnit. Po vložení kurzoru tento text zmizí. Lze jej nechat prázdné. Pole s textem Ukázkový dotaz zde už můžete upravovat samotná pole budoucího formuláře: 98

99 Vždy musíte vepsat Nadpis otázky, tedy text, který bude uveden nad políčkem pro vyplnění. Pro ujasnění textu lze vložit vysvětlující nápovědu do pole Text nápovědy. Podle toho, jaký typ otázky chcete vytvořit, vyberete z nabízených možností v roletce: Vybraná možnost je pak zobrazena pod roletkou Typ otázky (v našem příkladu Jejich odpověď). Dříve než nastavení této otázky uložíte stisknutím tlačítka Hotovo, zaškrtnete či nezaškrtnete možnost, že tato položka bude povinná, tedy bude označena červenou hvězdičkou a bez jejího vyplnění nebude možné formulář odeslat. Další přednastavenou otázku (pole) pak k editaci otevřete kliknutím na ikonku tužky, která se objeví při přesunutí kurzoru myši na toto pole v pravé části. Zároveň s ní se zobrazí také tlačítko k duplikování otázky a tlačítka koše pro odstranění otázky. Tato tlačítka jsou pak zobrazována také u každé další vložené otázky. Kliknutím na ikonku tužky dojde k otevření totožného políčka, jenž bylo editováno v předchozím kroku. Opět jej podle potřeby upravíte. Vložení každé další otázky pak provedete kliknutím na tlačítko +Přidat otázku v levém horním rohu modré lišty na stránce nastavení formuláře. Postupně přidáváte a upravujete jednotlivá potřebná políčka formuláře, až je formulář hotový. Náhled si můžete kdykoliv během vytváření zobrazit pomocí kliknutí na odkaz umístěný v černé liště v dolní části stránky: Vzhled formuláře můžete nastavit pomocí tlačítka Motiv v modré horní liště vlevo (hned vedle tlačítka Přidat otázku ). Přednastaven je vzhled s názvem Plain. 99

100 Kliknutím na tlačítko Motiv se vám v novém okně otevře nabídka aktuálně 70 motivů vzhledu formuláře: Po kliknutí na některý z motivů se formulář přímo s daným vzhledem v okně zobrazí. V případě, že budete chtít vzhled použít, kliknete na tlačítko Použít, jenž se mezitím objevilo v modré horní liště vlevo. Pokud se rozhodnete motiv nepoužít, stisknete tlačítko Zrušit. Po skončení nastavování motivu se pak kliknutím na odkaz Zpět k úpravám v modré horní liště vlevo vrátíte na původní stránku s nastavením formuláře a vytvořené nastavení uložíte kliknutím na tlačítko Uložit v pravém horním rohu stránky. Dříve než přejdete k vložení formuláře do webové stránky, nastavíte ještě pomocí tlačítka Další akce a jeho položky Upravit potvrzení (vpravo nahoře v modré liště) text, který se bude uživatelům zobrazovat po odeslání formuláře. V případě, že jsou již všechny parametry a údaje nového formuláře nastaveny, můžete přistoupit k jeho vložení do webové stránky knihovny. Html kód pro vložení formuláře do stránky naleznete vygenerován pod tlačítkem Další akce a jeho položkou Vložit v modré liště vpravo nahoře na stránce s nastavením formuláře. 100

101 Po kliknutí na tuto položku se vám otevře okno s vygenerovaným html kódem: Tento kód si zkopírujete do schránky, okno zavřete a přesunete se do administraci systému Webnode, kde si zobrazíte stránku, do které budete chtít formulář vložit. Zde vyberete v horní liště v části Obsah tlačítko Ostatní a jeho položku HTML kód (Embed) a přetáhnete ji, stejně jako mapu či blok pro text na místo, kde budete chtít formulář umístit. Po přetažení bloku se vám otevře formulář pro vložení kódu: <iframe src=" key=rs3rl7ss42zmwcuvmsmj-eg" width="500" Do políčka Html kód (Embed) vložíte ze schránky zkopírovaný kód formuláře. V roletce Zarovnání zvolíte, zda má být formulář zarovnán na střed, doprava či doleva a stisknutím tlačítka OK vložíte formulář do stránky. 101

102 Pokud budete chtít později měnit obsah formuláře, dostanete se k němu přes stránku Google dokumentů (musíte být přihlášeni) kliknutím na vybraný formulář: Po kliknutí se vám otevře tabulka mj. s výpisem došlých zpráv z formuláře: Na editaci formuláře pak přejdete stisknutím položky Formulář v horní liště, kde vyberete položku Upravit formulář. Kliknutím na něj se vám otevře stránka s aktuálním nastavením formuláře a zde jej můžete editovat dle potřeby stejně jako na začátku při vytváření. 102

103 Formulář pro výpůjčky a rezervace (Google Dokumenty). Výsledný vzhled naleznete také na adrese

104 8.8 Vložení a úprava diskusního fóra, návštěvní knihy Diskusní fórum, jenž je integrované v systému Webnode, vložíte přetažením tlačítka Diskusní fórum v části Obsah v horní liště na vámi vybrané místo. fóra: Po přetáhnutí a uvolnění tlačítka myši se vám otevře formulář s nastavením diskusního Téma diskusního fóra systém navrhne sám podle toho, k čemu je fórum vkládáno. Samozřejmě jej lze změnit podle potřeby. Po stisknutí tlačítka OK se formulář diskusního fóra zobrazí ve stránce: 104

105 Kliknutím na odkaz Nastavení se vám otevře formulář pro změnu parametrů diskusního fóra: Zde můžete nastavit tyto položky: Název (téma) diskuse můžete změnit název diskusního fóra. Zobrazit příspěvků na stránce nastavíte maximální počet příspěvků, jež bude možné zobrazit na jedné stránce. Zobrazit stránkování nastavíte, zda bude na stránce diskusního fóra zobrazen počet stránek s diskusními příspěvky. Zobrazit zanoření příspěvků nastavíte, zda bude viditelně graficky znázorněno, že příspěvek je reakcí na dřívější příspěvek. Zobrazit počet nalezených příspěvků nastavíte, zda bude na stránce s diskusním fórem zobrazeno, kolik je ve fóru vložených příspěvků. Řadit dle data nastavíte, zda řadit příspěvky od nejnovějšího, či od nejstaršího příspěvku. Formulář na přidání nového příspěvku nastavíte, zda bude formulář pro vložení nového příspěvku zobrazen na stránce s diskusním fórem, nebo bude místo něj jen odkaz na místo, kde je možné jej najít. 105

106 . Kniha návštěv. Výsledný vzhled naleznete také na adrese

107 8.9 Vložení ICQ indikátoru Na adrese v dolní části stránky naleznete formulář pro nastavení parametrů indikátoru: Do políčka Your ICQ# (required) vložíte svoje číslo ICQ, v roletce Select the indicator ponecháte nastaveno Personal Status indicator a v další roletce Select design# vyberete dle tabulky vpravo číslo vzhledu, které si vyberete pro zobrazení indikátoru ve vaší stránce. Poté stisknete tlačítko Create my status ICQ Indicator a vygenerujete html kód indikátoru: Kliknutím na tlačítko Preview se vám v novém okně otevře náhled vybraného indikátoru. Jste-li se vzhledem indikátoru spokojeni, zkopírujete vygenerovaný kód do schránky a přesunete se do systému Webnode. Zde vstoupíte do úprav textového bloku, ve kterém chcete icq indikátor zobrazit a na příslušné místo vložíte kurzor: 107

108 Poté kliknete v liště textového editoru na tlačítko Vložení HTML kódu formulář, do jehož pole vložíte ze schránky zkopírovaný html kód: a otevře se vám Po stisknutí tlačítka Vložit dojde k vložení indikátoru do příslušného místa na stránce. Výsledný vzhled: 108

109 8.10 Vložení Skype indikátoru Na adrese naleznete formulář pro nastavení parametrů indikátoru: knihovna_dyne Do políčka Enter your Skype Name vložíte přezdívku, kterou se přihlašujete do Skypu. V parametrech Customize your Skype button zvolíte, zda si přejete, aby uživatelé viděli váš status (Skype status), tedy zda se bude ikonka podle vaší aktivity či neaktivity ve stránce měnit. V případě, že ano, označíte položku Show (ukázat), pokud ne, necháte označenou položku Hide (skrýt). 109

110 Dále v roletce vyberete, k jakému účelu bude ikonka sloužit (Function). Na výběr je několik možností 1 : Pro účely této práce bude vybrán View my profile (viz můj profil). Další položky se budou již týkat vzhledu indikátoru. Jaký bude jeho obsah (Content) zda chcete zobrazit ikonku i s textem (Icon+text), nebo pouze ikonku (Icon); jaká bude jeho velikost (Size) malá, (Small) či velká (Big); v jakém stylu bude indikátor zobrazen zda v podobě bubliny (Balloon), nebo tlačítka (Button); jestli bude mít barvu (Color theme) zelenou (Green), nebo modrou (Blue); a poslední položkou nastavíte, zda bude pozadí (Background) bílé (White), nebo průhledné (Transparent). Po nastavení výše uvedených parametrů pak dojde k zobrazení výsledného vzhledu tlačítka pod textem Preview your button (Náhled tlačítka) a vygenerování html kódu v políčku Copy & paste this code (Kopíruj a vlož tento kód): V případě, že jste již se vzhledem indikátoru spokojeni, necháte označenou položku Show Web HTML (Ukaž html kód, který lze vložit do webové stránky) a kód z okénka zkopírujte do schránky. Od tohoto kroku je již postup totožný s vkládáním ICQ indikátoru (přesun do systému Webnode > otevření příslušného místa > umístění kurzoru > kliknutí v liště na tlačítko Vložení HTML kódu > vložení zkopírovaného html kódu indikátoru > stisknutí tlačítka Vložit). 1 Call me (Zavolej mi), Add me to Skype (přidej si mě do Skypu), Chat with me (chatuj se mnou), View my profile (viz můj profil), Leave me a voic (zanech mi hlasovou zprávu) placená služba, Send me a file (pošli mi soubor). 110

111 8.11 Vložení formuláře Digsby Na adrese naleznete formulář pro nastavení parametrů: Zde nastavíte jednotlivé položky obsahu formuláře, veškerá nastavení se přitom budou okamžitě zobrazovat v náhledu na pravé straně stránky: Widget Name (jméno formuláře) nastavíte zde nadpis formuláře (Widget Title) a vaši přezdívku (Your Nickname). Widget Colors (barvy formuláře) nastavíte vhodné barevné zobrazení formuláře buď pomocí přednastavených vzhledů (Preset Themes), nebo si zvolíte vlastní (kliknutím na Customize Colors). Widget Size (velikost formuláře) volíte mezi standardní (Default), nebo malou (Small) velikostí, případně můžete zadat v pixelech i velikost vlastní (Custom). Jakmile jsou parametry nastaveny, kliknutím na tlačítko Next (další) v pravé části stránky přejdete na přihlášení do systému Digsby: Po zadání přihlašovacích údajů (Username uživatelské jméno, Password heslo) stisknete tlačítko Submit (potvrdit). Po přihlášení pak dojde k vytvoření html kódu pro formuláře (Embed Tag): 111

112 Kód opět zkopírujete, přesunete se do systému Webnode a vložíte jej buď přímo do stránky (výběr z horní lišty Obsah-Ostatní-Html kód (Embed) > přetáhnutí na příslušné místo > zobrazení pole pro vložení kódu formuláře > vložení kódu formuláře > volba zarovnání > stisknutí OK), nebo do textového editoru (otevření příslušného místa > umístění kurzoru > kliknutí v liště na tlačítko Vložení HTML kódu > vložení zkopírovaného html kódu formuláře > stisknutí tlačítka Vložit). Vytvořený formulář pak editujete přímo v programu Digsby: V programu si otevřete nastavení (Preferences), záložku Widgets (formuláře). V ní najdete již vytvořené formuláře (Widgets), možnost vytvoření nového formuláře (tlačítko New Widget), náhled právě vybraného formuláře (Widget Preview) a jeho hmtl kód (pod polem Embed Tag). Označený formulář pak můžete editovat (odkazem Edit) nebo odstranit (odkazem Delete) (tyto dvě položky jsou viditelné pouze po přesunutí kurzoru myši na řádek). Po kliknutí na odkaz Edit se vám otevře stránka s nastavením parametrů, stejná jako byla na začátku při vytváření formuláře. Kód změněného formuláře pak musíte opět zkopírovat a vložit znovu do stránky. 112

113 Indikátory ICQ a Skype a formulář Digsby. Výsledný vzhled naleznete také na adrese

114 8.12 Vložení a úprava RSS kanálů RSS kanál stránek lze vložit několika způsoby. V této kapitole bude popsáno, jak spravovat RSS kanály, které vytváří systém Webnode automaticky. V druhé části pak bude uvedeno, jak generovat obsah cizího RSS kanálu do webové stránky knihovny pomocí služby Blueboard.cz Správa automaticky vytvářených RSS kanálů systému Webnode Systém Webnode vytváří automaticky RSS kanály těm stránkám, jež svůj obsah publikují pomocí stránky s možností vložení příspěvků (kapitola 7.3.1). Všechny tyto RSS kanály najdete (stejně jako uživatelé stránek) kliknutím na odkaz RSS v pravém horním rohu každé stránky: Otevře se vám obsahový blok s názvem RSS exporty a výpisem již vytvořených RSS kanálů: Uživatelé si mohou přidat mezi své zdroje RSS kanál všech článků (všechny články, all) webové prezentace, nebo jen z některých stránek s příspěvky (články). 114

115 Kliknutím na odkaz Nastavení se vám otevře formulář pro změnu parametrů RSS zdrojů: Zde můžete měnit tyto parametry: Zobrazení v RSS: nastavíte, aby příchozí zpráva RSS kanálu do uživatelovy čtečky byla zobrazena buď celá (vyberete Celý článek), nebo jen její úvod (vyberete Perex článku). Patička pod článkem: pokud si přejete, aby pod každou zprávou z RSS kanálu uživatelovy čtečky byl zobrazen jakýkoliv text (např. odkaz na hlavní webovou stránku, do knihovny atp.), vyplníte toto pole. Přesměrování RSS: v případě, že budete chtít pro vytváření RSS kanálů použít jiný nástroj, nežli je integrován do systému Webnode, zvolíte v této položce Ano a vložíte nové adresy RSS kanálů do prázdných polí. Změny potvrdíte stisknutím tlačítka OK. 115

116 RSS kanály. Výsledný vzhled naleznete také na adrese

117 Generování obsahu cizího RSS kanálu do stránky V této kapitole bude vysvětleno generování obsahu cizího RSS kanálu do webové stránky knihovny. Jak tento box se zprávami vytvořit a vložit do stránky zde bude popsáno na vložení modulu RSSBoard služby Blueboard.cz. Pro generování byl vybrán příklad zpráv z webových stránek města či obce, pod kterou knihovna spadá. Pro práci se službou Blueboard.cz je třeba být v jejich systému registrován. Po registraci a přihlášení do systému Blueboard.cz si kliknutím v levém panelu s moduly otevřete odkaz na modul RSSboard: Zprávy z města V tomto modulu pak vložte název vašeho generovaného kanálu a stiskněte tlačítko Vytvořit nový RSSBoard. Poté se vám objeví stejná stránka již s odkazem na úpravy vytvořeného RSSBoardu: Kliknutím na tento odkaz otevřete stránku s možnostmi nastavení parametrů boxu a vložení vybraného RSS kanálu do RSSBoardu: 117

118 V první záložce nastavení Základní nastavení můžete nastavit tyto parametry: Název zde můžete ponechat či změnit název budoucího RSS kanálu. Rozměry velikost boxu na stránce nastavíte buď pevným nastavením pro šířku a výšku, nebo pro výšku můžete zaškrtnutím čtvercového pole Proměnlivá výška dle příspěvků zvolit zobrazování boxu tak, jak text říká dle výšky aktuálně zobrazovaných příspěvků. Velikost písma můžete nastavit podle možností podle stránek, malé, velké či střední písmo. Počet zobrazených záznamů zde zadáte počet v pořadí nejaktuálnějších příspěvků, které se budou v boxu zobrazovat. Délka popisu v počtech znaků tato položka stanoví, zda bude pod nadpisy jednotlivých záznamů v boxu zobrazena ještě další část zprávy, nebo ponecháte pouze nadpisy zpráv (v tom případě zadáte, jak napovídá popisek políčka, hodnotu 0). Kódování zde z nabídky možností windows-1250, iso a utf-8 vyberete možnost poslední utf-8. Odkazy otevírat do nového okna toto čtvercové pole označíte v případě, že si přejete otevření odkazů z boxu do nového okna. Nastavení uložíte stisknutím horního tlačítka Ulož nastavení. Kliknutím na druhou záložku Nastavení barev otevřete možnosti nastavení barevného vzhledu budoucího boxu : Zde můžete vybrat buď některý z přednastavených vzhledů, jenž se skrývají v roletce Barevná schémata, nebo můžete vložit vlastní barvy výběrem Manuální nastavení barev. V políčku Obrázek na pozadí můžete vložit adresu obrázku, který byste chtěli zobrazovat na pozadí boxu. Odškrtnutím čtvercového pole Neopakovat nastavíte, že se obrázek na pozadí zobrazí pouze jednou, nebude tedy v případě, že bude box širší či delší na pozadí vytapetován několikrát. Dále zvolíte barvy písma, pozadí, druhého pozadí, rámečku a odkazu. To můžete udělat buď pomocí nabídnutých, zobrazených barev kliknutím na ně, nebo můžete vepsat hexadecimální kódy barev do políčka vedle přednastavených 1. Výsledná barva pak je zobrazena v malých čtvercích napravo. Případné změny opět uložíte stisknutím horního tlačítka Ulož nastavení. 1 Hexadecimální zápis barvy spolu se zobrazením barvy lze nalézt na mnoha webových stránkách. Najdete jej tedy např. zde 118

119 Ve třetí záložce Kanály pak vložíte RSS kanál, který chcete do stránky generovat: Buď vyberete z roletky některý z přednastavených kanálů, nebo (a to bude v případě výběru RSS kanálu v této práci pravděpodobnější) vložíte RSS kanál ručně po vyhledání jeho URL na příslušných stránkách. Po vložení URL RSS kanálu do políčka potvrdíte vložení kanálu stisknutím tlačítka Přidat nový kanál. V případě, že chcete generovat v boxu do stránky více kanálů, vložte stejným postupem kanály další. Poté vše opět uložíte kliknutím na horní tlačítko Ulož nastavení. Na výsledný vzhled boxu se můžete podívat (stejně jako při všech předchozích krocích) stisknutím vedlejšího tlačítka Zobraz náhled. V tomto okamžiku máte vytvořený RSSBoard a můžete jej vložit do webové stránky knihovny. To tentokráte neprovedete pomocí zkopírování html kódu, ale vygenerováním API klíče 2 systému Blueboard.cz. Ten získáte kliknutím na odkaz API klíč v levém panelu stránky. Po kliknutí na daný odkaz se vám otevře stránka se zobrazením vašeho API klíče: Klíč si zkopírujete do schránky a přesunete se do systému Webnode. 2 API Application Programming Interface, zjednodušeně řečeno kód pro možnost snadného využití služby v jiném systému. Jednoznačně identifikuje uživatele. 119

120 V systému Webnode si nejdříve zobrazíte stránku, do které chcete RSSBoard vložit a způsobem jako jste to udělali např. s mapou jej vložíte. V části Obsah kliknete na tlačítko Ostatní, přesunete kurzor myši na položku Blueboard.cz a z nabídky menu, jež se poté zobrazí vyberte položku RSS Board. Tu pak přetáhnete tam, kde si přejete box se zprávami zobrazovat. Po přetažení se vám otevře formulář s žádostí o vložení API klíče a nastavení parametrů: d8955c51ce4ab5dc1ef4bfe94fb13 Zde tedy vložíte API klíč zkopírovaný ze schránky a stisknete tlačítko Vyhledat. Systém Webnode si jeho prostřednictvím identifikuje váš účet u služby Blueboard.cz a stáhne si do svého systému vytvořený RSSBoard. V případě, že jich budete mít vytvořených více, stáhne si systém Webnode i ostatní. Tyto RSSBoardy pak můžete pomocí roletky jednoduše měnit podle potřeby. Posledním krokem pak bude výběr Zarovnání boxu a textu v něm. Vyberete, zda má být zarovnán na střed, doprava či doleva. V posledním poli by pak měl být zobrazen Náhled boxu 3. Vložení potvrdíte stisknutím tlačítka OK a box se vloží do stránky. 3 Bohužel ani v jednom prohlížeči se box nepodařilo v tomto okně zobrazit. Ve stránce i administrativě se ale již zobrazuje korektně. 120

121 Generování RSS kanálu (RSS Board, Blueboard.cz). Výsledný vzhled naleznete také na adrese

122 8.13 Vložení a úprava vizitky sociální sítě Facebook Kód pro vložení vizitky sociální sítě Facebook vytvoříte ve svém účtu po přihlášení se do něj. Zobrazíte si záložku Profil a na levé straně ve spodní části stránky naleznete odkaz Vytvořit vizitku profilu. Kliknete na něj. Otevře se vám stránka s vytvořeným náhledem vizitky a html kódem pro zkopírování: V pravé části stránky vidíte náhled budoucí vizitky. Pokud jste s tímto vzhledem spokojeni, můžete využít vygenerovaného html kódu vedle vizitky a rovnou si jej zkopírovat 1 stisknutím tlačítka Kopírovat do schránky pro následné vložení do stránky knihovny v systému Webnode. kódu. Pokud chcete změnit parametry, otevřete si odkaz Upravit tuto vizitku nahoře vpravo od html Kliknutím na tento odkaz se vám otevře formulář s možnostmi nastavení parametrů vizitky: 1 Tlačítka umístěná pod kódem umožňují přímo z profilu Facebooku vložit vizitku do daných systémů (Blogger, MySpace, TypePad). 122

123 Zde si můžete postupně upravovat jednotlivé položky, přičemž každá změna se okamžitě projeví v náhledu na pravé straně: Šablona vyberete, zda chcete mít vizitku na výšku či na šířku. Položky Vybíráte z několika položek možných k zobrazení (viz obrázek). V případě, že chcete přidat další položku, stisknete tlačítko Přidat objekt a dojde k zobrazení dalšího pole s roletkou. Pokud některou budete chtít naopak smazat, kliknete na odkaz odebrat vedle pole. Jakmile budete s nastavením spokojeni, kliknete na tlačítko Uložit. To vás vrátí zpátky ke stránce s HTML kódem, který si zkopírujete do schránky. Po zkopírování kódu se přesunete do systému Webnode a otevřete si stránku, ve které budete chtít vizitku zobrazit. Můžete ji vložit buď přímo do stránky (výběr z horní lišty Obsah-Ostatní-Html kód (Embed) > přetáhnutí na příslušné místo > zobrazení pole pro vložení kódu vizitky > vložení kódu vizitky > volba zarovnání > stisknutí OK), nebo do textového editoru (otevření příslušného místa > umístění kurzoru > kliknutí v liště na tlačítko Vložení HTML kódu > vložení zkopírovaného html kódu vizitky > stisknutí tlačítka Vložit). K případnému upravení vizitky v systému Facebook použijte stejný postup, jako při jejím vytváření. Stejně tak zde můžete vizitku smazat kliknutím na odkaz Smazat tuto vizitku. Pokud budete chtít vytvořit novou vizitku, kliknete na tlačítko v pravé horní části +Vytvořit novou vizitku a budete postupovat stejným způsobem jako při vytváření první vizitky. 123

124 8.14 Vložení a úprava vizitky mikroblogovacího systému Twitter Kód pro vložení vizitky mikroblogovacího systému Twitter vytvoříte ve svém účtu po přihlášení se do něj. Na adrese (je přístupná až po přihlášení) se vám otevře stránka s možnostmi výběru systému pro vložení: Zde vyberete poslední položku Other a stisknete v pravém dolním rohu tlačítko Continue >>. Po stisknutí tohoto tlačítka se vám otevře okno s výběrem, zda chcete mít vizitku ve flashové či html verzi: 124

125 Vyberete položku Html widget 2 a kliknete na tlačítko Continue >>. Po kliknutí na toto tlačítko se vám již otevře stránka s vygenerovaným html kódem a také s možností nastavení některých parametrů: V roletce Number of updates můžete zvolit, kolik vašich příspěvků na Twitteru bude ve vizitce zobrazeno (může jich být až 20). V políčku Title pak vyplníte název vaší vizitky, přednastaveno je zde Twitter Updates. Pokud název nechcete zobrazit, zaškrtnete čtvercové políčko No Title. Všechny změny se okamžitě projeví v náhledu (Preview) na pravé straně stránky. Pokud jste již s nastavením hotovi, můžete zkopírovat kód do schránky k následnému vložení do stránky v systému Webnode (výběr z horní lišty Obsah-Ostatní-Html kód (Embed) > přetáhnutí na příslušné místo > zobrazení pole pro vložení kódu vizitky > vložení kódu vizitky > volba zarovnání > stisknutí OK). Pokud budete chtít vizitku opravit, budete ji muset znovu vytvořit, stejným postupem. 2 Výběr flashové verze není vhodný. Zhoršovala by přístupnosti webu. 125

126 Vizitky Twitter a Facebook. Výsledný vzhled naleznete také na adrese

127 8.15 Vložení a změna tlačítek pro sociální záložkování Pro vkládání tlačítek sociálního záložkování do stránek je v systému Webnode přednastavena služba Addthis.com a je automaticky vkládána na konec každého příspěvku (článku). Vzhledem k tomu, že v práci bylo stanoveno, že by měly být aplikace pro komunikaci s uživatelem v češtině (pokud je to možné), nahradíte přednastavenou službu např. službou Přidat.eu. K nastavení služby sociálního záložkování v systému Webnode přejdete v horní liště v části Ostatní kliknutím na tlačítko Nastavení. Z menu, které se otevře přejdete přes položku Komunitní služby na položku Bookmark & Share. Kliknutím na tuto položku se vám otevře formulář s nastavením parametrů služby sociálního záložkování: Protože má dojít k změně služby, u položky Používat službu Addthis zvolíte možnost Ne. V položce Používat jinou službu pak zvolíte možnost Ano, pole HTML kód externí služby se aktivuje k editaci. Kód externí služby získáte na webových stránkách této služby. 127

128 Otevřete si tedy stránky služby Přidat.eu. Na jejich podstránce Tlačítko pro záložky se vám zobrazí stránka s výběrem vzhledu tlačítka: Kliknutím vyberete jeden ze vzhledů a stisknete tlačítko Vygenerovat kód tlačítka. Po stisknutí tohoto tlačítka je kód vygenerován: Vygenerovaný kód si zkopírujete do schránky a vrátíte se do systému Webnode, kde jej vložíte do pole položky HTML kód externí služby. Poté stisknete tlačítko OK a služba bude automaticky vložena do již publikovaných i všech budoucích příspěvků. Pokud budete chtít vložit tlačítka i do jiných stránek než s příspěvky, jednoduše tento kód přidáte přímo do stránky (výběrem z horní lišty Obsah-Ostatní-Html kód (Embed) > přetáhnutí na příslušné místo > zobrazení pole pro vložení kódu tlačítek > vložení kódu tlačítek > volba zarovnání > stisknutí OK) nebo do textového editoru (otevření příslušného místa > umístění kurzoru > kliknutí v liště na tlačítko Vložení HTML kódu > vložení zkopírovaného html kódu tlačítek > stisknutí tlačítka Vložit). 128

129 Tlačítka sociálního záložkování (Přidat.eu). Výsledný vzhled naleznete také na adrese

130 8.16 Vložení a úprava jednoduché ankety Anketu, která je integrována v systému Webnode, vložíte přetažením tlačítka Anketa v části Obsah v horní liště na vámi vybrané místo. Po přetáhnutí a uvolnění tlačítka myši se vám otevře formulář s nastavením ankety: Líbí se vám naše stránky? Ano Ne Vložíte otázku a možnosti odpovědí. V případě, že budete chtít více variant odpovědí, kliknete na tlačítko Přidat odpověď. Pokud budete chtít naopak některou odpověď smazat, použijete červený křížek vedle políčka s touto odpovědí. Po stisknutí tlačítka OK pak vložíte hotovou anketu do stránky. Anketa. Výsledný vzhled naleznete také na adrese 130

131 8.17 Vložení a úprava kalendáře pomocí služby Google Kalendář V této kapitole bude vysvětleno vytvoření kalendáře v systému Google kalendář společnosti Google. Jako příklad bude vytvořen kalendář pro stránku Kalendář akcí. Pro práci v Google kalendáři je také třeba vlastnit ovou schránku Gmail společnosti Google. Jste-li přihlášeni do vašeho gmailového účtu, můžete si otevřít Google kalendář na adrese 1. Otevře se vám vstupní stránka s kalendářem: Aby kalendář sloužil k účelu Kalendáře akcí, je třeba do něj nejdříve přidat události. To uděláte kliknutím na odkaz Vytvořit událost v levém horním rohu. Kliknutím na tento odkaz se vám otevře formulář pro přidání nové události: Výstava Terakotová armáda Dospělé oddělení Městské knihovny Dýně Dospělé oddělení naší knihovna se od poloviny července promění na výsostně čínské území. Jen na pár měsíců a samozřejmě s nadsázkou - bude tu totiž vystavena věrná replika slavné Terakotové armády! 1 V případě, že se vám zobrazí stránky opět v angličtině, postupujte stejně, jako při předchozí práci v Google dokumentech (klikněte na Settings (Nastavení), změňte jazyk (Language) na Česky a uložte). 131

132 V jednotlivých polích vyplníte údaje o události. Do pole Co zvolíte vhodný název, do pole Kdy zadáte datum, či data, pokud bude akce probíhat po určitou dobu. Zvolíte také čas události, případně pokud nebudete chtít uvádět konkrétní časy, zaškrtnete čtvercové políčko Celý den. Jestliže se událost nebude opakovat, ponecháte vybránu možnost Neopakuje se. V případě, že se bude opakovat, máte v roletce na výběr ještě možnosti Denně, Každý pracovní den (Po-Pá), Každé Po, St, Pá; Každé Út, Čt; Týdně, Měsíčně a Ročně. Do políčka Kde zadáte umístění průběhu akce, či jiné geografické vymezení. Pro roletku Kalendář ponecháte přednastavenou ovou adresu. Do pole Popis vložíte popis události. Poté nastavení uložíte stisknutím tlačítka Uložit v horní části formuláře a kliknutím na odkaz Zpět do kalendáře se vrátíte na hlavní stránku kalendáře. Tímto způsobem pak vložíte všechny potřebné události do kalendáře. Samozřejmě lze takto vkládat události i poté, co bude již kalendář vložen do stránky. V okamžiku, kdy již máte události vloženy, přejdete pro přizpůsobení kalendáře a vygenerování kódu přes roletku Moje kalendáře v levém ovládacím panelu na Nastavení kalendáře. Otevře se vám formulář pro vyplnění údajů o kalendáři, přičemž vás bude zajímat položka Začlenit tento kalendář uprostřed stránky: Kliknete na odkaz Přizpůsobení barvy, velikosti a dalších položek. 132

133 Po kliknutí na tento odkaz se vám do nového okna otevře stránka, kde v levém panelu můžete měnit parametry kalendáře: Nejdříve vyplníte Název kalendáře. Pak nastavíte, které z položek Titulek, Navigační lišta, Datum, Ikona tisku, Karty, Seznam kalendářů a Časové pásmo má být v kalendáři zobrazena či nikoliv. V položce Výchozí zobrazení zvolíte, zda má být kalendář zobrazován po týdnu (Týden), měsíci (Měsíc) či mají-li být jen vypsány dny pod sebou na řádku (Agenda). Poté nastavíte Šířku a Výšku kalendáře. Jakým dnem má začínat týden nastavíte výběrem v roletce a ponecháte nastavený výchozí Jazyk. Jako poslední lze nastavit položku Barvu pozadí kalendáře pomocí nabídnuté palety barev, která se otevře po kliknutí na bílý rámeček pod nápisem. Pokud budete chtít kalendáři přidat tenký šedý rámeček, zaškrtnete čtvercové políčko Ohraničení?. Jakmile budete s nastavením spokojeni, stisknete tlačítko Aktualizovat kód HTML a vygenerovaný kód si zkopírujete do schránky. Dříve, než vložíte zkopírovaný kód do stránky, je třeba ještě kalendář učinit veřejným. Okno s nastavením kalendáře zavřete a vrátíte se na původní stránku. Zde kliknete opět do levého ovládacího panelu pro rozbalení roletky. Stránka se automaticky vrátí na hlavní zobrazení kalendáře. V roletce vyberete možnost Sdílet tento kalendář. 133

134 Otevře se vám okno s formulářem pro povolení sdílení kalendáře: Zaškrtnete čtvercové políčko Učinit tento kalendář veřejným a uložíte pomocí tlačítka Uložit. Po následném potvrzení zveřejnění kalendáře se přesunete automaticky zpátky na hlavní zobrazení kalendáře. Teď již můžete vložit kalendář do stránky. Postup se bude opět opakovat jako u předchozích html kódů. Kód přidáte buď přímo do stránky (výběr z horní lišty Obsah-Ostatní-Html kód (Embed) > přetáhnutí na příslušné místo > zobrazení pole pro vložení kódu kalendáře > vložení kódu kalendáře > volba zarovnání > stisknutí OK), nebo do textového editoru (otevření příslušného místa > umístění kurzoru > kliknutí v liště na tlačítko Vložení HTML kódu > vložení zkopírovaného html kódu kalendáře > stisknutí tlačítka Vložit). Pokud budete chtít upravit vzhled a nastavení kalendáře, bude třeba jej vytvořit znovu, stejně jako vizitku Twitteru. Nové události lze, jak bylo již uvedeno výše, přidávat bez omezení. Kalendář byl již zobrazen v kapitole o Kalendáři akcí: Kalendář akcí (Google Kalendář). Výsledný vzhled naleznete také na adrese 134

135 8.18 Vložení a úprava fotogalerie Fotogalerii, jenž je integrována v systému Webnode, vložíte přetažením tlačítka Fotogalerie z části Obsah v horní liště na vámi vybrané místo. Po přetáhnutí a uvolnění tlačítka myši se vám otevře formulář s nastavením fotogalerie: Název fotogalerie systém navrhne sám podle toho, k čemu je fotogalerie vkládána. Samozřejmě jej lze změnit podle potřeby. Po stisknutí tlačítka OK pak dojde přímo k přesunu do budoucí správy fotografií a k zobrazení žádosti o nahrání fotografií (tlačítko Nahrát obrázky > tlačítko Procházet > výběr souborů > tlačítko Nahrát soubor(y) > konec nahrávání > tlačítko Zavřít). Po zavření se vám objeví nahrané snímky již ve správě fotografií, připravené k vložení do fotogalerie: Zaškrtnutím čtvercových políček u horního levého rohu snímků vyberete ty fotografie, které chcete vložit do galerie a stisknete tlačítko Zavřít. 135

136 Po stisknutí tlačítka se fotogalerie se vloží do stránky: Dříve než budete publikovat stránku s hotovou fotogalerií, můžete ještě nastavit její zobrazení stisknutím odkazu Nastavení: V tomto formuláři můžete změnit Název fotogalerie a nastavit počet zobrazovaných snímků na stránce. Také zde nastavíte, zda se má Zobrazit stránkování a počet snímků ve fotogalerii a zda zobrazovat jejich popisky. Poslední položkou je pak nastavení velikosti náhledu fotografie, jež se bude zobrazovat ve stránce. Po stisknutí tlačítka OK budou parametry nastaveny. 136

137 Fotogalerie. Výsledný vzhled naleznete také na adrese

138 8.19 Vložení a úprava audiozáznamu pomocí služby Yourlisten.com Pro vložení audiozáznamů do stránky je třeba využít externí službu. Pro tuto práci byla vybrána služba Yourlisten.com. Ve službě Yourlisten.com je třeba se nejdříve zaregistrovat. Po přihlášení do uživatelského účtu v Yourlisten.com lze přistoupíte hned k nahrání vytvořeného audiozáznamu kliknutím na oranžový odkaz upload your audio v horní liště stránky: Otevře se vám formulář pro nahrání audio souboru do systému: Pozvánka na autorské Audio pozvánka na autorské čtení Milana Kundery, které se uskuteční 16. července v čítárně Městské knihovny Dýně. 138

139 Zde postupně vyplníte jednotlivé položky: Title (Název) uvedete název vaší nahrávky. Description (Popis) stručně popíšete vaši nahrávku. File (Soubor) zde stisknutím tlačítka Vybrat vyberete (podobně, jak jste to dělali u fotografií) audiozáznam, který chcete zveřejnit. Tag (Tag) slouží k sociálnímu záložkování, není třeba jej vyplňovat. Channel (kanál, v tomto případě spíše kategorie) z následujících položek vyberete, do které z nich bude záznam spadat 1. V okamžiku označení jedné z kategorií dojde k zobrazení tlačítka Upload pro nahrání souboru. Kliknutím na toto tlačítko dojde k nahrání souboru a k jeho zobrazení v systému: Zde, pod textem embed player, kliknete myší do políčka a zkopírujete vygenerovaný kód do schránky. Přesunete se do systému Webnode a naleznete místo, kam chcete přehrávač s daným souborem vložit (otevření příslušného místa > umístění kurzoru > kliknutí v liště na tlačítko Vložení HTML kódu > vložení zkopírovaného html kódu přehrávače > stisknutí tlačítka Vložit). Nahrané soubory pak můžete spravovat v systému Yourlisten.com po kliknutí na odkaz profile (profil, v tomto případě spíše účet) v horní liště stránky napravo:. 1 V prostředí knihovny nejspíše využijete pouze položky Podcast (Podcast), Interview (rozhovor) a Audio Books (Audio knihy). 139

140 Po kliknutí na tento odkaz se vám otevřou možnosti správy konta v systému Yourlisten.com. Na všechny vložené audiozáznamy přejdete kliknutím na položku Manage My audio. Pod tímto odkazem se vám zobrazí přehledně seřazené audio nahrávky: Kliknutím na jednotlivé z nich zobrazíte jejich detail. K odstranění záznamu klikněte na červené tlačítko Remove Audio. 140

141 Vložený audiozáznam (Yourlisten.com). Výsledný vzhled naleznete také na adrese

142 8.20 Vložení a úprava videozáznamu pomocí služby Youtube.com Pro vložení videozáznamů do stránky je třeba využít externí službu. Pro tuto práci byla vybrána služba Youtube.com. Ve službě Yotube.com je třeba se nejdříve zaregistrovat, případně využít gmailového účtu. Po přihlášení do systému Youtube.com je možné ihned nahrát vytvořený videozáznam kliknutím na tlačítko Nahrát v levém horním rohu stránky. Po kliknutí na toto tlačítko se vám otevře stránka s pokyny k nahrání videosouboru: Kliknutím na tlačítko Procházet se vám otevře formulář pro vybrání souboru pro nahrání do systému Youtube.com. V okamžiku, kdy je soubor vybrán, aktivuje se tlačítko Nahrát video a kliknutím na něj dojde k spuštění operace nahrávání videa. Po nahrání záznamu vyplníte údaje o videu a nastavíte jej pro publikování: Dospělé oddělení naší knihovna se od poloviny července promění na výsostně čínské území. Jen na pár měsíců a samozřejmě s nadsázkou - bude tu totiž vystavena věrná replika slavné Terakotové armády! 142

143 Vyplníte zde: Název můžete zde změnit či rozšířit název. Popis vložíte krátký popis. Značky tagy, slouží k sociálnímu záložkování, nemusíte vyplňovat. Kategorie vyberete z roletky kategorii, do které video spadá. Ochrana osobních údajů stanovíte, zda si přejete, aby byl záznam sdílen se všemi nebo jen některými uživateli. Pravděpodobně vyberete první položku Sdílejte své video s celým světem (doporučeno). Po ukončení vyplňování těchto položek stisknete tlačítko Uložit změny. Nastavené změny se uloží a můžete přejít k vložení videa do stránky kliknutím na odkaz Možnosti vkládání a sdílení: Vložit: Kliknutím na tento odkaz otevřete již vygenerovaný kód videa, který naleznete pod textem Zkopírujete jej do schránky, přesunete se do systému Webnode a vložíte do stránky (výběr z horní lišty Obsah-Ostatní-Videa-Youtube > přetáhnutí na příslušné místo > zobrazení pole pro vložení kódu videa > vložení kódu videa > volba zarovnání > stisknutí OK). Pro správu jednotlivých videosouborů v systému Youtube pak kliknete v pravé horní liště na odkaz Účet. V zobrazeném okně účtu kliknete ve sloupečku Moje videa uprostřed stránky na odkaz Nahraná videa. 143

144 Zde pak můžete pomocí spodních tlačítek u každého videa nastavení měnit: 144

145 Vložený videozáznam (Youtube.com). Výsledný vzhled naleznete také na adrese

146 8.21 Vložení a úprava záložek pomocí záložkovací služby Delicious.com V této kapitole bude vysvětleno vytvoření stránky s odkazy pomocí záložkovací služby Delicious.com. Jako příklad bude vytvořena stránka Užitečné odkazy. Kód pro vložení záložek vygenerujete ve svém účtu po přihlášení se do něj. V liště v pravém horním rohu kliknete na odkaz Settings (Nastavení): Otevře se vám stránka s možnostmi nastavení služby, přičemž vás bude zajímat poslední blok nastavení Blogging (blogování): Kliknete na odkaz Tag Rolls. Po kliknutí na tento odkaz se vám otevře stránka Tagrolls s vygenerovaným html kódem a také s možností nastavení některých parametrů: 146

147 Zde nastavíte jednotlivé položky zobrazení (Display Options) generovaného obsahu, veškerá nastavení se přitom budou okamžitě zobrazovat v náhledu (Preview) na pravé straně stránky: Title (název) zvolíte název generovaných záložek ve stránce. Pole může zůstat prázdné. Icon (ikona, logo) ne/zaškrtnutím čtvercového pole nastavíte, zda se bude logo Delicious zobrazovat vedle názvu. Quantity (množství) číselnou hodnotou nastavíte, kolik bude možné maximálně zobrazit záznamů na straně. Font (písmo) v polích vedle textu Min a Max nastavíte nejmenší a největší velikost písma tagů v bodech (pt.). V dalších dvou polích pak zvolíte hexadecimálním kódem barvy, které budou písma mít. Sort (seřadit podle) nastavíte zda mají být tagy řazeny podle abecedy (Alphabetically) nebo podle počtu záložek (Count). Flow (proud, v tomto smyslu spíše řazení či zobrazení) nastavíte, zda mají být odkazy seskupeny v oblaku (Cloud) nebo seřazeny v seznamu (List). Show (ukázat) nastavíte, zda se budou vedle zobrazených tagů ukazovat počty jejich záložek (Tag counts), uživatelské jméno (Username) s textem I am přezdívka on Delicious (Jsem přezdívka na Delicious) a odkaz +Add me to your network (+Přidej si mě do své sítě). Jakmile jsou parametry nastaveny, zkopírujete zobrazený html kód do schránky a přesunete se do systému Webnode. Vložíte jej pak buď přímo do stránky (výběrem z horní lišty Obsah-Ostatní- Html kód (Embed) > přetáhnutí na příslušné místo > zobrazení pole pro vložení kódu záložek > vložení kódu záložek > volba zarovnání > stisknutí OK) nebo do textového editoru (otevření příslušného místa > umístění kurzoru > kliknutí v liště na tlačítko Vložení HTML kódu > vložení zkopírovaného html kódu záložek > stisknutí tlačítka Vložit). Pokud budete chtít upravit vzhled a nastavení vloženého obsahu, bude třeba jej vytvořit znovu. Správa obsahu bude pochopitelně fungovat bez omezení. 147

148 Užitečné odkazy (Delicious.com). Výsledný vzhled naleznete také na adrese

149 8.22 Vložení a úprava stránky s Nápovědou Struktura stránky s Nápovědou je založena na principu vkládání polí pro otázky a odpovědi. Novou stránku s možností vkládat Otázky a odpovědi vložíte podobně jako např. novou prázdnou stránku (lišta Objekty > kliknutí na tlačítko Nový > výběr položky Stránka). Otevře se vám formulář stejný jako při vkládání nové prázdné stránky. Vy ale místo položky Běžná stránka zvolíte Otázky a odpovědi. Také stejně jako u prázdné stránky je třeba vyplnit Název stránky a ponechat či vybrat Nadřazenou stránku. Poté kliknete na tlačítko Uložit. Následně bude nová webová stránka s možností vkládat Otázky a odpovědi vytvořena: Stránka je nyní připravena k vkládání otázek a odpovědí. Novou otázku s odpovědí vložíte kliknutím na odkaz Nová otázka v úpravové liště bloku: Kliknutím na tento odkaz se vám otevře formulář pro vložení nové otázky a odpovědi: Co je třeba k registraci do knihovny? Čtenářem knihovny se stává fyzická nebo právnická osoba vydáním čtenářského průkazu na základě vyplněné čtenářské přihlášky a doložením správnosti osobních údajů platným osobním dokladem (občanský průkaz) a doklady opravňujícími ke slevě (průkaz ZTP, ZTP-P, studenti denního studia předkládají doklad o studiu). Registrační poplatky - viz ceník. Otázku a odpověď vkládáte do připravených polí, odpověď lze editovat v textovém editoru. Vložené údaje uložíte kliknutím na tlačítko Uložit. 149

150 Po kliknutí na tlačítko Nastavení se vám otevře formulář s možnostmi nastavení parametrů bloku s Otázkami a odpověďmi: Název můžete zde změnit název Nápovědy. Zobrazit na stránce nastavíte, kolik příspěvků může maximálně být na jedné stránce s nápovědou. Zobrazit stránkování nastavíte, zda si přejete zobrazení počtu podstránek s příspěvky na dané stránce. Zobrazit počet nalezených otázek nastavíte, zda si přejete zobrazení celkového počtu všech vložených otázek. Po kliknutí na tlačítko OK dojde ke změnám parametrů a k návratu na blok s nápovědou. 150

151 Nápověda. Výsledný vzhled naleznete také na adrese

152 8.23 Úprava patičky webové stránky K administraci patičky přejdete stisknutím tlačítka Nastavení v horní liště v části Ostatní. Po kliknutí na něj se rozbalí menu, vyberete položku Patička webu. Po kliknutí na tuto položku se vám zobrazí formulář pro nastavení parametrů patičky prezentace: Obsah patičky bude zobrazován na každé stránce. Můžete vyplnit tyto položky: Text patičky lze sem vložit např. datum poslední aktualizace stránky, kontakt na administrátora webu, prohlášení o přístupnosti nebo také kontakt na knihovnu. Systémová patička v placené verzi tato položka odstraní odkaz s reklamou na systém Webnode a dává možnost případně vložit jinou reklamu. HTML kód v patičce umožňuje vložit jakýkoliv (vhodný) HTML kód. Může to být např. počítadlo návštěv. 152

153 8.24 Úprava stránky s hlášením chyby 404 Na editaci stránky s hlášením chyby 404 přejdete kliknutím na tlačítko Přejít v horní liště v části Objekty. Zde si rozbalíte položku Systémové stránky a kliknete na odkaz Stránka nenalezena. Po kliknutí na tento odkaz se vám otevře textový blok s hlášením chyby 404: Kliknutím na odkaz Upravit text stránku upravíte v textovém editoru a potvrdíte stisknutím tlačítka Uložit a zavřít. 153