FFUK Uživatelský manuál správy obsahu Obsah

FFUK | Uživatelský manuál správy obsahu

Obsah FFUK | Uživatelský manuál správy obsahu ......................................................................................... 1 1. Úvod........................................................................................................................................ 2 2. Jak se přihlásit k uživatelskému účtu?................................................................................... 2 3. Úvodní stránka administrace obsahu .................................................................................... 5 4. Obsah a jeho typy ................................................................................................................... 5 5. Časově vázané zprávy ............................................................................................................ 7 8. Články na úvodní stránce ....................................................................................................... 9 9. Jak (správně) vložit a zformátovat obsah .............................................................................12 10. Obecná doporučení tvorby obsahu? ....................................................................................18 11. Kdy kontaktovat Administrátora webu? ..............................................................................19

1. Úvod 1.1. Redakční systém Drupal Drupal je populární systém pro správu obsahu (Content Management System - CMS). Umožňuje tvorbu internetových časopisů, blogů, internetových obchodů a jiných komplexních systémů. Je naprogramován v jazyce PHP. Systém Drupal byl také využit pro vybudování aplikace správy šablon webu ústavu.

2. Jak se přihlásit k uživatelskému účtu? Pro zahájení správy obsahu je nutné se nejprve přihlásit k uživatelskému účtu. Formulář přihlášení k účtu zobrazíte po kliknutí na odkaz Přihlásit v pravém horním rohu okna webu, pod vyhledávacím políčkem (viz obrázek 1). Obrázek 1 – Přihlášení k účtu (odkaz Přihlásit)

Po kliknutí na odkaz Přihlásit bude zobrazen formulář (viz obrázek 2)

Obrázek 2 – Přihlášení k účtu (formulář Přihlášení)

Vyplňte přihlašovací údaje (uživatelské jméno a heslo) a klikněte na tlačítko Přihlásit se (pod formulářem). Pokud přihlášení proběhlo v pořádku, bude zobrazena strana s detaily uživatelského účtu (viz obrázek 3).

Obrázek 3 – Přihlášení k účtu (úvodní stránka po přihlášení)

Pokud zatím nemáte uživatelský účet, obraťte se na správce webu, případně LVT.

3. Úvodní stránka administrace obsahu Po úspěšném přihlášení do administrace systém zobrazí nové (bez přihlášení skryté) navigační prvky. • •

1. Hlavní kategorie administrace určené pouze pro Webmastera (viz obrázek 4) 2. Levý box s navigací pro Redaktora (viz obrázek 4) ◦ Glossary ◦ Můj účet ◦ Vytvořit obsah ▪ Aktualita ▪ Album ▪ FAQ ▪ Obrázek ▪ Oznámení a akce ▪ Stránka ▪ Studijní sdělení ▪ Článek ▪ Článek na titulní stránku ◦ Často kladené dotazy ◦ Agregátor zdrojů ◦ Administrace ◦ Odhlásit

Obrázek 4 – Úvodní stránka Administrace

4. Obsah a jeho typy 4.1. Textový obsah Pro potřeby formátování textového obsahu aplikace disponuje následujícím seznamem pravidel,

tzv. stylů (předdefinovaných velikostí a barevností písem). Redaktor by se vždy měl snažit obsah do strany vložit a zformátovat pomocí těchto stylů, a to z důvodu jednotnosti a přehlednosti prezentovaných informací. Jako výchozí písmo rodiny webů FFUK bylo vybráno písmo Georgia, které doporučuje i logomanuál značky FFUK. 4.1.1. Nadpisy (headings) •

Heading 1 | velikost písma 30 px

•

Heading 2 | velikost písma 24 px

•

Heading 3 | velikost písma 20 px

•

Heading 4 | velikost písma 17 px

•

Heading 5 | velikost písma 16 px

•

Heading 6 | velikost písma 15 px

4.1.2. Odstavce

•

Paragraph | velikost písma 14 px

4.1.3. Seznamy

•

List | velikost písma 14 px, automatické odsazení zleva a doplnění grafických odrážek

4.2. Tabulky Stejně jako pro text, jsou definované styly pro prezentaci tabulek, konkrétně jsou definovány tato pravidla: •

Velikost textu v tabulce (hlavička i obsah)

•

Barevnost pozadí tabulky (hlavička i obsah)

•

Výška řádku a odsazení uvnitř i vně buňky

4.3. Fotogalerie Styly jsou předem určené i pro rozmístění Alb a fotek uvnitř jich: •

Odsazení zdola a shora

•

Velikost náhledového obrázků (náhledy si systém generuje automatizovaně)

•

Chování a vzhled modálního okna s detailem fotografie

5. Časově vázané zprávy Jedná se o krátké zprávy, které mají definovaný datum platnosti. Jsou to (Studijní sdělení, Oznámení a akce, Aktuality )

5.1. Jak přidat Zprávu? V menu administrace Redaktor, v levém sloupci (viz obrázek 4), klikněte na položku Vytvořit obsah a následně na odkaz Studijní Sdělení, Oznámení a Akce nebo Aktuality. V obsahové části webu se zobrazí formulář (viz obrázek 5). Obrázek 5 – Formulář pro vložení zprávy

Ve formuláři vyplňte Nadpis, Datum platnosti a jazykovou mutaci do které ji přidáváte, samotný obsah a nakonec klikněte na tlačítko Náhled, které vám pomůže ověřit, zda byla novinky vložena správně. Jakmile je editace a kontrola ukončena, klikněte na tlačítko Uložit. Více k formátování konkrétních typů obsahu najdete v kapitole #2.9.9. Jak (správně) vložit a zformátovat obsah.

5.2. Kde se na webu zobrazí? Nejstarší, ale stále aktuální sdělení nebo oznámení se po uložení zobrazí na úvodní stránce webu ústavu. Pět nejaktuálnějsí aktualit se po uložení zobrazí na úvodní stránce webu ústavu. Viz obrázek 6. Po kliknutí na nadpis bloku je možné přejít do archivu pro jednotlivé zprávy(Studijní sdělení, Oznámení a akce, Aktuality)

Obrázek 6 – Zobrazení Aktualit

8. Články na úvodní stránce 8.1. Jak přidat článek? V menu administrace Redaktor, v levém sloupci (viz obrázek 9), klikněte na položku Vytvořit obsah a následně na odkaz Článek. V obsahové části webu se zobrazí formulář (viz obrázek 7). Obrázek 7 – Formulář pro vložení článku

Ve formuláři vyplňte Nadpis článku, do které ho přidáváte, samotný obsah a nakonec klikněte na tlačítko Náhled, které vám pomůže ověřit, zda byla novinky vložena správně. Jakmile je editace a kontrola ukončena, klikněte na tlačítko Uložit. Více k formátování konkrétních typů obsahu najdete v kapitole Jak (správně) vložit a zformátovat obsah.

8.2. Jak přidat hlavní článek na titulní stranu? V menu administrace Redaktor, v levém sloupci (viz obrázek 9), klikněte na položku Vytvořit obsah a následně na odkaz Článek na titulní stranu. V obsahové části webu se zobrazí formulář (viz obrázek 8). Obrázek 8 – Formulář pro vložení článku

Ve formuláři vyplňte Nadpis článku, do které ho přidáváte, samotný obsah a nakonec klikněte na tlačítko Náhled, které vám pomůže ověřit, zda byla novinky vložena správně. Jakmile je editace a kontrola ukončena, klikněte na tlačítko Uložit. Více k formátování konkrétních typů obsahu najdete v kapitole Jak (správně) vložit a zformátovat obsah.

8.3. Kde se na webu zobrazí? Nejaktuálnější články se po uložení zobrazí na úvodní stránce webu ústavu. Viz obrázek 9. •

Články se na úvodní straně zobrazují dva nejaktuálnější

•

Hlavní článek je pouze jeden, je odlišen bílým pozadím a řadí se vždy jako první pod boxy Novinky + Oznámení a akce

Obrázek 9 – Ukázka zobrazení článků na úvodní straně

9. Jak (správně) vložit a zformátovat obsah Po vložení nebo vepsání požadovaného textu je třeba obsah zformátovat pomocí přednastavených stylů, které napomohou udržení jednotnému vzhledu v rámci celého webu. K uživatelsky pohodlnému formátování systém využívá Wysiwyg editor, jehož vlastnosti lze přirovnat k velmi zjednodušené verzi aplikace MS Word.

9.1. Nadpisy, texty a odkazy Text označte pomocí myši, vyberte styl (nadpis, odstavec nebo kurzíva) a editor ihned zobrazí výsledek (viz obrázek 10). Stejných způsobem zformátujete i ostatní obsah strany. Pro vložení odkazu nejprve označte text, který se má stát odkazem. Následně klikněte na tlačítko Insert/edit link (viz obrázek 10), které zobrazí nové okno s formulářem editace (viz obrázek 13). Vložte odkaz, vyberte způsob jeho otevření (target), případně titulek (zobrazí se po najetí kurzoru myši na odkaz) a klikněte na tlačítko Insert. Pro odstraní odkazu prostudujte stejně, jen po označení textu použijte tlačítko Unlink. Upozornění: po dokončení jakékoli editace nezapomeňte úpravy Uložit! Obrázek 10 – Wysiwyg editor (ukázka formátování obsahu)

Obrázek 13 – Wysiwyg editor (vložení/odstranění odkazu)

9.2. Tabulky V panelu nástrojů Wysiwyg editoru najdete tlačítko Insert a new table. Po klinutí se robrazí nové okno, ve kterém zadejte počet řádků a sloupců tabulky, zvolte způsob zarovnání obsahu uvnitř buněk (Alignment) a klikněte na tlačítko Insert. Textový obsah tabulky upravíte (doplníte) přímo v editoru. Tabulka může být součástí jakékoli obsahové strany, která využívá Wysiwyg editor, tj: •

Aktualita

•

FAQ

•

Novinka

•

Oznámení a akce

•

Článek

•

Článek na titulní stránku

Upozornění: po dokončení jakékoli editace nezapomeňte úpravy Uložit! Obrázek 11 – Wysiwyg editor (vložení a editace parametrů tabulky)

9.3. Album, fotogalerie a přidání fotky V systému Drupal se jednotlivé fotografie nahrávají do alb, které se pak uživatelům webu zobrazují v (administrátorem vytvořené) sekci Galerie. Alb může být vytvořeno libovolné množství (stejně jako fotek v nich) a alba lze vytvářet a strukturovat podobně jako adresáře na disku počítače. Ať už se rozhodnete pro jakoukoli strukturu pamatujte, že vždy je třeba nejprve vytvořit Album a následně (po vytvoření) do něj nahrát fotografie. Pro potřeby tohoto manuálu si vystačíme se základní strukturou, tedy na straně Galerie je seznam Alb s pojmenováním a uvnitř alb jsou fotografie.

Jak vytvořit album? V menu Redaktor (v levém sloupci webu), klikněte na položku Vytvořit obsah, následně na položku Album a zobrazí se formulář z obrázku 15. Albu vyplňte Nadpis (název), zvolte nadřazený adresář (nejvyšší úroveň = zobrazí se na straně Galerie) umístění alba, můžete doplnit textový popisek a klikněte na tlačítko Uložit. Obrázek 15 – Vytvoření nového alba

Obrázek 16 – Vytvoření nového alba (stránka po vytvoření)

Jak přidat fotky/média? V sekci webu Galerie zvolte Album, do kterého si přejete vložit fotogalerie a klikněte na záložku Hromadný import. Soubory fotografií lze nehrát jednotlivě (pracnější) nebo hromadně. Jako typ souboru lze použít obrázek, video klip, ale také kompresní formáty zip, tar nebo zazipovaný soubor (systém soubory automaticky stáhne a rozbalí). Tímto způsobem editor umožnuje nahrávat až pět položek najednou, ale pozor, celková datová velikost všech souborů by neměla přesáhnout 20MB. Po importu budou fotogalerie zobrazeny v Galerii a Albu. Vyberte soubory k nahrání (Choose file), klikněte na tlačítko Nahrávání souborů a počkejte až systém data zpracuje (čas potřebný k nahráni je dán datovou velikostí souborů a rychlostí vašeho připojení k internetu). Album, stejně jako fotografie, je možné dodatečně smazat, upravit nebo přesunout (viz obrázek ).

Doporučení •

Soubory doporučuji přejmenovat před importem/nahráním do systému. Systém používá jména nahrávaných souborů a následná editace (v rámci systému) je poměrně pracná.

Obrázek 18 – Vložení obrázku/ů do alba

Obrázek 19 – Editace/přesunutí obrázku do jiného alba

9.4. Kopírování obsahu z aplikace MS Word Pokud chceme vložit obsah z aplikace Word, můžeme tak učinit pomocí ikonky se symbolem této aplikace. Po kliknutí na ní se zobrazí okno, kam vložíme obsah z dokumentu.

9.5. Jak obsah smazat? Kapitoly výše popisují, jak může být každý obsah (článek, strana, album apod.) v rámci systému vytvořen a dodatečně upraven. Smazání je možné jen u obsahů, které byly vytvořeny právě přihlášeným Redaktorem. V takovém případě stačí na detailu obsahu kliknout na záložku Upravit a na konci editoru obsahu kliknout na tlačítko Smazat (budete ještě jednou vyzváni k potvrzení akce). Přejete-li si smazat obsah, který vytvořil jiný uživatel, kontaktujte Administrátora systému. Obrázek 19 – Editor obsahu (Smazat)

10. Obecná doporučení tvorby obsahu? 10.1. Zásada č. 1 Stručně.

Psychologie čtenáře Několik skutečností o uživatelích webu: •

Moc nečtou.

•

Ignorují dlouhé texty bez nadpisů a obrázků.

•

Pokud je stránka během několika sekund nezaujme, jdou zpět nebo zavírají prohlížeč.

•

Vnímají stránky podobně jako billboardy kolem silnice.

•

Někteří stránkou nerolují.

•

Nad odkazem se před kliknutím velmi zamýšlejí, zda to stojí za to.

Samozřejmě zjednodušuji, ale snad je jasné, co chci říci. Autor webu musí mít tyto smutné psychologické aspekty neustále na zřeteli a přizpůsobovat jim svoji práci.

10.2. Zatím tu nic není Mnozí autoři webů se občas rozhodnou, že udělají skvělou stránku s maximem informací. Pak na to ale jdou ze špatné strany, když si napřed na své hlavní stránce udělají odkaz na prázdnou stránku, na kterou napíšou "Brzo tu bude spousta informací", "Stránka je ve výstavbě" nebo dokonce "Zatím tu nic není". My zkušenější víme, že mezi záměrem a realizací je velká propast a že ono "zatím" může být dlouhé i několik let. Takže je dobré •

napřed stránky udělat

•

a teprve potom na ně odkazovat.

Většinou se na takovou stránku už nikdy nepodívám, protože tam stále zatím nic není. Příkladů znáte jistě bezpočet.

10.3. Aktuální informace Je zábavné na Internetu narazit na "aktuální" stránky, na kterých jsou informace tři roky staré. Proto když zakládám stránku, na níž mají být aktuální informace, raději si dvakrát rozmyslím, zda ji budu stíhat aktualizovat. Ale i při běžném psaní textů je dobré vyvarovat se termínů "včera", "příští měsíc", "minulé století" a podobně, ovšemže pokud se na téže stránce neuvádí datum. Datum doporučuju uvádět.

10.4. Bludiště odkazů Vyplatí se dát stránkám jasnou stromovou strukturu a použít při tom co nejméně úrovní, aby se dalo rychle dostat na konkrétní stránku. Jsou weby, kde musíme kliknout až šestkrát, než se dostanu na stránku, kterou hledám. A šest kliknutí, to je víc než minuta. Na svých vlastních stránkách se vyzná každý. Autorovi připadá navigace zbytečná, protože on "ví", na jakou stránku se jak dostat. Pozor, nikdo jiný to "neví"! Také není dobré spoléhat na to, že čtenář přichází na stránky skrze tu hlavní, a proto by měl na každé stránce být na hlavní stránku odkaz. Dnes se říká, že díky vyhledávačům uživatelé přicházejí na web "okýnkem od záchodu". A úplně nejlepší je udělat stránku se seznamem a s odkazy na všechny ostatní (mapa serveru).

10.7. Text odkazů Určitě to znáte ze spousty stránek: klikněte zde. Nelíbí se mi to. Vždycky se lze vyhnout dvěma pochybným slovům: •

zde

•

kliknout

10.8. Proč je to špatně? Některé vyhledávače (např. Google, Jyxo) si velmi všímají textu odkazů a zaznamenávají si jej do databáze. •

Hodně lidí si stránky tiskne. Tam je fráze "klikněte" vyloženě trapná.

•

Čtenář se podle textu odkazů orientuje v překvapivě velké míře. Občas pouze hledá jinak barevné texty a všechno ostatní přechází. Slova "zde" nebo "klikněte" mu nenapoví, takže vlastně zdržují.

•

Jak si tedy pomoci? Vtip spočívá v tom, že ty odkazy vždycky někam míří, takže je možné jako odkazu použít některého konkrétního slova.

10.9. Pár příkladů Špatně

Správně

Pro aktualizovanou verzi klikněte zde

Aktualizovaná verze

Zde najdete příklad

Podívejte se na příklad

Abyste se přesvědčili, klikněte na odkaz!

Přesvědčete se!

Text převzat z http://www.jakpsatweb.cz/jak-psat.html

11. Kdy kontaktovat Administrátora webu? 11.1. Přidaní, editace a smazání • • •

Obsahu, který nebyl vytvořen právě přihlášených Redaktorem Položky menu a submenu Obsah boxů (na levé i pravé straně) ◦ Fakulta ◦ Užitečné odkazy ◦ Jazykové mutace ◦ Atd.