Manuál administrátora

Cornelius Scipio s.r.o.

Manuály

Manuál administrátora Webové stránky Základní školy T. G. Masaryka Jistebník

Autor: Aleš Kurečka MBA

Verze: 1.0.4


Manuál administrátora

Obsah: 1.

Možnosti úprav webových stránek................................................................................. 3 1.1.

Změny webových stránek (na vyžádání objednatele) ................................................ 3

2.

Přístup do administrace stránek...................................................................................... 4

3.

Administrace menu (Dokumenty – Školní jídelna) ........................................................ 6 3.1.

Editace vertikálního menu.......................................................................................... 6

3.1.1. Založení nové volby menu ........................................................................................ 7 3.1.2. Editace názvu a pořadí menu..................................................................................... 7 3.1.3. Rušení menu .............................................................................................................. 8 3.2. 3.2.1.

Editor obsahu webové stránky ............................................................................... 9

3.2.2.

Vložení tabulky do textu na webové stránce........................................................ 12

3.2.3.

Vložení obrázku do textu na webové stránce....................................................... 18

3.2.4.

Vložení odkazu na dokumenty............................................................................. 20

3.2.5.

Vložení odkazu na e-mail..................................................................................... 24

4.

Administrace menu (Fotogalérie)................................................................................ 29 4.1.

Vložení podmenu (Galérie) ...................................................................................... 29

4.2.

Vložení fotografie do podmenu (Galérie) ................................................................ 31

5.

6.

Editace dat a informací na jednotlivých webových stránkách ................................... 9

Administrace menu (Ostatní) ....................................................................................... 36 5.1.

Menu (Kontakty) ...................................................................................................... 36

5.2.

Menu (Aktuality)...................................................................................................... 37

5.3.

Menu (Třídy) ............................................................................................................ 39 Podmínky provozu webového sídla ............................................................................. 40

Datum: 8.10.2015

Verze: 1.0.4



1. Možnosti úprav webových stránek Webové stránky mají definován pouze základní vzhled (pevně nastavený počet voleb horizontálního menu, umístění seznamu a počtu tříd, umístění kontaktů apod.). Ostatní informace, která se prezentují na těchto stránkách, má plně pod kontrolou administrátor. Administrátor těchto stránek má možnost změnit počet vertikálních menu (přidávat menu, editovat názvy jednotlivých menu, rušit menu). Jednotlivé vertikální menu se zobrazují dle číselného klíče, který má krokovou hodnotu 10 (pokud chceme vložit nové menu mezi stávající menu 10 a 20, pak založíme nové menu s hodnotou větší než 10 a menší než 20, např. 12). Menu se vloží mezi tyto stávající a zároveň dojde k novému přečíslování ostatních menu tak, aby byla zachována kroková hodnota 10. Ostatní možnosti administrátora ohledně změny textu, vložení obrázku do textu a další možnosti si detailně popíšeme v následujících kapitolách.

1.1. Změny webových stránek (na vyžádání objednatele) Dne 8.10.2015 na vyžádání objednatele byly změněn název horizontálního menu „Dokumenty“ na „Aktivity“. Všechny odkazy pro práci administrátora v tomto manuálu na menu „Dokumenty“ jsou i nadále platné.

Datum: 8.10.2015

Stránka: 3 / 41

Verze: 1.0.4



2. Přístup do administrace stránek Pro přístup k administraci webových stránek je nutno kliknou myši na volbu „Administrace“, která se nachází v pravé části webových stránek na konci seznamu kontaktů.

přístup do administrace webu

Po kliknutí myši na tuto volbu se spustí přihlašovací obrazovka administrátora webových stránek.

Datum: 8.10.2015

Stránka: 4 / 41

Verze: 1.0.4



Na této stránce je nutno vyplnit tyto údaje: uživatelské jméno, heslo a vložit kontrolní text zobrazený v rámečku do posledního pole. Po kliknutí na tlačítko „Přihlásit“ se v případě správného zadání vstupních dat (vstupní pole jsou citlivá na velikost zadávaných písmen do polí pro uživatelské jméno a heslo), se zobrazí tato administrátorská stránka:

Odhlásit se z těchto administrátorských stránek je možno kliknutím myši na volbu „Odhlásit“.

Datum: 8.10.2015

Stránka: 5 / 41

Verze: 1.0.4



3. Administrace menu (Dokumenty – Školní jídelna) Tato administrace předpokládá, že jste úspěšně přihlášení do administrace webových stránek.

Administrace menu – dokumenty, základní škola, školní družina a školní jídelna je založena na stejné filosofii, kdy je možno doplňovat vertikální menu a měnit text, popřípadě vkládat odkazy na e-mail nebo vkládat obrázky do textu, tabulky apod. Tato činnost se provádí v editoru, který při uložení vygeneruje patřičný HTML kód, který je nutný pro zobrazení v každém webovém prohlížeči.

3.1. Editace vertikálního menu V této kapitole si popíšeme způsob editace vertikálního menu včetně editace textu tohoto jednotlivého menu. Kliknutím myši na horizontální menu vyberete požadované menu k editaci, které se zvýrazní. seznam ver. menu

Datum: 8.10.2015

vložení nového menu

editace názvu menu

Stránka: 6 / 41

rušení menu

Verze: 1.0.4



Součastně se zobrazí seznam vertikálních menu, zvýrazní se první menu a zobrazí se text vybraného vertikálního menu. Tento text je možno editovat pomocí editoru, který je velice podobný editoru v software MS Word firmy Microsoft. Tímto editorem se značně zjednoduší editace dané stránky, která je spojena s volbou vertikálního menu.

3.1.1. Založení nové volby menu Založení nové volby menu se provede kliknutím myši na tlačítko

, a tím se spustí

tento formulář: informace o horizontálním menu, kde se bude nové vertikální menu přidávat

V tomto formuláři se vyplní pole „Nabídka menu“ požadovaným názvem nového menu (toto pole je povinné – označené červenou hvězdičkou). Dále se vyplní pole „Pořadí volby“ numerickou hodnotou, která určuje, kde se bude nově vytvořené menu v seznamu menu zobrazovat. Založení nové volby menu se provede kliknutím myši na tlačítko „Uložit“, tímto dojde k zápisu tohoto menu do databáze a ukončí se tento formulář. Jednotlivé vertikální menu se zobrazují dle číselného klíče, který má krokovou hodnotu 10 (pokud chceme vložit nové menu mezi stávající menu 10 a 20, pak založíme nové menu s hodnotou větší než 10 a menší než 20, např. 12). Menu se vloží mezi tyto stávající a zároveň dojde k novému přečíslování ostatních menu tak, aby byla zachována kroková hodnota 10.

3.1.2. Editace názvu a pořadí menu Tato volba umožní opravit název již vytvořeného menu nebo změnit pořadí. Volba se spustí kliknutím myši na tlačítko

Datum: 8.10.2015

, a tím se spustí tento formulář:

Stránka: 7 / 41

Verze: 1.0.4



Po provedených úpravách se tyto změny uloží kliknutím myši na tlačítko „Uložit“, a tím dojde k zápisu změn do databáze a ukončí se editační formulář.

3.1.3. Rušení menu Tato volba umožní zrušit vybrané menu včetně všech dat a informací, které toto menu obsahuje. Při práci s touto volbou pracujte obzvláště obezřetně, protože po zrušení vybraného menu již nebude možné tyto data a informace obnovit. Volba se spustí kliknutím myši na tlačítko

, a tím se spustí tento formulář:

Formulář naposledy upozorňuje na fakt, že kliknutím myši na tlačítko „Zrušit“ dojde k zrušení volby vybraného menu bez možnosti obnovení a formulář se ukončí. Kliknutím myši na tlačítko „Nerušit“ se ukončí tento formulář a výmaz menu z databáze se neprovede. Stejná činnost se provede po kliknutí myši na křížek v pravém horním rohu tohoto formuláře.

Datum: 8.10.2015

Stránka: 8 / 41

Verze: 1.0.4



3.2. Editace dat a informací na jednotlivých webových stránkách Editací dat a informací volby menu se rozumí editace obsahu webové stránky, která je spojena s danou volbou vertikálního menu. Před editací je třeba vybrat volbu horizontálního menu (např. kliknutím myši na horizontální menu „ZÁKLADNÍ ŠKOLA“), tímto se zvýrazní toto horizontální menu a zobrazí se tato administrátorská stránka:

seznam vertikálních menu

obsah webové stránky (pro menu „Zaměstnanci“)

V levé části je zobrazen seznam vertikálních menu, která jsou přiřazené danému horizontálnímu menu (v našem případě – „ZÁKLADNÍ ŠKOLA“). V pravé části pak dané data a informace, která se budou prezentovat po zvolení daného menu. Editaci těchto dat, jak již bylo zmíněno v předchozí kapitole, značně zjednodušuje implementovaný editor.

3.2.1. Editor obsahu webové stránky Tento editor je implementován do administrátorských stránek a slouží pro zjednodušení editace dat a informací, které se prezentují po zvolení daného vertikálního menu.

Datum: 8.10.2015

Stránka: 9 / 41

Verze: 1.0.4



Vzhled použitého editoru:

Význam jednotlivých tlačítek editoru Zobrazení zdrojového HTML kódu (textový editor umí mnoho, ale někdy je také nutno provést editaci přímo v kódu HTML) Uložení editovaných dat Nová stránka (pozor, jsou-li na editované stránce nějaká data, pak tyto data budou smazána) Náhled před tiskem Tisk Vrátí zpět provedené změny Vrátí stav před provedením volby „zpět“ Vyjmout Kopírovat Vložit Vložit jako prostý text Vložit z Wordu Hledat Nahradit Odkaz vytvořit Odkaz zrušit Vytvořit záložku Šablony Odstranit formátování

Datum: 8.10.2015

Stránka: 10 / 41

Verze: 1.0.4



Zvětšení editovacího okna na maximum Zobrazit formátovací bloky Převede označený text na tučná písmena Převede označený text na typ písma „Italic“ Provede u označeného textu podtržení Provede u označeného textu přeškrtnutí Převede označený text na dolní index Převede označený text na horní index Vloží číslování před text Vloží odrážky před text Zmenší odsazení textu Zvětší odsazení textu Vloží citaci Vloží div kontejner (umožní rozdělit webovou stránku na jednotlivé oblasti s možností vlastního definování stylů pro zobrazení daného textu) Vloží obrázek Vloží objekt typu „Flash“ (vloží objekt ve formátu „Flash“ – videa, obrázky apod.) Vloží objekt typu „Tabulka“ Vloží vodorovnou linku Vloží objekt typu „Smailík“ Vloží do textu speciální znaky (znaky, které nejsou standardně dostupné z klávesnice) Vloží ukončení stránky Vloží objekt typu „IFrame“ (vloží rámec, který je nezávislý na rodičovské stránce) Vloží objekt typu „Slide Show“ (umožní spustit prezentaci obrázků) Vybrat vše (zvýrazní všechen obsah webové stránky pro další formátovací úkony – změna velikosti písma, tytu písma, barvy apod.)

Datum: 8.10.2015

Stránka: 11 / 41

Verze: 1.0.4



Převede označený text na požadovaný styl Převede označený text na požadovaný formát Převede označený text na požadovaný typ písma Převede označený text na požadovanou velikost písma Převede označený text na požadovanou výšku řádku Převede označený text na požadovanou barvu písma Převede označený text na požadovanou barvu pozadí písma Zarovnat označený text vlevo Zarovnat označený text na střed Zarovnat označený text vpravo Zarovnat označený text do bloku

Z popisu jednotlivých tlačítek menu editoru vyplývá, že práce s tímto editorem obsahu webových stránek velmi připomíná práci v textovém editoru MS Word. Detailní popis některých tlačítek pro vkládání obrázku, e-mailu, odkazu na dokumenty, tabulek apod. si popíšeme v následujících kapitolách.

3.2.2. Vložení tabulky do textu na webové stránce Vložením tabulky do obsahu webových stránek je někdy účelné z důvodu zarovnání textového obsahu do požadované grafické podoby. Tabulky vložené do webové stránky mohou být jak viditelné (potřebujeme informace zobrazit v tabulkovém uspořádání), nebo neviditelné (pro lepší grafické uspořádání textu, popřípadě textu a jednotlivých grafických prvků - fotografií na webových stránkách). Vlastní vložení tabulky do webových stránek je velmi snadná operace, která se provádí pomocí implementovaného editoru. Kliknutím myši na tlačítko v menu editoru

, se zobrazí

formulář pro zadání základních parametrů vkládané tabulky:

Datum: 8.10.2015

Stránka: 12 / 41

Verze: 1.0.4



V tomto formuláři vyplníte potřebná data pro vytvoření tabulky (počet řádků, počet sloupců, šířku tabulky apod.). Pokud zadáte do pole „Ohraničení“ hodnotu 0, pak se tato tabulka návštěvníkům webových stránek nezobrazí. Vložení tabulky do webové stránky provede kliknutím myši na tlačítko „OK“. Na konkrétním příkladu uvedu případ úpravy textu do požadované grafické podoby pomocí „neviditelné“ tabulky. Původní textová podoba:

Datum: 8.10.2015

Stránka: 13 / 41

Verze: 1.0.4



Požadavky na úpravy textu: •

Pod nadpisem „Učitelé – třídní učitelé“ jsou uvedena data, která nejsou graficky zarovnána tak, aby byl uveden nejprve titul, pak jméno, a nakonec třídu ve které je daný učitel definován jako „třídní učitel“.

Postup úpravy textu: •

Přihlásit se do administrace stránek (viz. Odstavec 2);

•

Vybrat požadované horizontální a vertikální menu;

•

Na požadovaném místě stránky vložit tabulku (viz. Předchozí odstavec);

Datum: 8.10.2015

Stránka: 14 / 41

Verze: 1.0.4

Cornelius Scipio s.r.o. •


Překopírovat (přepsat) data do jednotlivých polí tabulky, upravit šířku jednotlivých polí tabulky do požadovaného grafického tvaru;

•

Uložit změny kliknutím myši na tlačítko editoru

, a tím se provedené změny uloží

do databáze; •

Provést kontrolu webové stránky, zda prezentovaný text již graficky vyhovuje.

Datum: 8.10.2015

Stránka: 15 / 41

Verze: 1.0.4



Kontrolou bylo zjištěno, že nadpis „Učitelé – třídní učitelé“ je umístěn příliš těsně nad prezentovanými daty. Úprava tohoto stavu je možná přes definování odsazení parametrem „margin-top“ dané tabulky. Popis úpravy: •

Kliknout pravým tlačítkem myši na danou tabulku, a tím se zobrazí menu tabulky:

•

Vybrat volbu „Vlastnosti tabulky“, a tím se spustí editovací formulář:

Datum: 8.10.2015

Stránka: 16 / 41

Verze: 1.0.4



•

Kliknout myší na záložku „Rozšířené“;

•

Kliknout do pole „Styly“, neměnit obsah a přejít na konec řádku:

Za středník posledního příkazu, zapsat příkaz – „nargin-top:20px;“. Tímto příkazem se definuje odsazení dané tabulky shora 20 bodů. Příkaz, musí byt napsán přesně včetně koncového středníku, jak je vidět na následujícím obrázku!

•

Uložit změny v definici dané tabulky kliknutím myši na tlačítko „OK“;

•

Uložit změny webové stránky kliknutím myši na tlačítko editoru

•

Provést kontrolu v internetovém prohlížeči.

;

Výsledná úprava textu je již dle mého názoru graficky akceptovatelná. Takto lze upravovat všechny parametry dané tabulky. Povoleny jsou všechny parametry, které se užívají ve standardním HTML kódu.

Datum: 8.10.2015

Stránka: 17 / 41

Verze: 1.0.4



3.2.3. Vložení obrázku do textu na webové stránce Vložení obrázku do textu webové stránky je poměrně snadná operace. Obrázek vložíme přes rozhraní FTP klienta do příslušného adresáře (v našem případě do adresáře „foto“) na webovém serveru. V tomto adresáři byste měli mít uloženy všechny obrázky pro použití v jednotlivých webových stránkách. Názvy obrázků nesmějí obsahovat diakritiku, mezery, čárky, středníky apod. (upozornění – webové servery rozlišují velká a malá písmena, proto doporučuji používat pro názvy jen malá písmena. Pokud potřebujete název obrázku víceslovný, používejte pro slovní spojení podtržítko „_“). Postup pro vložení obrázku do webové stránky: •

Vložit obrázek přes FTP klienta do příslušného adresáře na webovém serveru;

•

Spustit a přihlásit se k administraci webu;

•

Zvolit příslušné horizontální a vertikální menu pro editaci;

Datum: 8.10.2015

Stránka: 18 / 41

Verze: 1.0.4



•

Vložit případný text do webové stránky;

•

Kliknout myši na tlačítko pro vložení obrázku

, a tím se spustí tento editor:

Do pole „URL“ zadat adresu k danému obrázku včetně úplného jména obrázku (např. „./foto/prvnaci2015.jpg“). Adresa URL začíná tečkou „.“, pak lomítkem „/“, za lomítkem názvem adresáře („foto“), další lomítko „/“, a konečně úplný název obrázku

Datum: 8.10.2015

Stránka: 19 / 41

Verze: 1.0.4



včetně jeho přípony („prvnaci2015.jpg“). Pokud vše vyplníte správně, pak se Vám v okně náhledu zobrazí požadovaný obrázek.

Další možností tohoto editoru je možnost měnit velikost obrázku v polích „Šířka“ a „Výška“. Pro vlastní vložení obrázku do webové stránky klikněte myši na tlačítko „OK“, tím se ukončí tento editor a obrázek se vloží do webové stránky. Pak je možno pokračovat ve vkládání dalšího textu za obrázek (je nutno vložit několik „Entrů“, tak aby text byl na požadovaném místě). Celou takto editovanou stránku je nutno uložit kliknutím myši na tlačítko v menu editoru

.

Upozornění: po uložení editované stránky je nutno zkontrolovat vzhled takto vytvořené webové stránky v internetovém prohlížeči (v editoru může být vzhled trochu jiný, než tomu bude ve skutečném prohlížeči).

3.2.4. Vložení odkazu na dokumenty Vložení odkazu na dokumenty, které chcete poskytnout jednotlivým uživatelům Vašich webových stránek je podobně snadná operace jako vložení obrázku. Jednotlivé dokumenty vložíme přes rozhraní FTP klienta do příslušného adresáře (v našem případě do adresáře „documents“) na webovém serveru.

Datum: 8.10.2015

V tomto adresáři byste měli mít uloženy

Stránka: 20 / 41

Verze: 1.0.4



všechny dokumenty pro použití v jednotlivých webových stránkách. Názvy jednotlivých dokumentů nesmějí obsahovat diakritiku, mezery, čárky, středníky apod. (upozornění – webové servery rozlišují velká a malá písmena, proto doporučuji používat pro názvy jen malá písmena. Pokud potřebujete název dokumentu víceslovný, používejte pro slovní spojení podtržítko „_“). Jako formát dokumentů doporučuji používat standardizovaný formát „PDF“. Tento formát dokumentů lze standardně otevřít ve většině OS Windows. Postup pro vložení dokumentu do webové stránky: •

Vložit dokument přes FTP klienta do příslušného adresáře na webovém serveru;

•


•


Pokud máte vybrané požadované menu pak kliknutím myši do webové stránky, určíte kde se bude vkládat odkaz na požadovaný dokument. Vložte název na odkazovaný dokument a myši tento název vyberte tak aby odpovídal následujícímu obrázku:

Datum: 8.10.2015

Stránka: 21 / 41

Verze: 1.0.4


Kliknutím myši na tlačítko


, se spustí tento editor odkazu:

Na záložce „Informace o odkazu“ v poli „URL“ zadejte adresu k danému dokumentu. Do pole „URL“ je třeba zadat adresu k danému dokumentu včetně úplného jména dokumentu (např. „./documents/uplaty.pdf“). Adresa URL začíná tečkou „.“, pak

Datum: 8.10.2015

Stránka: 22 / 41

Verze: 1.0.4



lomítkem „/“, za lomítkem názvem adresáře („documents“), další lomítko „/“, a konečně úplný název dokumentu včetně jeho přípony („uplaty.pdf“).

Na záložce „Cíl“ máme možnost definovat, zda se má tento dokument otevřít ve stávajícím okně (standard), nebo v novém okně. Tyto možnosti se volí v rozbalovacím menu „Cíl“, tak jak je vidět na následujícím obrázku:

Datum: 8.10.2015

Stránka: 23 / 41

Verze: 1.0.4



Pro ukončení editace odkazu klikněte myši na tlačítko „OK“, a tím se provede umístění odkazu do dané webové stránky. Pro dokončení editace celé webové stránky klikněte myši na tlačítko

, a tím se provede zápis všech změn na dané webové stránce.

Upozornění: po uložení editované stránky je nutno zkontrolovat funkčnost daného odkazu ve webovém prohlížeči (pokud uvedete chybně název adresáře či názvu dokumentu, pak odkaz nebude správně fungovat).

3.2.5. Vložení odkazu na e-mail Tento typ odkazu se používá pro případ potřeby vložit do textu webové stránky odkaz na daný e-mail. Po kliknutí na takto definovaný odkaz se na straně uživatele spustí (pokud má tento uživatel nainstalovaný e-mailový software – MS OFFICE apod.) e-mailový klient, kde může daný uživatel jednoduše zaslat e-mail, aniž by musel vyplňovat pole pro e-mail adresu. Název e-mailového odkazu může být rozdílný od dané e-mail adresy. Postup pro vložení e-mail odkazu do webové stránky: •


•


Datum: 8.10.2015

Stránka: 24 / 41

Verze: 1.0.4



Do webové stránky vložit daný text (lze vložit celý kompletní text, který chceme zveřejnit) např. jako na dalším obrázku:

Po tomto kroku zvýrazněte myši text, kde chcete vložit e-mail odkaz např.:

Datum: 8.10.2015

Stránka: 25 / 41

Verze: 1.0.4

Cornelius Scipio s.r.o. Kliknutím myši na tlačítko


, se spustí tento editor odkazu:

Klikněte myši na rozbalovací menu „Typ odkazu“, a tím se rozbalí tyto možnosti:

Datum: 8.10.2015

Stránka: 26 / 41

Verze: 1.0.4



Vyberte možnost „E-mail“, po tomto výběru se editor odkazu takto upraví:

Do pole „E-mailová adresa“ vložte e-mailovou adresu v platné podobě (např. „[email protected]“). Do předmětu zprávy můžete vložit libovolný text, který může informovat, že jde o e-mail odeslaný z Vašich webových stránek (např. „Dotaz z internetu“). Příklad takto vyplněného e-mail odkazu:

Datum: 8.10.2015

Stránka: 27 / 41

Verze: 1.0.4



Pro vložení e-mail odkazu do webové stránky klikněte myši na tlačítko „OK“. Editor odkazu se ukončí a vybraný text na webové stránce se podtrhne (standardní stav – toto podtržení může být zrušeno tím, že na dané webové stránce jsou použité CSS styly, které mohou definovat např. barvu tohoto odkazu, použité písmo, grafiku apod.).

Pro dokončení editace celé webové stránky klikněte myši na tlačítko

, a tím se

provede zápis všech změn na dané webové stránce. Upozornění: po uložení editované stránky je nutno zkontrolovat funkčnost daného odkazu. Toto provede kliknutím myši na daný odkaz ve Vašem webovém prohlížeči. Po tomto úkonu se spustí e-mailový klient, kde budou vyplněny údaje, jak o email adrese, tak také předmět zprávy. Uživatel tak může pouze vložit text a odeslat e-mail. Vzhled e-mail klienta MS OFFICE je na následujícím obrázku:

Datum: 8.10.2015

Stránka: 28 / 41

Verze: 1.0.4



4. Administrace menu (Fotogalérie) Administrace menu pro fotogalérií je nepatrně odlišné od administrace menu pro „Dokumenty – Školní jídelna“. Rozdíl je v možnosti definovat pro každou položku menu několik dalších podmenu (Galérií) pro jednotlivé fotogalérie (u předcházejících položek menu je možno mít pouze jednu webovou stránku po danou položku menu). Do těchto položek podmenu se budou umisťovat jednotlivé fotografie. Všechny fotografie jsou uloženy v databázi, a proto odpadá nutnost tyto fotografie nejprve přenášet přes FTP klienta na webový server. Vlastní fotografie pro vložení do fotogalérie jsou omezeny pouze velikostí, a to je max. velikost 2,4 MB pro jednu fotografii. Počet fotografií pro dané podmenu není omezen (je třeba brát v úvahu, že velký počet fotografií pro dané podmenu bude mít za následek časově náročnější načítání dané webové stránky). Založení vlastního vertikálního menu je podrobně popsáno v odstavci 3.1.1., editace menu v odstavci 3.1.2. a rušení menu v odstavci 3.1.3.

4.1.

Vložení podmenu (Galérie) Před vložením podmenu je třeba vybrat vertikální menu:

založení podmenu

Z obrázku je patrné, že jsme vybrali vertikální menu „Fotografie třídních kolektivů“. Po tomto úkonu je možno založit podmenu kliknutím myši na tlačítko pro založení podmenu . Po provedení tohoto úkonu se zobrazí tento formulář pro založení podmenu (Galérie):

Datum: 8.10.2015

Stránka: 29 / 41

Verze: 1.0.4



Povinná pole tohoto formuláře jsou označena červenou hvězdičkou. Do pole „Datum“ se automaticky předdefinuje aktuální den. Pro změnu tohoto údaje je nutno využít kalendář, který se spustí kliknutím myši na tlačítko

, a tím se spustí tento výběrový formulář:

Po vybrání požadovaného data se výběrový formulář ukončí a nová hodnota se dosadí do pole „Datum“. Do pole „Galerie“ se vkládá název (vložíme „Kolektiv 1. třídy“, „Kolektiv 2. třídy“, „Kolektiv 3. třídy“ apod.). Třídění tohoto podmenu se provádí dle sloupce „Datum“, a to sestupně od nejvyššího data. Vložení nového podmenu (Galerie) do databáze se provede kliknutím myši na tlačítko „Uložit“. Pokud bychom založili více podmenu se stejným datem, pak můžeme dostat tento výsledek:

Tento výsledek třídění pro náš záměr zřejmě není akceptovatelný, a proto musíme upravit data jednotlivých podmenu (Galérií). Tuto editaci data provedeme kliknutím myši na tlačítko

, které spustí formulář pro editaci daného podmenu:

Datum: 8.10.2015

Stránka: 30 / 41

Verze: 1.0.4



Pomocí výběru dne v kalendáři, a následném uložení změn tlačítkem „Uložit“, se můžeme dostat k požadovanému výsledku:

Vložení obrázku do podmenu (Galérie)

4.2.

Vložení fotografie do podmenu (Galérie) Vložení fotografie provedeme kliknutím myši na tlačítko

, a tím se spustí tento

editor pro vložení fotografie:

Datum: 8.10.2015

Stránka: 31 / 41

Verze: 1.0.4



Tento editor výrazně zjednodušuje vložení fotografie, a to tím, že z vkládané fotografie vytvoří dvě samostatné fotografie, které se pak uloží odděleně do databáze. První má rozměr 170x150 bodů a slouží pro náhled, který se zobrazuje ve vlastní webové stránce. Druhá má rozměr 960x720 bodů a slouží pro detailní náhled, který se aktivuje po kliknutí myši na náhledovou fotografii. Pomocí tlačítka

, je možno tuto fotografii nalézt ve Vašem PC, a to tím, že

se spustí toto výběrové okno:

Vybereme adresář, kde máme uložené fotografie pro vložení. Dvojklikem levým tlačítkem myši vybereme požadovanou fotografii. Výběrový formulář se uzavře a fotografie se načte do editoru (maximální velikost fotografie, kterou je editor schopen zpracovat je 2,4 MB):

Datum: 8.10.2015

Stránka: 32 / 41

Verze: 1.0.4



Velikost zpracovávané fotografie závisí na velikosti paměti RAM webového serveru. V některých případech je možno zpracovávat i větší fotografie (v případě, že fotografie je příliš veliká pro vložení, pak na tuto skutečnost upozorní webový server výpisem chybového hlášení). Pro vkládání fotografií velkých velikostí není důvod, protože editor tyto fotografie stejně upraví (ořezem) na definované rozměry. Další možnosti editace vkládané fotografie před vlastním uložením do databáze je změna pořadí v jakém se daná fotografie bude zobrazovat na webové stránce a popis fotografie. Do pole „Pořadí“ se hodnota definuje automaticky s krokem 10. Tuto hodnotu lze změnit, a tak lze vložit fotografii mezi fotografie, které jsou již uložené [např. potřebujeme vložit fotografii mezi již uložené fotografie s pořadím 10 a 20, pak pro novou fotografii změníme pořadí vložením hodnoty, která je větší než 10 a současně menší než 20 (např.15). Po uložení se nová fotografie začlení mezi dané fotografie a pořadí všech fotografií se přečísluje tak, aby krok mezi jednotlivými fotografiemi byl opět 10]. Do pole „Popis“ je možno zadat text, který může textově uvádět danou fotografii (velikost tohoto pole je max. 50 znaků). Toto pole není povinné, a tudíž může být i prázdné. Vlastní uložení takto editované fotografie provedete kliknutím myši na tlačítko

.

Editor se ukončí a fotografie se uloží do databáze:

editace fotografie

Datum: 8.10.2015

zrušení fotografie

Stránka: 33 / 41

Verze: 1.0.4



U každé fotografie jsou definovány tlačítka pro editaci

(spustí se opět editor

fotografií), či zrušení tlačítko

dané fotografie. Takto lze rušit jednotlivé fotografie. Při kliknutí na

pro výmaz dané fotografie, jste upozorněni tímto hlášením na prováděný úkon:

Po kliknutí myši na tlačítko „Zrušit“ se provede výmaz dané fotografie z databáze. Po kliknutí myši na tlačítko „Nerušit“ se odvolá rušení fotografie (stejné funkčnosti lze docílit kliknutím myši na tlačítko „X“ v pravém horním rohu formuláře). Fotografie lze rušit také hromadně. Toto hromadné rušení fotografií se provede zrušením daného podmenu (galerie):

zrušení podmenu (Galérie)

Datum: 8.10.2015

Stránka: 34 / 41

Verze: 1.0.4

Cornelius Scipio s.r.o. Kliknutím myši na tlačítko


, které je definované u názvu daného podmenu (Galérie)

se spustí toto hlášení:

Funkčnost tlačítek je stejná jako u rušení jednotlivých fotografií.

Upozornění: při rušení fotografií ať jednotlivě nebo hromadně zrušením podmenu (Galérie), postupujte velmi uváženě. Zrušené fotografie již nelze obnovit.

Datum: 8.10.2015

Stránka: 35 / 41

Verze: 1.0.4



5. Administrace menu (Ostatní) V této části administrace lze administrovat ostatní menu, která jsou jednoduše dostupná při běhu většiny Vašich webových stránek. Jsou to tato menu:

5.1.

•

Kontakty;

•

Aktuality;

•

Třídy.

Menu (Kontakty) Editace tohoto menu je obdobná jako editace standardních webových stránek, včetně

využití editoru pro editaci. Data nejsou uložena v databázi, ale v textovém souboru „data_kontakt.txt“, který je uložen v adresáři „data“ na webovém serveru.

Editační pole je na pravé straně editoru a je stejně široké jako skutečné okno na dané webové stránce. Definovaná šířka sloupce je nastavena proto, aby administrátor měl grafickou představu o probíhající editaci dat. Změny se standardně uloží kliknutím myši na tlačítko

Datum: 8.10.2015

Stránka: 36 / 41

.

Verze: 1.0.4

Cornelius Scipio s.r.o. 5.2.


Menu (Aktuality) Editace tohoto menu umožní přidávat, editovat a rušit nejnovější zprávy (aktuality),

které chcete sdělit návštěvníkům Vašich webových stránek. Třídění těchto zpráv je dle pole „Datum“. Po kliknutí na horizontální menu „Ostatní“ a vertikální menu „Aktuality“, se zobrazí tato stránka:

zrušení aktuality

nová aktualita

editace aktuality

Na této stránce se nachází seznam aktualit, které jsou v nabídce tohoto menu. Založení nové aktuality se provede kliknutím myši na tlačítko

, a tím se spustí tento formulář pro vložení

nové aktuality:

Datum: 8.10.2015

Stránka: 37 / 41

Verze: 1.0.4



Povinná pole jsou označena červenými hvězdičkami. Tato pole musí být naplněna daty jinak nelze aktualitu uložit. Text aktuality lze jednoduše editovat pomocí implementovaného editoru. Vložení aktuality se provede kliknutím myši na tlačítko „Uložit“. Editace stávající aktuality se provede kliknutím myši na tlačítko

, které se nachází

vpravo od aktuality, kterou chceme editovat. Po provedení tohoto úkonu se zobrazí tento formulář pro editaci aktuality:

Po provedené editaci tuto aktualitu uložíme kliknutím myši na tlačítko „Uložit“. Rušení aktuality se provede kliknutím myši na tlačítko

, které se nachází vlevo od

aktuality, kterou chceme odstranit. Po tomto kliknutí jsme ještě jednou upozorněni na prováděný úkon:

Datum: 8.10.2015

Stránka: 38 / 41

Verze: 1.0.4



Po kliknutí myši na tlačítko „Zrušit“ se provede výmaz dané aktuality z databáze. Po kliknutí myši na tlačítko „Nerušit“ se odvolá rušení aktuality (stejné funkčnosti lze docílit kliknutím myši na tlačítko „X“ v pravém horním rohu formuláře).

5.3.

Menu (Třídy) Editace tohoto menu se spustí po kliknutí myši na horizontální menu „Ostatní“ a

vertikální menu „Třídy“. Po provedení tohoto úkonu se zobrazí tato stránka:

Seznam tříd je daný a nelze jej administrátorsky definovat. Pro vlastní editaci dat v jednotlivých třídách klikněte myši na požadovanou třídu:

Po výběru třídy se spustí editor obsahu této webové stránky. Po ukončení editace kliknutím myši na tlačítko

, se editovaná data uloží do databáze a tím se zpřístupní

uživatelům Vašich webových stránek. Datum: 8.10.2015

Stránka: 39 / 41

Verze: 1.0.4



6. Podmínky provozu webového sídla Pro bezproblémový běh Vašich webových stránek je nutno bezpodmínečně dodržet následující pokyny: •

dodržet názvy a strukturu adresářů včetně podadresářů;

Schéma adresářů a podadresářů webového sídla

/ root webového sídla css data myp documents foto image proc checker ckeditor font ini sql ini kcfinder zaloha_old

Adresáře „checker“, „ckeditor“, „kcfinder“, slouží pro editor webových stránek. Tyto adresáře mají také své podadresáře, ale pro přehlednost nejsou ve schématu uvedena. Adresář „zaloha_old“ slouží pro dočasné uložení původních webových stránek včetně jejich dat. Po uplynutí zkušební doby bude tento adresář odstraněn. •

neodstraňovat soubory s příponami (php, txt, myp, ini, ttf, js, css, html, htaccess);

•

neodstraňovat tyto adresáře včetně jejich podadresářů: o css; o data; o documents; o foto; o image; o proc.

Datum: 8.10.2015

Stránka: 40 / 41

Verze: 1.0.4



•

nevstupovat a neměnit obsah těchto adresářů včetně podadresářů: o / root webového sídla; o css; o data; o image; o proc.

•

vlastní soubory vkládat pouze do adresářů: o documents (textové dokumenty, určené pro prezentaci);

další podadresáře pod tímto adresářem je možno si uživatelsky definovat pro větší přehled uložených textových dokumentů;

o foto (fotografie určené pro prezentaci na jednotlivých webových stránkách);

další podadresáře pod tímto adresářem je možno si uživatelsky definovat pro větší přehled uložených fotografií.

Porušení těchto provozních podmínek bude mít nepříznivý dopad na provoz webových stránek (omezená nebo úplná nedostupnost webových stránek).

Datum: 8.10.2015

Stránka: 41 / 41

Verze: 1.0.4

Manuál administrátora

Recommend Documents