Práce s administračním systémem internetových stránek Podaných rukou

Rozměr: px

Začít zobrazení ze stránky:

Download "Práce s administračním systémem internetových stránek Podaných rukou"

Bohuslav Procházka
před 9 lety
Počet zobrazení:

1 Práce s administračním systémem internetových stránek Podaných rukou 2011 Ing. Jakub Matas

2 Přihlášení a uživatelský účet Přihlášení Přihlášení do aplikace lze dvěma způsoby: 1. Pomocí panelu ve vrchní části stránky (obrázek 1) 2. Pomocí přihlašovací stránky Po přihlášení se automaticky zobrazí ve vrchní části přihlášený uživatel (obr. 1). Pro odhlášení lze kliknout na tlačítko odhlásit. Obrázek 1. Nepřihlášený a přihlášený uživatel Pro přístup k informacím o uživatelském účtu stačí kliknout ve vrchní části stránek na jméno uživatele nebo přejít na adresu V účtu jsou zobrazeny základní informace o uživateli. Především změnu ové adresy nebo jména uživatele. Základní systém administrace Základní princip administrace je velmi jednoduchý: Skoro vše se upravuje tam kde to je. Systém tedy nemá oddělené zvláštní administrační rozhraní. Administrační panel Pro administraci se využívá panel nástrojů u každé stránky. Panel je zobrazen na obrázku 2a. Tento panel se zobrazuje pouze u stránek, ke kterým má přihlášený uživatel přístup a má právo úpravy. Po najetí myší na panel se zobrazí seznam akcí (obr. 2b), pomocí kterých lze danou stránku upravovat.

Nepřihlášený a přihlášený uživatel Pro přístup k informacím o uživatelském účtu stačí kliknout ve vrchní části stránek na jméno uživatele nebo přejít na adresu http://www.podaneruce.cz/ucet/.

3 Obrázek 1. a) Zavřený a b) otevřený panel nástrojů Umístění Panel je téměř vždy umístěn v horním pravém rohu obsahu stránky. Vyjímku tvoří panely pouze panely, které jsou určeny k úpravě pouze malé části stránky. Např. panel pro úpravu fotogalerie je umístěn v horním pravém rohu fotogalerie viz obrázek 3. Obrázek 3. Panel nástrojů u fotogalerie Seznam akcí panelu Upravit text - Akce pro úpravu textu kontaktu Ukaž cz,en - Zobrazí text v daném jazyce Upravit text kontaktu - Akce pro úpravu textu kontaktu Nastavení - Akce pro nastavení dané stránky Metadata - Zadávání metadat pro danou stránku (klíčová slova, popis)

panel pro úpravu fotogalerie je umístěn v horním pravém rohu fotogalerie viz obrázek 3. Obrázek 3.

Úprava textu Úprava textu se provádí pomocí akce Upravit text v panelu nástrojů. Po kliknutí na nástroj je zobrazen formulář s editorem podobným editoru Word.

4 Úprava textu Úprava textu se provádí pomocí akce Upravit text v panelu nástrojů. Po kliknutí na nástroj je zobrazen formulář s editorem podobným editoru Word. Pomocí něj se upravuje samotný obsah stránky. Textový editor a práce s ním Editor má předdefinovány základní typy formátů (odstavec, nadpis,...) určené pro formátování textu. Seznam formátů lze nalézt na obrázku 4. Důležité je používání správných typů formátů na správné části stránek. Např. pro nadpisy používat vždy formát nadpisu ve správné úrovni a pro zvýraznění části textu nepoužívat formát nadpisu nebo jiné formáty, ale tučný font resp. kurzívu. V editoru jsou předdefinovány také styly. Tyto styly slouží pro aplikování specifických parametrů na textový resp. obrázkový element v editoru jako jsou specifické barvy použité ve stránkách nebo specifický vzhled tabulky či jejího řádku. Příklad seznamu stylů lze nalézt na obrázku 5. Obrázek 4. a 5. Seznam formátů v editoru a seznam stylů v editoru (aktivní je označe šipkou vedle jména). Přehled nejdůležitějších nástrojů Nástroj Popis Zobrazení editoru v režimu celé obrazovky Tlačítka pro přepnutí jazykové mutace Tlačítka pro vytvoření a smazání odkazu a vytvoření kotvy. (Pomocí kotvy se lze odkazovat na části stránky.)

Seznam formátů lze nalézt na obrázku 4. Důležité je používání správných typů formátů na správné části stránek. Např.

5 Tlačítko pro vložení a úpravu tabulky Tlačítko pro vložení textu (tak jak je, čístého textu a formátovaného textu). Pro text z aplikace word je nejlepší způsob vložení buď čistého textu nebo formátovaného textu. Tlačítka pro vložení multimédií (Obrázek, jednoduchá galerie, emotikon, video a šablona). Pomocí fotogalerie lze vložit sadu obrázků se zvětšováním. Tlačítko pro odstranění formátování. Pokud má text špatný formát, zkuste použít toto tlačítko. Tlačítka pro zarovnání obrázku s obtékáním Tabulka 1. Seznam důležitých nástrojů textového editoru Vkládání souborů Vkládání souborů probíhá obdobným způsobem jako vytvoření odkazu. Jediným rozdílem je že při vkládání odkazu se klikne na tlačítko prohlížeče souborů jako na obrázku 6. Samotný prohlížeč souborů lze nalézt na obrázku 8. Obrázek 6. Vložení odkazu s označeným tlačítka pro otevření Manažera souborů

Pomocí fotogalerie lze vložit sadu obrázků se zvětšováním. Tlačítko pro odstranění formátování. Pokud má text špatný formát, zkuste použít toto tlačítko.

6 Vkládání obrázků Vkládání obrázku je obdobné jako vytváření odkazů. Dialog je zobrazen na obrázku 7. Pomocí tlačítka pro otevření souborového manageru lze nahrávat obrázky na stránky a vybírat již uložené. Při vložení obrázku automaticky uvidíte v dialogu náhled. Po vložení je obrázek vložen přímo do textu. Vložený obrázek lze zarovnat pomocí nástrojů pro zarovnání obrázku (viz. tabulka nástrojů.) Obrázek 7. Dialog pro vložení obrázku Souborový manažer Souborový manažer slouží pro nahrávání souborů na stránky a vytváření složek se soubory pro jednodušší třídění obsahu. Jeho ukázka je na obrázku 8. Pomocí manažeru lze také měnit velikosti nahraných obrázků pokud jsou příliš velké a to buď na velikost zadanou uživatelem nebo systémovou velikost. (Pokud je zvolena systémová velikost jsou obrázky zařazeny do složek small a medium. Originál se samozřejmě nevymazává.)

Po vložení je obrázek vložen přímo do textu. Vložený obrázek lze zarovnat pomocí nástrojů pro zarovnání obrázku (viz. tabulka nástrojů.) Obrázek 7.

Obrázek 8. Souborový manažer pro nahrávání souborů resp. obrázků Úprava kontaktu Úprava textu kontaktu je stejná jako úprava text. jediným rozdílem je editor, který je v jednodušší verzi.

7 Obrázek 8. Souborový manažer pro nahrávání souborů resp. obrázků Úprava kontaktu Úprava textu kontaktu je stejná jako úprava text. jediným rozdílem je editor, který je v jednodušší verzi. Do kontaktu není nutné psát název pobočky. Je automaticky generován z názvu centra. Práce s fotogalerií Systém obsahuje jednoduchý formulář pro přidávání obrázků. Obrázky jsou automaticky ořezány na potřebné velikosti určené v systému 1. Samotný formulář je zobrazen na obrázku 9. dialog pro přidání obrázku umožňuje vybrání i několika souborů najednou a společné nahrání. Lze tak nahrávat kompletní obsah složky např. z fotoaparátu. Před potvrzení změn ve fotogalerii je vždy nutné obsah formuláře uložit. 1 Obrázky jsou již částečně zmenšeny na klientské straně, takže přenos není tak velký.

Obrázky jsou automaticky ořezány na potřebné velikosti určené v systému 1. Samotný formulář je zobrazen na obrázku 9.

8 Co fotogalerie umožňuje Obrázek 9. Formulář fotogalerie 1. Přidávání a mazání obrázků 2. Změna rotace obrázku 3. Přidání popisku obrázku (včetně jazykových mutací).

9 4. Úprava miniatury obrázku 5. Upravovat pořadí obrázků Optimalizace pro vyhledávače Kvůli seo optimalizaci je dobré doplňovat do odkazů a obrázků zástupné texty (alt nebo title). Zlepší se tak čitelnost nevidomým uživatelům a umožní lepší indexaci stránky vyhledávacími roboty. Důležitá je také správná struktura pomocí nadpisů. Nadpis první úrovně je zároveň nadpisem stránky. Proto jej nelze v textu definovat. Jako hlavní nadpisy v text jsou určeny nadpisy druhé úrovně. Pro rozčlenění jsou dále k dispozici nadpisy třetí až čtvrté úrovně.

nebo title). Zlepší se tak čitelnost nevidomým uživatelům a umožní lepší indexaci stránky vyhledávacími roboty.

Podobné dokumenty

Administrace internetových stránek Podaných rukou a jejich center. Cube Studio

Administrace internetových stránek Podaných rukou a jejich center Cube Studio Jakub Matas 2012 Přihlášení a uživatelské účty Jednotné účty pro všechny podstránky Přihlášení a uživatelské účty Jednotné