PŘÍRUČKA Pokyny pro úpravy stránek na

Transkript

1 PŘÍRUČKA Pokyny pro úpravy stránek na / 30. dubna 2014 Stručné resumé Protože lidé nechtějí číst návody, uvádím velmi stručný návod jak na to. Vysvětlení činností najdete dále v textu. Přihlásit se (nabídka Redakce ) Úprava stávajícího obsahu: Zobrazit nějaký obsah (nabídka Najít obsah nebo klasicky přes menu), kliknou na upravit, upravovat, na závěr nezapomenout na Uložit. Vytvořit nový obsah: Kliknout na Přidat obsah, zvolit správný typ obsahu, vyplnit kolonky, napsat text, na závěr nezapomenout na Uložit. Odhlásit se (nabídka Odhlásit ) V pravém sloupci je pod hlavními menu ještě jedno Pro redaktory. Zde pod nabídkou Blog administrátora zveřejňuji různé informace, pomůcky a návody. Je tu i tento text.. Redakční systém Stránky klubu českých turistů jsou spravovány tzv. redakčním systémem. Funguje to tak, že na web se neumisťují přímo texty a obrázky (o které se pak musí někdo starat), je tam tzv. redakční systém, který se spoustu věcí stará sám a lépe než člověk. Veškerý obsah pro web se vlastně podstrkává redakčnímu systému a ten ví, co s ním udělat. Takto dnes funguje valná většina webů. Používáme redakční systém Drupal ve verzi 7. Je to bezplatná verze spravovaná komunitou uživatelů, bohužel má semtam nějaké mouchy a občas nejsou v redaktorském rozhraní ani všechny texty přeložené do češtiny. Vše se však zlepšuje. Pro redaktora webu nemá význam, aby si pořizoval nějakou příručku. Nikdy nebude administrovat redakční systém a příručky pojednávají o tom, jak Drupal nastavit a doprogramovat. Pro redaktora je určena tato stručná příručka a případně školení, které mohu uspořádat. Prohlížeč Administraci webu je možno dělat v jakémkoliv prohlížeči s přístupem na Internet, testoval jsem to na ve většině prohlížečů na PC. Na tabletech bude asi trochu problém, na smartphonech administrovat skoro nic nejde. Přestože Drupal běží bez problému ve všech prohlížečích, s úpravy textů má (již tradičně) problém Microsoft Internet Explorer (MSIE). Pro redaktorskou práci je třeba použít Mozilla-Firefox nebo Google-Chrome. Poznámka: Jako velkou nouzovku a s jistými omezeními jsem administraci dělal i na tabletech s Androidem a v USA i na mobilním telefonu Nokia se Symbianem, ovšem je dobré tam mít nainstalovanou poslední verzi Opery. Chyby opravíte, na vytvoření článku asi nebudete mít dobré nervy. Uživatelé webu - kategorie Běžný návštěvník stránek (kdokoliv) je anonymní uživatel, může si stránky jen číst. Redaktor (vybrané osoby zodpovědné za obsah webu) je privilegovaný uživatel, který může dělat na webových stránkách změny. Redaktorských kategorií je více, každé jsou přidělena jiná oprávnění (možnosti úprav novinek, jednotlivých oblastí nebo sekcí a rad). Oprávnění jsou poměrně nevelká, aby se toho i neopatrným a laickým přístupem nedalo moc pokazit. Seznam redaktorů bude k dispozici časem.

2 Administrátor (Michael Stanovský) je superprivilegovaný uživatel, který může dělat s redakčním systémem cokoliv. Například jej zbojeneschopnit nebo zase opravit. Záleží na jeho mentálním rozpoložení. Webmaster (Michael Stanovský) je člověk, který má hodně neomezený přístup ke všem internetovým serverům, databázím a zajišťuje jejich chod. Webové stránky s redakční systémem Drupal jsou jen jednou z aplikací, o které se stará. Poskytovatel je firma TLAP s.r.o. se sídlem v Bělči, která nám zařizuje, aby všechny servery existovaly a fungovaly. Stará se o jejich hardware a software. Základní princip redaktorské práce Pokud procházíte web můžete všechny stránky jen číst. V případě, že se přihlásíte, objeví se vám při procházení webem nad textem, ke kterému máte redaktorský přístup, další nabídka důležité je tlačítko Upravit. Tím přejdete do režimu editace textu stránky. V editačním režimu se vám základní okno prohlížeče překryje administrátorským rozhraní, které je poněkud spartánské. Objevují se tu nějaká políčka (například název článku či stránky) a velké editační pole (okno) s vlastním textem. V tomto okně je nastartovaný editor (takový miniaturní Word), můžete tu text upravovat poněkud chytřeji, než ve starém webu. Možnosti formátování jsou značně střídmější než ve Wordu a celá řada věcí není povolena z několika důvodů bezpečnosti, jednotnosti vizáže celého webu, jednoduchosti použití atd. Prostě jde o to, aby se používaly co nejjednodušší úpravy textu, žádné veliké zkrášlování, v jednoduchosti je síla. Při návrhu webu byla zvolena nějaká vizáž a strategie, teď jde o to, aby se to dodržovalo všude. Redakční systém se stará o to, abyste na něco nezapomněli a něco nepovoleného nepoužívali. Například když napíšete webovou nebo ovou adresu, automaticky se tam doplní odkazy. Když vložíte přes schránku text z Wordu, vyhází se z toho většina nadbytečných a nehezkých formátování. Takže se může stát, že v okně editoru bude vizáž trochu jiná, než později na webu. To nemůžete ovlivnit, ale můžete mne kontaktovat, abych s tím něco udělal. Pro obrázky typu JPG a PNG, které vložíte na stránky, se automaticky aktivuje systém LightBox pokud je obrázek odeslaný na web větší, než zobrazený, po kliknutí na něj obrazovka ztmavne a uprostřed se zobrazí velký obrázek. To asi znáte, používá se to dnes na polovičce všech webů. Obsah webu kategorie obsahu V hlavním okně se objevují informace (články) v podstatě pěti kategorií. To jsem si nevymyslel já, ale vyplývá to tak z podstaty redakčního systému. Snažil jsem se to co nejvíce zjednodušit, takže až na výjimky redaktor přijde do styku jen s články patřící do jeho oblasti (rady, sekce, ústředí) Článek existují rubriky a v nich se články řadí podle data vydání. Na webu KČT máme rubriku např. AKTUALITY, ZPRÁVY KČT, AKTUALITY Z OBLASTI... Články mohou redaktoři také měnit nebo i vytvářet, každý ale může editovat jen to, k čemu má oprávnění typicky ústředí, jednotlivé oblasti, jednotlivé sekce nebo další skupiny podle potřeby. Další typy obsahu, se kterými redaktor prakticky nepřijde do styku, stará se o to administrátor. Takže se jimi nebudeme zabývat. Návod Úvodní stránka rubriky zde je přehled všech článků, které do rubriky patří. To se vytváří automaticky, ovlivnit to moc nelze. Úvodní stránka celého webu je zde přehled nejdůležitějších novinek + další informace. Servisní informace různá menu, výsledky vyhledávání, reklamní bloky aj. Statická stránka nadále používá jen administrátor pro specifický obsah. Nejprve se musíte přihlásit. Na obrazovce vpravo nahoře (hlavní vodorovné menu) je nápis Redakce. Po kliknutí se zobrazí políčka pro zápis přihlašovacího jména (většinou vaše příjmení, na velikosti písma nezáleží) a hesla (záleží i na malých/velkých písmenkách). Pak stačí stisknout Enter na klávesnici.

3 Další obrazovka má jako nadpis vaše přihlašovací jméno. Někdy se na ní zobrazí i nějaká chyba v červeném rámečku, tu můžete ignorovat. Tlačítko FileBrowser snad ani nepoužívejte, jde o prohlížeč souborů, ale ten budete používat jinde a inteligentněji. Lépe je jej volat přes nabídku Files v horním šedočerném menu. Tlačítko Upravit vám umožní změnit si heslo. Doporučuji! V žádném případě neodškrtávejte políčko Použijte překryv pro stránky administrace. Úprava stávajícího článku Nyní již můžete naleznout článek či stránku, kterou chcete upravit. Buď jej nalistujete přes menu v pravém sloupci (po zobrazení klikněte na tlačítko Upravit ), nebo jej najdete přes nabídku Najít obsah v horním šedočerném menu. Oprávnění pro redaktory oblastí, rad či sekcí jsou vždy pro jejich hlavní stránku (je v menu) pro články z příslušné oblasti (rady či sekce). Oprávnění pro redaktory ústředí jsou do rubrik Aktuality, Zprávy KČT, Lesy ČR a Bleskovky. O zbytek se stará administrátor. Vytvoření nového článku V horním šedočerném menu klikněte na text Přidat obsah, zobrazí se vám nabídka na přidání obsahu (typ nového článku). Zde bedlivě vybírejte, co chcete vytvořit. Podle typu vybraného obsahu to bude automaticky zařazeno. Většinou ale máte na výběr jen jeden typ podle toho, kam patříte. Vyplnění políček pro článek TITLE nadpis článku, povinné RUBRIKA zde vyberte rubriku, do které článek patří (dá se to později změnit) UPRAVIT SOUHRN zde napište krátkou anotaci článku, která se bude zobrazovat na stránce se seznamem článků. Jinak se tam dá začátek článku a bude to blbě vypadat. BODY vlastní text článku (viz dále) FORMÁT TEXTU nepříliš podstatné, přepíná mezi typem formátovaného zobrazení na webu a kódem HTML. Klidně si to vyzkoušejte, ale nevíte-li, k čemu je to dobré, nepožívejte. ULOŽIT na závěr nezapomeňte článek uložit!!! V budoucnu se tu objeví ještě další možnosti, například odložit zveřejnění článku, používat revize článku (různé verze s možností návratu k předchozí aj.) Používání editoru Editor instalovaný v našem redakčním systému se jmenuje CKEDITOR a dají se o něm najít informace na mnoha místech na webu (např. Vložení textu Text můžete napsat nebo vložit již napsaný odjinud (například z Wordu). Nejčastěji se vkládá text předem připravený ve Wordu nebo text z mailu. Můžete to udělat přes schránku (Ctrl+C / Ctrl+V), vložit je to lepší pomocí ikonky do bezpečného tvaru., veškeré formátování bude zachováno, resp. upraveno Někdy se stává, že wordovský text má nějaké komplikované formátování. Word je v tom hroznej, stačí někde omylem něco myší posunout či změnit a hned to dát zpátky, Word ale třeba umístí odstavec o setinu milimetru vedle, ale přidá skrytě do dokumentu deset řádek formátovacích příkazů. Toho si opticky nikdo nemá šanci všimnout, nicméně takovýto text se většinou naimportuje špatně. V tom případě věnujte pozornost následujícímu odstavci.

4 Vložíte-li vkládaný text přes ikonku, veškeré formátování bude odstraněno a zbyde jen holý text. Někdy je to nejlepší způsob, formátování se pak musí udělat přímo v editačním okně na webu, což je sice trochu pracnější, ale vyhnete se všelijakým podivným a neočekávaným výsledkům. S vkládáním textů z Wordu nemám dobré zkušenosti. Viz kurzíva výše. Osobně to nikdy nedělán, vkládám text bez formátování a to vytvořím v CKEditoru nové. Sice to chvíli déle trvá, ale lépe to vypadá. Navíc, čím méně různých úprav vytvoříte, tím je text hezčí. Ve vkládaném formátovaném textu (ani ve Wordu) by neměly být obrázky, ty se na web dávají jinak!!! Odstavec Pozor na to, co je odstavec a co ne. Pokračování na dalším řádku nemusí být nutně odstavec. Mezi odstavci je malá mezera. Mezi odstavci nedělejte prázdný řádek!!! Porušíte tak jednotný vzhled celého webu. Kousek volného místa se mezi odstavci vynechává automaticky. Stisknutí klávesy Enter způsobí ukončení odstavce a přechod na nový. Stisk Shift+Enter je vynucený přechod na nový řádek. Stále jsme ve stejném odstavci, malá mezera tu chybí. Pokud to jde, nepoužívejte to, vytvářejte vždy nový odstavec, je to přehlednější. Formátování textu Standardní ikonky pro formátování znáte z Wordu. Zleva znamenají tučné písmo, kurzívu, podtrženo, přeškrtnuto, dolní index, horní index, číslovaný seznam, opuntíkovaný seznam, odsazení doleva, odsazení doprava, zarovnání nalevo, na střed, doprava, do bloku. Poslední ikonka odstraní formátování ve vybraném bloku. umístí text do speciálního rámečku s uvozovkami (vyzkoušejte!) Formátování odstavce Normální text a tři úrovně nadpisů. Nadpisy jsou různě barevné (červená, modrá zelená). NEPOUŽÍVEJTE FORMÁT NADPIS PRO NIC JINÉHO, NEŽ NADPIS. Pro výrazný text v záhlaví se používá normálný text tučný. Styl

5 Používá se pro ostylování obrázku. Normálně je obrázek umístěn v hranatém rámečku, bez stínu a po kliknutí na něj se nic neděje. Dáte-li obrázek včetně popisku do samostatného odstavce a dáte-li tomuto odstavci styl obrázek-vpravo nebo obrázek-vlevo, bude odsunut na příslušný okraj sloupce, bude orámován, zakulatí se mu rohy a zařídí se, aby se po kliknutí na něj zvětšil (pokud to jde). Případný text bude obrázek obtékat. Styl obrazek-normal je něco podobného, ale obrázek zůstane na svém místě (bez obtékání). Použíje se tehdy, chcete-li mít nějaký blok z více obrázků. Příklady: bez ostylování obrázek je v samostatném odstavci, popisek je oddělen zalomením řádku (Ctrl+Enter): s ostylováním obrazek-vpravo ideální případ po kliknutí na obrázek se tento automaticky zvětší, aniž musíte cokoliv nastavovat:

6 bez ostylování zrovnání vpravo obrázku redaktor přidělil vlastnost zarovnání vpravo, často používaný případ, používaný většinou z neznalosti možnosti přiřadit styl. Nedoporučujeme, není zde ani možnost zadat popisek obrázku, po klinutí naobrázek se standardně nic nestane. Vkládání vloží se vodorovné oddělení puntíkovaná čára. vkládání speciálních znaků tabulka v pomocném okně vyplňte, jak má tabulka vypadat. Vytvoří se prázdná tabulka, vyplňte v ní jednotlivá políčka. Tabulka se zobrazuje vždy s tečkovaným ohraničením. Úpravy tabulky se dělají tak, že nastavíte kurzor na část tabulky, kterou chcete změnit (třeba buňku) a kliknete pravým myšítkem, tam jsou další možnosti. Pozor, smazat tabulku znamená kompletní smazání včetně obsahu, nikoliv jen odstranění ohraničení a převedení textu na normální odstavce. Odkazy tím vložíte do stránky tzv. záložku, někdy se jí říká kotva. Používá se to pro odskok někam dál na stránce, když je dlouhá. vložení odkazu na jinou stránku máme 4 typy odkazů: napíšete-li ovou adresu, automaticky se vygeneruje odkaz pro vytvoření mailu, můžete tu i předvyplnit předmět a text zprávy. kotva v této stránce odskok na záložku definovanou na této stránce (ikona vlajka) vnitřní odkaz pro odskoky do našeho webu do políčka odkaz napíšete například kontakt (nezáleží na háčcích a čárkách) a za pár vteřin se vám nabídne výběr všech stránek, kde se tento řetězec znaků vyskytuje v nadpisu. URL klasický odkaz někam jinam, například v tomto případě prosím nastavte ještě cíl prostřední záložka na nové okno. Po kliknutí se pak otevře nové okno nebo záložka prohlížeče a cizí web se otevře v něm. Většinou to tak všude používám, tak ať je celý web jednotný. Kliknete-li na modrý nápis vybrat na serveru, přejdete do prohlížeče souborů (viz výše Soubory ). Nastavíte tak přechod na nějaký váš soubor, který jste si do složek uložili. Typicky tu máte dokument v PDF a chcete, aby se zobrazil po kliknutí na odkaz. Odstranění odkazu podobná ikonka hned vpravo vedle.

7 Soubory Každý uživatel má k dispozici své složky, kam může ukládat soubory, dokumenty, obrázky, časem snad i videa. Tyto soubory slouží k vkládání na stránky. Každý zde má svoji složku nazvanou například user123 pro větší přehlednost je ve výpisu doplněna jménem uživatele. Po kliknutí na nabídku Files v horním černošedém menu se zobrazí stránka s vaším systémem souborů. Vypadá to dost podobně jako Průzkumník ve Windows. Funkce, jako vytvoření či rušení složky, mazání souborů apod. se dělají přes nabídku v horním menu. Je zde možno i měnit rozměry obrázků nebo provádět jejich ořez, osobně však preferuji možnost přípravy obrázku v nějakém grafickém editoru na počítači a na web přenášet až finální produkt. Všechny dokumenty a obrázky je vhodné do složek nahrát předem, udělejte to přes nabídku upload/nahrát. Nabídku Vytvořit náhledy obrázků ignorujte, naše verze Drupalu to řeší jinak a lépe (podle potřeby dynamicky až při zobrazování). Poznámka: Administrátor má složku označenou jako user1 naleznete tu celou řadu obrázků a grafik (třeba loga) vhodných pro použití na celém webu ( ve složce user1/foto) Obrázky Obrázky doporučuji do textu vkládat až na závěr. Obrázky musíte nejdříve nahrát do nějaké složky (viz výše Soubory ), vkládejte je na web v rozlišení cca 800px na šířku nebo 700px na výšku. Větší, než 1024x768 px, nemá význam, dlouho to trvá a stejně se větší zobrazovat nebudou. A zbytečně to prodlužuje zobrazování stránky běžným návštěvníkům Po kliknutí na ikonku Obrázek klikněte ještě na modrý nápis vybrat na serveru, přejdete do prohlížeče souborů. Tady si vyberte obrázek, který chcete vložit (pokud jej ještě nemáte do nějaké složky uložený, udělejte to přes nabídku upload/nahrát ). Na obrázek poťukejte, nebo klikněte na nabídku Insert file. V okně vlastnosti obrázku napište alternativní text (o co na obrázku jde, autor) a zadejte šířku. Doporučuji obrázky zobrazovat v šířce px (je-li to obrázek na šířku) nebo px, je-li na výšku. Že máte obrázky ve složce větší, než je zobrazíte, vůbec nevadí. Nebudou se přenášet v uložené velikosti (to by trvalo dlouho), ale systém je nejdříve automaticky zmenší. Do políčka okraje napište nulu, pokud jde o nějaké logo nebo obrázek, u kterého by vadilo, že se automaticky orámuje. Pokud jde o nějaké logo, nebo grafiku, můžete ještě zvolit zarovnání vlevo nebo vpravo. V tom případě zadejte i horizontální (H-mezera) a vertikální odsazení (V-mezera) od textu nejlépe hodnotu 10. Obrázek, který ilustruje např. událost, o které článek informuje, byste měli ostylovat: Když máte obrázek vložený, zařiďte, aby byl v samostatném odstavci. Můžete jej doplnit popiskem, ten napište na další řádek, ale dejte pozor, aby to spolu tvořilo jeden odstavec (přechod na další řádek pomocí Shift+Enter). Na odstavec ukažte kurzorem a v nabídce styl vyberte zarovnání nalevo či napravo. Odstavec s obrázkem se přeformátuje a dá i s popiskem na stranu; zbytek textu jej bude obtékat. Pokud se toho formátování chcete zbavit, vyberte celý blok myší a klikněte na ikonu odstranit formátování. viz o dvě stránky výše, odstavec pojednávající o stylech. Přílohy obecné soubory Podobně jako obrázky se vkládají i přílohy ve tvaru PDF (doporučuji preferovat!!!), Wordu (DOC), Excelu (XLS) apod. Příklad, jak vložit přílohu do textu a umístit odkaz na ní: přikládaný soubor je vhodné nejprve umístít do vaší složky na webu (viz předchozí odstavec soubory ; neudáláte-li to předem, můžete to napravit teď; napište nějaký text, který bude aktivní (po kliknutí na něj se zobrazí přiložený soubor); tento text zvýrazněte myší (bude mít tmavý podklad);

8 kliknutím na ikonku vložit/změnit odkaz se zobrazí okno Odkaz ; klikněte na modrý nápis vybrat na serveru ; otevře se vám okno se prohlížečem vašich souborů (viz výše Soubory ); vyhledejte požadovaný soubor; pokud soubor ještě nemáte na web nahraný, udělejte to přes nabídku Upload/nahrát ; možnost vytváření náhledů obrýázků ignorujte; na požadovaný soubor klikněte (nebo použijte v nabídce Insert file ) a vrátíte se do okna Odkaz ; vyberte záložku Cíl, v kolonce cíl vyberte nové okno (_blank) stiskněte zelené tlačítko OK Nyní byste měli v textu mít podtržený text, když na něj najedete myší, tak zoranžoví, když na něj kliknete, tak se v novém okně zobrazí příloha (nebo se vás počítač zeptá, zda jej chcete zobrazit, spustit nebo uložit různé verze windows a prohlížečů se chovají různě, záleží také na jejich nastavení). Pokud máte takto označený celý řádek (odstavec) je optických důvodů dobré mu dát puntík jako odrážku. Umístěte nad něj kurzor a klikněte na ikonu odrážky. Ukončení práce Na závěr své redaktorské práce se odhlaste. Je na to odkaz vpravo nahoře. Jinak zůstanete přihlášeni, i když počítač bude vypnutý, to není dobré!!! Pokud jste přihlášení, je celý systém trochu pomalejší, to je způsobeno vypnutím vnitřního akcelerátoru. Veškeré změny, které provedete, se nemusí začít zobrazovat nepřihlášeným návštěvníkům hned (většinou však ano), nejpozději do hodiny se to však spraví. Konzultace, rady a dotazy Kontakt: Michael Stanovský, , webmaster@kct.cz, stanovsky@kct.cz Adresa: Dřenice 51 Na ústředí KČT se běžně nevyskytuji, momentálně bydlím v malé vesničce u Pardubic, pracuji většinou v Pardubicích, do Prahy jezdím několikrát měsíčně. Na osobním setkání se můžeme domluvit v Pardubicích, v Praze, případně i jinde.