Manuály Webové stránky Základní školy T. G. Masaryka Jistebník Autor: Aleš Kurečka MBA Verze: 1.0.4
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. Editace dat a informací na jednotlivých webových stránkách... 9 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. Administrace menu (Ostatní)... 36 5.1. Menu (Kontakty)... 36 5.2. Menu (Aktuality)... 37 5.3. Menu (Třídy)... 39 6. 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. Odhlásit se z těchto administrátorských stránek je možno kliknutím myši na volbu Datum: 8.10.2015 Stránka: 5 / 41 Verze: 1.0.4
3. Administrace menu (Dokumenty Školní jídelna) stránek. Tato administrace předpokládá, že jste úspěšně přihlášení do administrace webových 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 vložení nového menu editace názvu menu rušení menu Datum: 8.10.2015 Stránka: 6 / 41 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 tento formulář:, a tím se spustí 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, a tím se spustí tento formulář: Datum: 8.10.2015 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 formulář pro zadání základních parametrů vkládané tabulky:, se zobrazí 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
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. V tomto adresáři byste měli mít uloženy Datum: 8.10.2015 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; Spustit a přihlásit se k administraci webu; Zvolit příslušné horizontální a vertikální menu pro editaci; 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: 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: 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
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ř. info@bytyservis.cz ). 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 provede zápis všech změn na dané webové stránce., a tím se 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 e- mail 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 editor pro vložení fotografie:, a tím se spustí tento 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 se spustí toto výběrové okno:, je možno tuto fotografii nalézt ve Vašem PC, a to tím, že 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 zrušení fotografie Datum: 8.10.2015 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í dané fotografie. Takto lze rušit jednotlivé fotografie. Při kliknutí na tlačítko 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
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: Kontakty; Aktuality; Třídy. 5.1. 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
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