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

PŘÍRUČKA Pokyny pro úpravy stránek na www.kct.cz http://www.kct.cz/cms/prirucka-pokyny-pro-upravu-stranek-na-wwwkctcz / 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.

  

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 www.kct.cz, 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 e-mailovou 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.   

Ú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.

Návod 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.

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ř. http://ckeditedit.com, http://navody.c4.cz/ckeditor) 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.

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

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:

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ů:    

e-mail – napíšete-li e-mailovou 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 www.seznam.cz – 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

.

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 250-350px (je-li to obrázek na šířku) nebo 150-200px, 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);

    

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ý, 603 538 168, [email protected], [email protected] Adresa: 537 01 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.