MATURITNÍ PRÁCE dokumentace
|
|
- Jarmila Urbanová
- před 8 lety
- Počet zobrazení:
Transkript
1 MATURITNÍ PRÁCE dokumentace WWW stránky Ivoš Apolenář školní rok: 2011/2012 obor: třída: Elektronické počítačové systémy P4.B
2 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 2
3 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 3 Poděkování: Touto cestou děkuji mé konzultantce Ing. Haně Halaštové za její odborné rady, ochotu pomoci a čas, který věnovala konzultaci mé maturitní práce.
4 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 4 ABSTRAKT V tomto dokumentu budou představeny webové stránky o významných osobnostech z oboru informačních technologií. Účelem stránek je tedy přinést uživateli informace o těchto osobnostech. Stránky jsou psány pomocí HTML, CSS, JavaScriptu, PHP, SQL a využívají databázi MYSQL k uložení dat. Grafické objekty jsou navrženy nebo upraveny v programu Adobe Photoshop. Na následujících stranách bude rozebrána tvorba webu od grafického návrhu až po programování administračního systému či komentářů k jednotlivým osobnostem. Dokument také obsahu také návod, který vás provede jednoduše ovládáním administračního systému jako například vkládání či mazání osobnosti. Dále autor popíše použití a výběr programů i technologií pro psaní webu. Celý dokument bude také prokládán obrázky ať pro lepší vysvětlení, nebo ukázku.
5 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 5 OBSAH OBSAH...5 ÚVOD CÍLE PRÁCE VÝBĚR TECHNOLOGIÍ PRO ŘEŠENÍ EASY PHP PSPAD EDITOR ADOBE PHOTOSHOP CS HTML CSS PHP JAVASCRIPT WEBOVÉ PROHLÍŢEČE ZPŮSOBY ŘEŠENÍ A POUŢITÉ POSTUPY HTML A CSS JAVASCRIPT PHP PŘIDÁNÍ OSOBNOSTI MYSQL ULOŢENÍ PRÁCE NA INTERNETOVÝ SERVER ZHODNOCENÍ DOSAŢENÝCH VÝSLEDKŮ (TECHNICKÝCH) SPLNĚNÉ CÍLE FUNKČNOST STRÁNEK NESPLNĚNÉ CÍLE PŘÍRUČKA UŢIVATELE PRVNÍM VSTUP NA WEB PŘIHLÁŠENÍ DO ADMINISTRACE WEBU OVLÁDÁNÍ ADMINISTRACE OSOBNOSTÍ PŘIDÁNÍ OSOBNOSTÍ ÚPRAVA OSOBNOSTÍ MAZÁNÍ OSOBNOSTÍ OVLÁDÁNÍ ADMINISTRACE NOVINEK PŘIDÁNÍ NOVINEK ÚPRAVA NOVINEK MAZÁNÍ NOVINEK MAZÁNÍ KOMENTÁŘŮ ODHLÁŠENÍ SHRNUTÍ...31 SEZNAM POUŢITÝCH INFORMAČNÍCH ZDROJŮ...32 SEZNAM OBRÁZKŮ...33 SEZNAM KÓDŮ...34 SEZNAM PŘÍLOH...35
6 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 6 ÚVOD Webové stránky jsou v dnešní době naprosto nepostradatelnou součástí moderního života. Každý dnes chodí na web, ať už chce zjistit nějaké informaci, komunikovat s přáteli nebo nakupovat pohodlně z domova. Jde o dynamicky se rozvíjející odvětví IT, které potřebuje odborníky pro svou tvorbu. Autor si zvolil jako maturitní práci webové stránky hlavně proto, že ho jejich tvoření ho baví a chce se pořád zdokonalovat. Také jde o velmi dobrou práci z pohledu finančního ohodnocení. Web by měl sloužit něco jako obdoba wikipedie, s tím rozdílem, že se soustředí pouze na osobnosti z odvětví IT. Následující kapitoly budou nastiňovat průběh tvorby a práce a řešení vyskytlých problémů.
7 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 7 1. CÍLE PRÁCE vytvoření dynamické webové aplikace s využitím technologií PHP a databázového systému MySQL webové stránky validní podle STRICT deklarace navržení struktury databáze navržení struktury stránky a možností zobrazení dat vytvoření administrátorského rozhraní pro vkládání a úpravu dat navržení principů vyhledávání a vytvoření vyhledávajícího skriptu
8 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 8 2. VÝBĚR TECHNOLOGIÍ PRO ŘEŠENÍ Zde je uveden popis využitých programů a technologií, které autor použil při práci Easy PHP je balíček obsahující webový server Apache, skriptovací serverový jazyk PHP, nástroj pro správu databáze phpmyadmin. umožňuje rozběhnout php skripty na vlastním počítači balíček byl vybrán díky své jednoduchosti a dostupnosti 2.2. PSPAD EDITOR volně šiřitelný univerzální textový editor pro MS Windows. nabízí velké možnosti formátování textu obsahuje řadu funkcí pro vývoj webových stránek tento editor byl vybrán pro psaní veškerého kódu Obr. 1: PSPAD
9 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm Adobe Photoshop CS5 je bitmapový grafický editor pro tvorbu a úpravu bitmapové grafiky (př.: fotografií) pomocí tohoto programu byla realizována většina vzhled webu Obr. 2: Adobe photoshop CS HTML značkovací jazyk pro vytváření webových stránek pomocí HTML napsána struktura stránek 2.5. CSS jazyk, který udává způsob zobrazení a vzhled stránek použit pro vytvoření tzv. "layoutu" a vzhled stránek
10 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm PHP je serverový skriptovací jazyk přinášející dynamickou podobu webu vybrán díky jednoduchosti a výborné komunikaci s databází MySql 2.7. JavaScript skriptovací jazyk prováděný na straně klienta pomocí JS je řešena kontrola některých formulářů 2.8. Webové prohlíţeče - stránky by testovány v těchto prohlížečích: Google chrome v.( ) Opera v.(11.61) Internet Explorer v.(8) Mozilla Firefox v.(9.0.1)
11 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm ZPŮSOBY ŘEŠENÍ A POUŢITÉ POSTUPY Tato kapitola pojednává o využití programovacích jazyků pro vytvoření webu 3.1. HTML a CSS Před začátkem programování bylo třeba si alespoň hrubě navrhnout strukturu webu. Autor vytvořil v celku obvyklou strukturu stránky pomocí jazyku HTML, jenž formátoval pomocí CSS. Tzv. layout stránky byl vytvořen pomocí HTML elementů <div>. Nahoře logo, které je pro snadnější formátování uzavřeno do své obálky. Níže následuje hlavní panel, kde se vyskytuje vyhledávací pole a účtový box. Poté se vyskytuje obsahový kontejner a patička. Obr. 3: Layout stránek
12 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 12 Kód 1. (ukázka hlavního stylování) #okolo_panelu{ width: 100%; height: 70px; margin: 0; float: left; background-image: url(../obrazky/pozadi/okolo_panelu.png); background-repeat: repeat-x; position: absolute; z-index: 1; } #hlavni_panel{ width: 830px; height: 70px; margin: 0 auto; position: relative; z-index: 10; } #obsahovy_kontejner{ width: 796px; min-height: 370px; margin: 0 auto; padding: 30px; padding-top: 15px; background-image: url(../obrazky/pozadi/obsahovy_kontejner.png); background-repeat: repeat-y; font-family: calibri, arial, courier; font-size: 14px; position: relative; bottom: 5px; } #paticka{ width: 816px; height: 29px; margin: 0 auto; margin-bottom: 50px; padding: 0 20px; background-image: url(../obrazky/pozadi/paticka.png); background-repeat: no-repeat; position: relative; bottom: 5px; } 3.2. JavaScript JavaScript používá autor například na validaci formuláře pro přidávání komentářů. Jedná tak hlavně proto, že je to rychlejší, než odesílat data na server a zpátky (pozn.: vyplnění komentáře se samozřejmě kontroluje i serverem). Skript validuje jméno, antispam (čísla vygenerována pomocí PHP, která vloží i do JS) a komentář. Funguje na principu načtení jednotlivých údajů do proměnných pomocí atributu name. Tyto proměnné pak porovnává s prázdným řetězcem (u jména ještě kontroluje min. délku řetězce 3 a u antispamu ještě s výsledkem součtu čísel), pokud některá z větví nevyhovuje, nastaví se proměnná ok do logické hodnoty false. Pokud se tedy tato proměnná nastaví do hodnoty false, tak poslední konstrukce IF zamezí odeslání dat na server a JS vypíše chybové hlášky.
13 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 13 Kód 2. (zkrácený skript na kontrolu formuláře JS) function validace_koment(){ var jmeno = document.getelementsbyname('koment_jmeno')[0].value; var jmeno_length = jmeno.length; var antispam = document.getelementsbyname('koment_antispam')[0].value; var koment = document.getelementsbyname('koment')[0].value; var ok = true; if(jmeno == ""){ document.getelementbyid('koment_jmeno_chyba').innerhtml = 'Není vyplněno jméno!'; document.getelementbyid('koment_jmeno_chyba').style.display = 'block'; ok = false; } else if(jmeno_length < 3){ document.getelementbyid('koment_jmeno_chyba').innerhtml = 'Min. počet znaku: 3!'; document.getelementbyid('koment_jmeno_chyba').style.display = 'block'; ok = false; } if(!ok){ return false; } } obr.: ukázka validace komentáře Javascriptem. Autor také využil JavaScriptou knihovnu Jquery. Použití této knihovny je velmi výhodné, neboť je oproti obyčejnému JavaScriptu až o 1/3 kratší ve výsledném kódu. Tuto knihovnu autor využil například při vytvoření animačního efektu u tlačítek pro úpravu osobnosti.
14 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 14 Kód 3. (ukázka knihovny Jquery) $(document).ready(function(){ $(".admin_ikony img").css("opacity", "0.65"); $(".admin_ikony img").bind('mouseover', function(){ $(this).animate({ opacity: 1, }); }); $(".admin_ikony img").bind('mouseout', function(){ $(this).animate({ opacity: 0.65, }); }); }); 3.3. PHP V PHP autor napsal funkce na validaci některých formulářů. Dále byly v PHP napsány skripty pro přidání, úpravu a mazání osobnosti nebo funkci na odstranění diakritiky z řetězce, což bylo využito v již zmíněných operacích s osobnostmi Přidání osobnosti PHP soubor pro vkládání nových osobností obsahuje jednak formulář a také PHP skript, který získané data formuláře zkontroluje pomocí již zmíněných funkcí. Tyto funkce kontrolují především vyplnění daného pole, ale také správnou délku či formát. V případě, že validace není úspěšná tak se do proměnné $ok zapíše logická hodnota false a PHP skript vyzve uživatele k opravě. Po úspěšné validaci data projdou funkcí mysql_real_escape_string, která se postará o escapování. Následně začne PHP spolupracovat s MYSQL. Zkontrolovaná data, krom životopisu a zajímavostí uloží pomocí jazyka SQL do tabulky v databázi s názvem osobni_udaje.
15 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 15 Kód 4.1 (ukládání do databáze) $sql_prikaz = "INSERT INTO osobni_udaje(jmeno, prijmeni, datum_narozeni, misto_narozeni, datum_umrti, misto_umrti, obcanstvi, povolani, rodiny_stav, manzelka, deti) VALUES('$jmeno', '$prijmeni', '$datum_narozeni', '$misto_narozeni','$datum_umrti', '$misto_umrti', '$obcanstvi', '$povolani', '$rodiny_stav', '$manzelka', '$deti')"; $vysledek = mysql_query($sql_prikaz); Poté se PHP zjistí poslední databází vložení id, které je využito pro vložení životopisu do tabulky zivotopisy. Dále je pak využit cyklus FOR, který pomocí funkce ISSET zjistí, zda byly vyplněny nějaké zajímavosti a případě, že ano, je opět využito poslední vložené id a zajímavosti jsou postupně vloženy do databázové tabulky zajimavosti. Kód 4.2 (ukládání do databáze) for($i = 1; $i <= 5; $i++){ if(isset($_post["zajimavost". $i])){ $zajimavost = $_POST["zajimavost". $i]; $sql_prikaz = "INSERT INTO zajimavosti(zajimavost_id, zajimavost) VALUES('$posledni_id', '$zajimavost')"; $vysledek = mysql_query($sql_prikaz); } } Následně dochází k uložení vložené fotografie do vyhrazené složky. Tato fotografie je následně přejmenována na jméno a příjmení osobnosti bez mezery a diakritiky.
16 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 16 Kód 5. (ukládání fotografií osobností na server) $fotka = $_FILES["fotka"]["name"]; move_uploaded_file($_files["fotka"]["tmp_name"], "obrazky/osobnosti/$fotka"); $fotka_jmeno = $jmeno. $prijmeni. ".jpg"; $fotka_jmeno2 = bez_dk($fotka_jmeno); rename("obrazky/osobnosti/". $fotka, "obrazky/osobnosti/". $fotka_jmeno2); Úplně nakonec je uživatel přesměrován pomocí hlaviček na stránku se skriptem zobrazující tuto nově vloženou osobnost. Hlavičky fungují, protože bylo využito bufferování výstupu. Tato technika spočívá ve vložení těchto funkcí ob_start() a ob_end_flush() na začátek a konec skriptu, kdy bufferování způsobní uložení výstupu do mezipaměti serveru a výsledný kód je prohlížeči poslán až po vykonání skritpu MYSQL V tomto databázovém systému byla vytvořena jedna databáze it_osobnosti. V této databázi zase 6 tabulek. Obr. 4: Tabulky v databázi
17 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm tabulka administrace (přihl. údaje admina) má 2 sloupce: login, heslo - šifrované pomocí Sha1. 2. tabulka komentare (okomentování osobnosti) má 5 sloupců: koment_id - primární klíč, automaticky inkrementován osobnost_id - obsahuje id osobnosti, ke které komentář patří datum, jmeno, komentar 3. tabulka novinky (aktuální zprávy ohledně osobností) má 6 sloupců: novinka_id - primární klíč, automaticky inkrementován titulek, autor, zdroj, datum 4. tabulka osobni_udaje (obsahuje inf. o osobnostech) má 12 sloupců: osobnost_id - primární klíč, automaticky inkrementován jmeno, prijmeni, datum_narozeni, misto_narozeni datum_umrti, misto_umrti, obcanstvi, povolani, rodinny_stav, manzelka, deti 5. tabulka zajimavosti má 2 sloupce: zajimavost_id - primární klíč, automaticky inkrementován (shodná s id osobnosti ke které zajímavost_patří) zajimavost 6. tabulka zivotopisy má 2 sloupce: zivotopis_id - primární klíč, automaticky inkrementován (shodná s id osobnosti ke které zajímavost_patří) zivotopis
18 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm Uloţení práce na internetový server Původně autor vybral pro stránky server webzdarma.cz, ale po chvilkovém odzkoušení bylo jasné, že něco není v pořádku. Web byl pomalý hlavně při operacích s databází MYSQL. Proto se autor rozhodl pro přestěhování na endora.cz, kde je s rychlostí databáze už spokojen.
19 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm ZHODNOCENÍ DOSAŢENÝCH VÝSLEDKŮ (TECHNICKÝCH) 4.1. Splněné cíle vytvořenou administrátorské rozhraní pro úpravu dat navržen systém vkládání obrázku k osobnostem vytvořen jednoduchý skript pro vyhledání osobností navržen skript na stránkování dlouhých seznamů osobností a novinek navrhnuty komentáře k osobnostem 4.2. Funkčnost stránek stránky vyzkoušeny v 5 prohlížečích Google chrome, Mozilla Firefox, Opera, Internet Explorer 8 (verze uvedeny v kapitole 2.8) vzhled webu se v daných prohlížečích liší v celku minimálně mimo Internet Explorer (nepodporuje CSS verze 3), avšak žádný vliv na funkčnost nemá vypnutí Javascriptu ve webovém prohlížeči nemá zásadní vliv na funkci stránek 4.3. Nesplněné cíle webové stránky nejsou zcela validní, ale na funkčnost to nemá vliv chybí vkládání formátování do inputů typu textarea v administraci (tagy se musí vypisovat ručně) není možnost reagovat na jiný komentář tzn. zafixovat odpověď přímo k danému komentáři chybové stránky pomocí souboru. htaccess přepsání dynamické adresy na statickou (z důvodu lepšího zapamatování URL) vzhled stránek by mohl být lepší
20 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm PŘÍRUČKA UŢIVATELE Tato kapitola pojednává o vzhledu stránek, rozmístění jednotlivých ovládacích prvků a samotné ovládání aplikace Prvním vstup na web Při první vstupu si můžete přečíst něco stručného o webu nebo se podívat na nějakou novinku. V případě, že hledáte nějakou konkrétní osobu tak využít vyhledávání. Kdy napíšete jméno hledané osoby a kliknete na lupu. V případě úspěšného hledání se zobrazí tato odpověď. Obr. 5: Vyhledávání osobností
21 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 21 Po zobrazení jmen vyhledaných osobností lze kliknout na modrou ikonku s popiskem "Zobraz!" a tím dojde k zobrazení veškerých informací o osobnosti. Obr. 6: Zobrazení osobnosti Tuto zobrazenou osobnost si může návštěvník stránek vytisknout (odkaz ve tvaru tiskárny vpravo od jména osobnosti) nebo může osobnost dole okomentovat pomocí formuláře. V případě správnosti vyplnění dojde k zápisu komentáře na stránku. V případě vyššího počtu komentářů se komentáře stránkují.
22 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 22 Obr. 7: Vkládání komentářů k osobnostem V případě záporného výsledku při hledání, tedy nenalezení zadané osobnosti, se zobrazí tato odpověď. Obr. 8: Neúspěšné vyhledávání osobnosti
23 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 23 Lze také kliknout na odkaz abecední seznam osobností a dojde k zobrazení vždy 20 abecedně seřazených osobností, které lze dole stránkovat Přihlášení do administrace webu Pokud chcete upravovat obsah webu, musíte se přihlásit do administrace (heslo na přiloženém CD). To učiníte tak, že srolujete stránku až úplně dolů a tak kliknete na hypertextový odkaz Administrace. Po kliknutí se zobrazí stránka s formulářem pro vložení loginu (tzn. přihlašovací jméno) a hesla. Obr. 9: Formulář pro přihlášení Po vyplnění políček a kliknutí na tlačítko "Přihlásit" se zpracují odeslaná data a v případě neshody se zobrazí chybová hláška. Obr. 10: Špatně vyplněný přihl. formulář
24 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 24 Pokud je vše v pořádku, bude uživatel přihlášen. Do session se uloží jeho přihlašovací data a do hlavního panelu vpravo se zobrazí informace o jeho přihlášení, které jsou zobrazeny po celou dobu přihlášení. Zároveň dojde k přesměrování na základní administrační stránku. Zde nebo u informací o přihlášení jde zvolit předmět administrace, tj. osobnosti nebo novinky. Obr. 11: Informace o přihlášení 5.3. Ovládání administrace osobností V případě zvolení administrace osobností dojde k přesměrování na rozhraní vytvořené pro přidání, úpravu nebo mazání osobností. Nahoře najdeme panel s abecedou a znakem pro sumu. Tento panel složí k filtraci osobností. Kliknutím na některý znak abecedy se zobrazí všechny dostupné osobnosti pro tento znak včetně osobností s diakritikou sourozeneckého znaku. V případě vyššího počtu nalezených osobností lze opět stránkovat. Každý řádek přestavuje 1 osobnost. K dispozici má 3 tlačítka k úpravě, smazání a zobrazení. Obr. 12: Filtrace podle písmen
25 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm Přidání osobností Na stránce, o které bylo zmíněno v předešlé podkapitole 5.3. je odkaz pro přidání osobnosti. V případě kliknutí na tento odkaz bude vyobrazen vkládací formulář. Na konci formuláře následuje rozhraní pro vkládání zajímavostí, kdy logicky "+" je přidání a "-" ubrání. Naklikáme počet zajímavostí dle potřeby (nanejvýš však pět) a pokračujeme. Obr. 13: Přidávání a odebírání zajímavostí Po vyplnění všech povinných polí (logicky pokud osoba nezemřela nebo nemá děti - nevyplňujeme), vybrání fotky a odeslaní je uživatel, v případě, že je vše v pořádku, přesměrován na stránku se zobrazením nově vložené osobnosti. V opačném případě dojde k vypsání chybových hlášek a opakování akce. Obr.: 14: Formulář pro přidávání osobností (zkrácený)
26 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm Úprava osobností Po vyhledání osobnosti k úpravě klikneme na ikonu s tužkou a popiskem "Uprav!". Následně se zobrazí formulář obdobný pro přidávání osobností, s tím rozdílem, že je už vyplněný informacemi o vybrané osobnosti. Tyto hodnoty jdou libovolně přepisovat, případně i změnit fotografii. Pokud si není uživatel jist změnou fotografie, může si kliknutím na název fotografie zobrazit její náhled. Po změně hodnot, přidání či smazání zajímavostí odešleme formulář a dojde k jeho vyhodnocení obdobně jako v podkapitole 5.4. Obr. 15: Náhled fotky při úpravě osobnosti 5.6. Mazání osobností V případě, že z jakéhokoli důvodu už administrátor nechce mít na stránka nějakou osobnost, může ji i se všemi jejími komentáři odstranit. Stačí si osobnost opět najít (podkapitola 5.3) a kliknout na červeno-oranžovou ikonku s popiskem "Smaž!". Následuje přesměrování na stránku, kde se vás aplikace zeptá jestli jste si jisti svým krokem a v případě klik-
27 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 27 nutí na ano je osobnost nenávratně smazána. V opačném případě tedy kliknutí na ne se dostaneme zpět na hlavní administrační stánku osobností. Obr. 16: Mazání osobností 5.7. Ovládání administrace novinek V případě zvolení druhé možnosti administrace novinek se dostaneme na značně jednodušší stránku než v případě bodu 5.3. Máme zde tlačítko pro přidání nové novinky a výpis starých novinek v seznamu, které lze opět stránkovat. Každý řádek seznamu má tlačítka (ikony) pro úpravu, smazání a zobrazení. Obr. 17: Hlavní nabídka pro přidávání novinek 5.8. Přidání novinek Přidání novinek se provádí tak, že na stránce z podkapitoly 5.7. klikneme na tlačítko "přidej novinku". Poté musí být vyplněn formulář, na který se provedlo přesměrování. V případě, že aplikace neprotestuje dojde k přesměrování na hlavní stránku. Jelikož se novinky řadí dle nejnovějšího data vytvoření, tak novou novinku jde vidět hned nahoře.
28 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 28 Obr. 18: Chybové hlášky při přidávání novinek 5.9. Úprava novinek Úprava novinek je obdobná jako jejich přidávání. Na stránce z podkapitoly 5.7 klikneme na ikonku papíru s tužkou a dojde k přesměrování na jíž vyplněný formulář, který upravíme a je hotovo. Obr. 19: Úprava novinky
29 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm Mazání novinek Na stránce z podkapitoly 5.7 se po kliknutí na červeno-oranžovou ikonku s popiskem "Smaž!" nastane přemístění na stránku naprosto stejnou jako při mazaní osobností. Při kliknutí na ano je novinka nenávratně smazána, při kliknutí na ne stále existuje Mazání komentářů Klikneme na červenou-oranžovou ikonku s popiskem "Smaž!". Obr. 20: Mazání komentáře Následně dojde k přesměrování na stránku s již známou otázkou zda-li si uživatel přeje smazat tento komentář. Ať už se rozhodne jakkoliv, bude přesměrován zpět k osobnosti ke které patřil a nebo stále patří komentář z předchozí akce Odhlášení Odhlášení se nachází v již zmíněném hlavním panelu hned za loginem uživatele. Po kliknutí na odkaz "Odhlásit!" dojde k přesměrování na hlavní stránku a odhlášení z administrace. Proces nelze zvrátit kliknutím na tlačítko zpět implantované v prohlížeči. V případě zavření prohlížeče také dojde k nezvratnému odhlášení uživatele.
30 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 30 Obr. 21: Odhlášení z administrace
31 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 31 SHRNUTÍ Jelikož autor nikdy předtím nepracoval s databázovým strojem MYSQL a minimálně s PHP, musel ke zdárnému dokončení práce tyto techniky studovat. Hlavní bylo naučit se snadno orientovat v prostředí aplikace PHPMyAdmin a osvojit si spolupráci jazyků PHP a SQL. Něco se autor naučil také z Javascriptu respektive Jquery. Těžkosti nastávaly při prvotním skládání webu, kdy autor neměl moc zkušeností s tvorbou dynamického webu. Plány do budoucna Pokud bude mít web své návštěvníky, tak by určitě stálo za to ho vylepšit. Jedná se hlavně o zefektivnění administračního systému v oblasti vkládání formátování do textareaí. Dále rozšířit množství informací a vylepšit vkládání komentářů k osobnostem a odstranění bezpečnostních děr, kterých si autor kvůli omezeným znalostem není vědom.
32 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 32 SEZNAM POUŢITÝCH INFORMAČNÍCH ZDROJŮ Janovský Dušan. Jak psát web, návod na html stránky [online]. Dostupné na adrese: Churý Lukáš. Programujte.com - IT portál o programování, grafice a webdesignu [online]. Dostupné na adrese: Kysilka Pavel. Linux Software [online]. Dostupné na adrese: Grimmich Šimon. Tvorba webu.cz - stránky o webových technologiích [online]. Dostupné na adrese: PHP: Hypertext Preprocessor [online]. Dostupné na adrese: Wikipedia - informace k osobnostem Dostupné na adrese: PHP 5 a MYSQL 5, průvodce webového programátora - Michael Kofler, Bernd Oggl Velký průvodce JavaScriptem - Dave Thau
33 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 33 SEZNAM OBRÁZKŮ Obr. 1: PSPAD...8 Obr. 2: Adobe photoshop CS5...9 Obr. 3: Layout stránek...11 Obr. 4: Tabulky v databázi...16 Obr. 5: Vyhledávání osobností...20 Obr. 6: Zobrazení osobnosti...21 Obr. 7: Vkládání komentářů k osobnostem...22 Obr. 8: Neúspěšné vyhledávání osobnosti...22 Obr. 9: Formulář pro přihlášení...23 Obr. 10: Špatně vyplněný přihl. formulář...23 Obr. 11: Informace o přihlášení...24 Obr. 12: Filtrace podle písmen...24 Obr. 13: Přidávání a odebírání zajímavostí...25 Obr. 14: Formulář pro přidávání osobností (zkrácený)...25 Obr. 15: Náhled fotky při úpravě osobnosti...26 Obr. 16: Mazání osobností...27 Obr. 17: Hlavní nabídka pro přidávání novinek...27 Obr. 18: Chybové hlášky při přidávání novinek...28 Obr. 19: Úprava novinky...28 Obr. 20: Mazání komentáře...29 Obr. 21: Odhlášení z administrace...30
34 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 34 SEZNAM KÓDŮ Kód 1: ukázka hlavního stylování...12 Kód 2: zkrácený skript na kontrolu formuláře JS...13 Kód 3: ukázka knihovny Jquery...14 Kód 4.1: ukládání do databáze...15 Kód 4.2 ukládání do databáze...15 Kód 5 ukládání fotografií osobností na server...16
35 Střední škola informatiky, elektrotechniky a řemesel Roţnov pod Radhoštěm 35 SEZNAM PŘÍLOH 1) CD S ELEKTONICKOU FORMOU DOKUMENTACE
Uživatelská příručka 6.A6. (obr.1.)
Uživatelská příručka 6.A6 Na stránky se dostanete zadáním URL adresy: http://sestasest.tym.cz do vašeho prohlížeče. Teď jste se dostali na úvodní stránku, na které vidíte fotku, přivítání, odkaz na Uživatelskou
VíceMaturitní projekt do IVT Pavel Doleček
Maturitní projekt do IVT Pavel Doleček CO FILMBOOK JE Filmbook je uzavřená webová aplikace pro celkovou správu informací a dat souvisejících se sledováním filmů. Primárně je zaměřen na uchovávání a spravování
VíceSTŘEDNÍ ŠKOLA INFORMAČNÍCH TECHNOLOGIÍ A SOCIÁLNÍ PÉČE
STŘEDNÍ ŠKOLA INFORMAČNÍCH TECHNOLOGIÍ A SOCIÁLNÍ PÉČE WEBOWÉ STRÁNKY TŘÍD KAMIL POPELKA ZÁVĚREČNÁ MATURITNÍ PRÁCE BRNO 2011 Prohlášení Prohlašuji, že maturitní práce je mým původním autorským dílem, které
VíceNÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o.
NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE Ataxo Czech s.r.o. ÚVOD Internetové stránky vytvořené společností Ataxo v rámci produktu Mini web můžete jednoduše a rychle upravovat prostřednictvím on-line administrace.
VíceDELTA - STŘEDNÍ ŠKOLA INFORMATIKY A EKONOMIE, s.r.o. Obor informační technologie AJAX ESHOP. Maturitní projekt. Třída:
DELTA - STŘEDNÍ ŠKOLA INFORMATIKY A EKONOMIE, s.r.o. Obor informační technologie AJAX ESHOP Maturitní projekt Vypracoval: Denis Ptáček Třída: 4B Rok: 2014/2015 Obsah 1. Použité nástroje... 3 1.1 NetBeans
VíceObecní webové stránky. www.benetice.net
Obecní webové stránky www.benetice.net Obsah Registrace uživatele Panel uživatele Uživatelský profil Tvorba článků Skupiny Profily odběr informací Reakce na informaci TinyMCE Správa skupin Registrace uživatele
VícePodrobný návod pro administraci zákaznických účtů na portálu Czechiatour.eu
2013 Podrobný návod pro administraci zákaznických účtů na portálu Czechiatour.eu Czechiatour.eu 1.2.2013 Vážení zákazníci portálu Czechiatour.eu. Abychom Vám co nejvíce usnadnili orientaci v administraci
VíceWebová aplikace Znalostní testy online UŽIVATELSKÁ PŘÍRUČKA
Webová aplikace Znalostní testy online UŽIVATELSKÁ PŘÍRUČKA 2005 Lukáš Trombik OBSAH ÚVOD... 1 SPUŠTĚNÍ... 1 POPIS OVLÁDÁNÍ INFORMAČNÍHO SYSTÉMU... 1 POPIS KLIENTSKÉ ČÁSTI... 1 POPIS ADMINISTRÁTORSKÉ ČÁSTI...
Více17. července 2005 15:51 z moravec@yahoo.com http://www.z-moravec.net/
17. července 2005 15:51 z moravec@yahoo.com http://www.z-moravec.net/ Úvod 1 Úvod Nedávno jsem zveřejnil návod na vytvoření návštěvní knihy bez nutnosti použít databázi. To je výhodné tehdy, kdy na serveru
VíceAdministrace webu Postup při práci
Administrace webu Postup při práci Obsah Úvod... 2 Hlavní menu... 3 a. Newslettery... 3 b. Administrátoři... 3 c. Editor stránek... 4 d. Kategorie... 4 e. Novinky... 5 f. Produkty... 5 g. Odhlásit se...
VícePHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě
PHP PHP původně znamenalo Personal Home Page a vzniklo v roce 1996, od té doby prošlo velkými změnami a nyní tato zkratka znamená Hypertext Preprocessor. PHP je skriptovací programovací jazyk, určený především
VíceIndividuální projekt z předmětu webových stránek 2012/2013 - Anketa
Individuální projekt z předmětu webových stránek 2012/2013 - Anketa Daniel Beznoskov, 2 IT A Skupina 1 Úvod Prohlášení o autorství Prohlašuji, že jsem individuální projekt z předmětu webových stránek na
Více1 Webový server, instalace PHP a MySQL 13
Úvod 11 1 Webový server, instalace PHP a MySQL 13 Princip funkce webové aplikace 13 PHP 14 Principy tvorby a správy webového serveru a vývojářského počítače 14 Co je nezbytné k instalaci místního vývojářského
VíceSoučasný svět Projekt č. CZ.2.17/3.1.00/32038, podpořený Evropským sociálním fondem v rámci Operačního programu Praha adaptabilita
Aktivní webové stránky Úvod: - statické webové stránky: pevně vytvořený kód HTML uložený na serveru, ke kterému se přistupuje obvykle pomocí protokolu HTTP (HTTPS - zabezpečený). Je možno používat i různé
VíceMATURITNÍ PRÁCE dokumentace
MATURITNÍ PRÁCE dokumentace Úprava systému MATPRAC Maxmilián Klimčík školní rok: 2012/2013 obor: třída: Elektronické počítačové systémy PS4B ABSTRAKT Práce se zabývá grafickou úpravou školního webového
VíceDokumentace pro správu zlínských DUM
Dokumentace pro správu zlínských DUM Obsah 1 Správa administrátorů... 3 1.1 Přidávání administrátorů... 3 1.2 Nastavování práv administrátorů... 3 1.3 Upravení detailů administrátora... 5 1.4 Aktivování,
VíceINOVACE PŘEDMĚTŮ ICT. MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika
Vyšší odborná škola ekonomická a zdravotnická a Střední škola, Boskovice INOVACE PŘEDMĚTŮ ICT MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika Zpracoval: Jaroslav Kotlán srpen 2009s Úvod Modul Programování
VíceDatabázové aplikace pro internetové prostředí. 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku
Databázové aplikace pro internetové prostředí 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku Projekt: Inovace výuky prostřednictvím ICT Registrační číslo: CZ.1.07/1.5.00/34.250
VíceTVORBA WEBOVÝCH STRÁNEK
TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03c Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03c 1. Box model v CSS 2. Obtékání blokových (X)HTML elementů 3. Pozicování blokových (X)HTML
VíceUživatelská příručka administrativního rozhraní Vědecké knihovny v Olomouci
Držitel certifikátu jakosti ISO 9001:2001 Uživatelská příručka administrativního rozhraní Vědecké knihovny v Olomouci Stránka 1/44 Obsah 1.Redakční systém...4 1.1. Povolené jazykové mutace...4 5.2.1 Překlad
VícePomůcka/manuál pro redakční systém http://helpdesk.remax-czech.cz verze 1.0
Pomůcka/manuál pro redakční systém http://helpdesk.remax-czech.cz verze 1.0 Přihlášení do systému Na adrese http://helpdesk.remax-czech.cz, viz. obr., vyplněním příslušného uživatelského jména a hesla.
VíceNávod: Připojení ke školnímu FTP serveru. Návodu sloužící k přípojení k FTP serveru pomocí: Total Commander Webové rozhraní FTP Novell Client
Návod: Připojení ke školnímu FTP serveru Návodu sloužící k přípojení k FTP serveru pomocí: Total Commander Webové rozhraní FTP Novell Client Příhlášní ke školnímu FTP serveru pomocí programu Total Commander
VíceTour de ABB 2013 Průvodce online aplikací http://www.tourdeabb.cz
Tour de ABB 2013 Průvodce online aplikací http://www.tourdeabb.cz 1. V online systému došlo v tomto roce k několika změnám, proto není možno použít uživatelský účet z roku loňského. Prvním krokem je tedy,
VíceUŽIVATELSKÁ PŘÍRUČKA UČITEL
VYSOKÁ ŠKOLA BÁŇSKÁ TECHNICKÁ UNIVERZITA OSTRAVA UŽIVATELSKÁ PŘÍRUČKA UČITEL INFORMAČNÍ SYSTÉM PRO ZÁKLADNÍ ŠKOLU LOŠTICE Radek ZIMMERMANN Obsah 1 Úvod... 3 2 Přístup... 3 3 Přihlášení do systému... 4
VíceHTML - Úvod. Zpracoval: Petr Lasák
HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají
VíceČNHP. Příručka pro pacienty. Institut biostatistiky a analýz. Vytvořil:
ČNHP Vytvořil: Institut biostatistiky a analýz OBSAH. VSTUP DO REGISTRU... 3. ZAPOMENUTÉ HESLO... 3 2. ZÁKLADNÍ OKNO REGISTRU... 4 3. VYHLEDÁVÁNÍ PACIENTA... 5 3. NAPOSLEDY OTEVŘENÍ PACIENTI... 5 4. PRÁCE
VíceCzechAdvisor.cz. Návod pro členy AHR
CzechAdvisor.cz Návod pro členy AHR Obsah 1. Práce s portálem... 2 2. Registrace... 3 1.1. Základní údaje... 4 1.2. Informace o zařízení... 5 1.3. Fotografie... 5 1.4. Platba a podmínky... 6 1.5. Smlouva...
VíceWebové stránky fotbalového klubu
Semestrální práce pro X36WWW Webové stránky fotbalového klubu DOKUMENTACE autor: David Komárek 1. Zadání Naprogramujte informační web fotbalového klubu. V klubu jsou registrována dvě mužstva, A mužstvo
VíceManuál pro žadatele OBSAH
Manuál pro žadatele OBSAH 1. Úvod... 2 2. Registrace žadatele do systému... 3 3. Přihlášení... 5 4. Změna hesla... 6 5. Obnova zapomenutého hesla... 7 6. Vyplňování formuláře žádosti o dotaci... 8 6.1.
Více1. Webový server, instalace PHP a MySQL 13
Úvod 11 1. Webový server, instalace PHP a MySQL 13 Princip funkce webové aplikace 13 PHP 14 Principy tvorby a správy webového serveru a vývojářského počítače 14 Co je nezbytné k instalaci místního vývojářského
VíceINSTITUT PRO TESTOVÁNÍ A CERTIFIKACI, a. s. NÁVOD NA PŘÍSTUP K SEZNAMŮM VYSTAVENÝCH DOKUMENTŮ
INSTITUT PRO TESTOVÁNÍ A CERTIFIKACI, a. s. www.itczlin.cz NÁVOD NA PŘÍSTUP K SEZNAMŮM VYSTAVENÝCH DOKUMENTŮ Obsah: I. Návod na registraci pro přístup k seznamům vystavených dokumentů (odborná posouzení,
VícePříručka pro editaci kontaktů na eagri
Obsah Úvod... 1 Uživatel a subjekt... 1 Kontakty... 1 Validace hodnoty kontaktu... 2 GPS souřadnice... 3 Datová schránka... 3 Adresy... 3 Speciální PSČ... 4 Adresy s P.O. Box... 4 Klíč pro WS... 4 Uživatelé...
VíceCRV Czech Republic je na facebooku!
CRV Czech Republic je na facebooku! Na to, abyste mohli prohlížet naše facebookové stránky, není třeba se registrovat. Stačí do internetového prohlížeče zadat adresu: http://www.facebook.com/pages/crv-czech-republic/198677136816177
VíceRedakční systém Joomla. Prokop Zelený
Redakční systém Joomla Prokop Zelený 1 Co jsou to red. systémy? Redakční systémy (anglicky Content Management System - CMS) jsou webové aplikace používané pro snadnou správu obsahu stránek. Hlavním cílem
VíceUživatelská příručka aplikace. SPRÁVA NEMOVITOSTÍ pro bytová družstva a společenství vlastníků jednotek
Uživatelská příručka aplikace SPRÁVA NEMOVITOSTÍ pro bytová družstva a společenství vlastníků jednotek Příručka pro práci s aplikací Správa nemovitostí pro bytová družstva a společenství vlastníků jednotek
VíceManuál pro obsluhu Webových stránek
ResMaster Systems s.r.o. Truhlářská 1119/20, 110 00 Praha 1 Manuál pro obsluhu Webových stránek (Prosinec 2018) Jana Vítová, +420 225 388 130 2018 Obsah Úvod Webové stránky... 3 Slovník pojmů... 3 URL
VíceFiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují.
Název a registrační číslo projektu: CZ.1.07/1.5.00/34.0498 Číslo a název oblasti podpory: 1.5 Zlepšení podmínek pro vzdělávání na středních školách Realizace projektu: 02. 07. 2012 01. 07. 2014 Autor:
VíceManuál k e-learningovému vzdělávacímu modulu 1 MODUL HIGH-TECH POTRAVINY. Popularizace zdraví Po.Zdrav (CZ.1.07/3.1.00/37.0104)
2013 Manuál k e-learningovému vzdělávacímu modulu 1 MODUL HIGH-TECH POTRAVINY Popularizace zdraví Po.Zdrav (CZ.1.07/3.1.00/37.0104) Obsah OBSAH... 1 ÚVOD... 2 PŘÍRUČKA PRO ADMINISTRÁTORA... 3 1. VYTVOŘENÍ
VíceNávod pro práci s aplikací
Návod pro práci s aplikací NASTAVENÍ FAKTURACÍ...1 NASTAVENÍ FAKTURAČNÍCH ÚDA JŮ...1 Texty - doklady...1 Fakturační řady Ostatní volby...1 Logo Razítko dokladu...2 NASTAVENÍ DALŠÍCH ÚDA JŮ (SEZNAMŮ HODNOT)...2
VíceVYHLEDÁVACÍ BANNER PRO WEBOVÉ STRÁNKY
VYHLEDÁVACÍ BANNER PRO WEBOVÉ STRÁNKY DOKUMENTACE Datum: 16.12. 2013 Zpracováno pro: Ředitelství silnic a dálnic ČR Na Pankráci 546/56 145 05 Praha 4 Zpracoval: VARS BRNO a.s. Kroftova 3167/80c, 616 00
VíceWEBOVÉ STRÁNKY www.krestanskevanoce.cz
WEBOVÉ STRÁNKY www.krestanskevanoce.cz Domovská stránka Křesťanských Vánoc je založena na databázi, která vedle běžných funkcí redakčního systému internetové prezentace umožňuje též uložit údaje o jednotlivých
VíceÚvodem 9. Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10. Než začneme 11
Obsah Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10 Kapitola 1 Než začneme 11 Dynamické vs. statické stránky 11 Co je a k čemu slouží PHP 12 Instalace potřebného softwarového
VíceManuál pro používání systému Responsible Care
Manuál pro používání systému Responsible Care OBSAH Úvodní pokyny (registrace a přihlášení)... 3 Podání hlášení... 4 Správá odeslaných hlášení (prohlížení, opravy, mazání)... 5 Správa údajů společnosti...
VíceM E T O D I K A W I K I
M E T O D I K A W I K I STŘEDNÍ ŠKOLY INFORMATIKY A SPOJŮ, BRNO, ČICHNOVA 23 NÁPOVĚDA OBSAH Webové stránky Střední školy informatiky a spojů, Brno, Čichnova 23... 3 Moje stránka... 6 Přihlášení... 6 Po
VícePráce s administračním systémem internetových stránek Podaných rukou
Práce s administračním systémem internetových stránek Podaných rukou 2011 Ing. Jakub Matas 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í
VíceNástrojová lišta v editačním poli
Nástrojová lišta v editačním poli Název projektu PŘEJÍT NA konkrétní sekci webu ZOBRAZIT zobrazí a) pracovní verzi webu (tj. nepublikovanou) b) publikovanou verzi webu a) Odstranit odstraní zobrazenou
VíceÚvod do tvorby internetových aplikací
CVT6 01a Úvod do tvorby internetových aplikací Osnova předmětu (X)HTML a tvorba webu pomocí přímého zápisu kódu Tvorba web designu a skládání stránek z kousků Skriptovací jazyky na webu Návrh software
VíceSystém JSR představuje kompletní řešení pro webové stránky malého a středního rozsahu.
Redakční systém JSR Systém pro správu obsahu webových stránek Řešení pro soukromé i firemní webové stránky Systém JSR představuje kompletní řešení pro webové stránky malého a středního rozsahu. Je plně
VíceUživatelská příručka
Uživatelská příručka k registraci a zpracování elektronické žádosti o dotaci v prostředí aplikace Komunikace s občany (RAP) Obsah: 1. Úvod... 1 2. Než začnete vyplňovat elektronickou žádost o dotaci...
VíceNÁVOD NA PŘÍSTUP K SEZNAMU VÝPISŮ A DUPLIKÁTŮ
INSTITUT PRO TESTOVÁNÍ A CERTIFIKACI, a. s. www.itczlin.cz NÁVOD NA PŘÍSTUP K SEZNAMU VÝPISŮ A DUPLIKÁTŮ Obsah: I. Návod na registraci pro přístup k Seznamu osvědčených VHP i TZ a seznamu duplikátů II.
Vícezoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o.
zoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o. 1 Obsah 1. Přihlášení 2. Výpis sekcí 3. Vytvoření nové sekce 4. Editace sekce 4.1. Výběr sekce k editaci 5. Editace hlavičky
VíceAdministrační systém
Administrační systém MANUÁL verze 1.80 OBSAH PŘIHLÁŠENÍ DO SYSTÉMU UŢIVATELSKÉ PROSTŘEDÍ ADMINISTRACE AKTUALITY ADMINISTRACE REFERENCE PRÁCE S FOTOGRAFIEMI PRÁCE S RICHTEXT EDITOREM PŘIHLÁŠENÍ DO SYSTÉMU
VíceREGIONÁLNÍ INFORMAČNÍ SYSTÉM S PODPOROU MAP
Středoškolská technika 2010 Setkání a prezentace prací středoškolských studentů na ČVUT REGIONÁLNÍ INFORMAČNÍ SYSTÉM S PODPOROU MAP Karel Soukup Vyšší odborná a Střední průmyslová škola Varnsdorf Mariánská
VíceSEO OPTIMALIZACE PRO VYHLEDÁVAČE JEDNODUŠE
Středoškolská technika 2011 Setkání a prezentace prací středoškolských studentů na ČVUT SEO OPTIMALIZACE PRO VYHLEDÁVAČE JEDNODUŠE Adama Kořenek Úvod Střední průmyslová škola elektrotechnická V Úžlabině
VíceTECHNICKÁ DOKUMENTACE SOCIÁLNÍ SÍŤ MRSHARE. David Malát, Adam Novák, David Vurbs, Dominik Walta. SPŠ Na Proseku 2012/13. Pod velením Davida Vurbse
TECHNICKÁ DOKUMENTACE SOCIÁLNÍ SÍŤ MRSHARE David Malát, Adam Novák, David Vurbs, Dominik Walta SPŠ Na Proseku 2012/13 Pod velením Davida Vurbse Zadání práce Adam Novák-Vytvořit zeď a její funkce a technickou
VíceUživatelská příručka
Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. Uživatelská příručka Vzdělávací infoportál MSK IT Academy Regionální vzdělávací partnerství pro ICT Projekt
VíceDESETIMINUTOVKY HTML - DOVEDNOSTI TÉMATA:
DESETIMINUTOVKY HTML - DOVEDNOSTI TÉMATA: 1 Obsah HTML... 1 ZÁKLADNÍ STRUKTURA WEB STRÁNKY... 1 OBSAH HLAVIČKY WEB STRÁNKY... 1 ZÁKLADNÍ HTML LAYOUT WEB STRÁNKY... 1 ZOBRAZOVANÁ HLAVIČKA WEB STRÁNKY...
VíceWebNews 2.4 (publikační systém)
WebNews publikační systém Strana 1 WebNews 2.4 (publikační systém) popis administračního rozhraní terc.cz Ing. Michal Terč, Sokolovská 2720, 530 02 Pardubice tel.: +420 604 793 955, tel./fax: +420 466
VíceSystém eprojekty Příručka uživatele
YOUR SYSTEM http://www.ys.cz Systém eprojekty Příručka uživatele YOUR SYSTEM, spol. s r.o., se sídlem Praha Türkova 2319/5b, 149 00 Praha 4, IČ: 00174939, DIČ: CZ00174939, zapsaná v obchodním rejstříku,
VíceInformační systém pro e-learning manuál
Informační systém pro e-learning manuál Verze 1.00 Úvod Tento dokument popisuje způsob práce s informačním systémem pro elektronické vzdělávání. Systém je určený pro vytvoření elektronického kurzu a jeho
VíceKurz je rozdělen do čtyř bloků, které je možné absolvovat i samostatně. Podmínkou pro vstup do kurzu je znalost problematiky kurzů předešlých.
Soubor kurzů XHTML, CSS, PHP a MySQL Kurz je rozdělen do čtyř bloků, které je možné absolvovat i samostatně. Podmínkou pro vstup do kurzu je znalost problematiky kurzů předešlých. Jeden blok se skládá
VíceExterní Helpdesk Uživatelská příručka. verze 1.00
Externí Helpdesk Uživatelská příručka verze 1.00 Externí Helpdesk uživatelská příručka k webovému prostředí Copyright 2011 Triada, spol. s r. o. Triada, spol. s r. o. U svobodárny 1110/12 190 00 Praha
VíceUživatelská příručka
Tel.: 558 646 913 Fax: 558 6626 500 Webové stránky města Kolín Uživatelská příručka Vypracovala Kateřina Klichová 28. 4. 2011 Obsah 1 Přílohy... 1 1.1 Vložení přílohy... 1 1.2 Smazání přílohy... 2 1.3
VíceDUM č. 11 v sadě. 36. Inf-12 Počítačové sítě
projekt GML Brno Docens DUM č. 11 v sadě 36. Inf-12 Počítačové sítě Autor: Lukáš Rýdlo Datum: 06.05.2014 Ročník: 3AV, 3AF Anotace DUMu: WWW, HTML, HTTP, HTTPS, webhosting Materiály jsou určeny pro bezplatné
VíceCzechAdvisor.cz. Návod pro členy AHR
CzechAdvisor.cz Návod pro členy AHR Obsah 1. Registrace... 2 1.1. Základní údaje... 3 1.2. Informace o zařízení... 4 1.3. Fotografie... 4 1.4. Platba a podmínky... 5 1.5. Smlouva... 6 2. Přihlášení do
VíceStudijní průvodce e-learningovými kurzy
Studijní průvodce e-learningovými kurzy Obsah průvodce: 1. METODICKÝ PRŮVODCE... 2 1.1. PRŮBĚŽNÉ TESTY - AUTOTESTY... 2 1.2. ZÁVĚREČNÝ TEST... 2 2. PRŮVODCE OVLÁDÁNÍM UŽIVATELSKÉHO PROSTŘEDÍ... 3 2.1.
VíceOBSAH 1. Google Picasa...3 2. Používání programu Picasa...6 2.1 Organizování fotografií...8 2.2 Vyhledávání...8 2.3 Úprava fotografií...9 2.
Digitální fotoalbum OBSAH 1. Google Picasa...3 2. Používání programu Picasa...6 2.1 Organizování fotografií...8 2.2 Vyhledávání...8 2.3 Úprava fotografií...9 2.4 Tisk fotografií...10 2.5 Webové album...11
VíceNejčastější kladené dotazy
Nejčastější kladené dotazy Než začnete vyplňovat žádost prostřednictvím jednotného inteligentního formuláře, je vhodné si přečíst návod. Přesto se může stát, že v něm nenajdete všechno. V takovém případě
VíceProfesis KROK ZA KROKEM 2
Profesis KROK ZA KROKEM 2 Adresa systému: www.profesis.cz Údaje nutné pro přihlášení: - přihlašovací jméno: sedmimístné číslo autorizace. Včetně nul na začátku např.: 0000001 - heslo: na štítku DVD Profesis
VíceWebSyncro Stručná příručka pro koncové uživatele
WebSyncro Stručná příručka pro koncové uživatele ŠKODA Auto / PLL-S/1 a FIB, WebSyncro, 18.04.2017 1 Obsah Popis aplikace... 3 Přístup k aplikaci... 3 Přihlášení k aplikaci... 3 Práce s aplikací... 4 Soubor...
Více1 Administrace systému 3. 1.3 Moduly... 3 1.4 Skupiny atributů... 4 1.5 Atributy... 4 1.6 Hodnoty atributů... 4
CRM SYSTÉM KORMORÁN PŘÍRUČKA ADMINISTRÁTORA Obsah 1 Administrace systému 3 1.1 Uživatelské účty.................................. 3 1.2 Přístupová práva................................. 3 1.3 Moduly.......................................
VíceInovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz
Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz CZ.1.07/2.2.00/15.0247 Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. Tvorba
Více..:: IKV.EVARIANTY.CZ ::.. ..:: Uživatelský manuál pro studenty ::..
..:: IKV.EVARIANTY.CZ ::....:: Uživatelský manuál pro studenty ::.. 1 OBSAH OBSAH...2 1. Vstup na portál IKV...3 1.1 Registrace...4 1.2 Přihlášení...5 2. Po přihlášení...6 2.1 Hlavní menu...7 Hlavní menu
VíceEasycars Aplikace pro správu autobazaru
Easycars Aplikace pro správu autobazaru Obsah 1 Úvod... 2 1.1 Požadavky... 2 2 Přihlášení do systému... 3 2.1 Úvodní stránka... 4 3 Správa nabídek vozů a klienů... 5 3.1 Výpis vozidel... 5 3.1.1 Export
VíceUživatelská příručka pro respondenty
Uživatelská příručka pro respondenty Statistický informační systém Českého statistického úřadu Subsystém DANTE WEB Funkční blok Objednavatel: Český statistický úřad Na padesátém 81, 100 82 Praha 10 Dodavatel:
VícePOKYNY K REGISTRACI PROFILU ZADAVATELE
POKYNY K REGISTRACI PROFILU ZADAVATELE Stav ke dni 4. 12. 2012 Obsah: 1 Úvod... 3 1.1 Podmínky provozu... 3 1.2 Pokyny k užívání dokumentu... 3 2 Registrace profilu zadavatele... 4 2.1 Přihlášení uživatele...
VíceInformace o nové úpravě systému ASJA (leden 2015)
Informace o nové úpravě systému ASJA (leden 2015) 1. V hlavním (prostředním) sloupci systému ASJA je výčet jednotlivých oblastí, ve kterých probíhá vzdělávání JA, a to: CIVILNÍ SOUDNICTVÍ TRESTNÍ SOUDNICTVÍ
VíceTechnická podpora: tel
Návod na vyplnění el. žádosti o dotace v prostředí portálu Komunikace pro občany Než začnete vyplňovat elektronický formulář Budete potřebovat: e-mailovou schránku, na kterou máte přístup zařízení s přístupem
VícePROFI TDi s.r.o. 696 37, Želetice 40 www.profi-tdi.cz info@profi-tdi.cz. Návod k používání systému OTDI.CZ
Návod k používání systému OTDI.CZ Vážený kliente. Děkujeme za projevený zájem o náš on-line systém evidence kontrol, určený speciálně pro účely dozorů staveb. Systém OTDI.CZ nabízí svým uživatelům zejména:
VíceSystém pro online rozhovory
VYSOKÁ ŠKOLA BÁŇSKÁ TECHNICKÁ UNIVERZITA OSTRAVA INFORMAČNÍ SYSTÉMY A DATOVÉ SKLADY Systém pro online rozhovory (semestrální projekt) ZS 2010-2011 Analýza Implementace Číslo skupiny: 13 Členové skupiny:
VíceSUN Outdoor Registrační systém. Návod pro pedagogy. Obsah návodu
SUN Outdoor Registrační systém Obsah návodu SUN Outdoor Registrační systém... 1... 1 Obsah návodu... 1 1 Registrace a přihlašování... 2 1.1 Registrace... 2 1.2 Přihlášení... 3 1.2.1 Zapomněl jsem své údaje...
VíceOBSAH. 48 Příručka ON-LINE KUPEG úvěrová pojišťovna, a.s. www.kupeg.cz
DODATEK č. 1 20.1.2012 OBSAH OBSAH... 48 C. PRÁCE SE SYSTÉMEM... 49 C.1 ÚVODNÍ OBRAZOVKA PO PŘIHLÁŠENÍ... 49 C.2 NASTAVENÍ VLASTNÍCH ÚDAJŮ... 50 a. Nastavení Uživatele... 50 b. Nastavení Systému... 51
VíceMANUÁL PRO REDAKČNÍ SYSTÉM WEBOVÝCH STRÁNEK OBSAH
MANUÁL PRO REDAKČNÍ SYSTÉM WEBOVÝCH STRÁNEK OBSAH Obsah... 1 1. Přihlášení... 3 2. Struktura webu... 3 2.1. Změna pořadí podstránek... 4 2.2. Vložení nové podstránky... 4 3. Úprava obsahu podstránky...
Více1 Přihlášení do aplikace Online Operátor Chat
Obsah 1 Přihlášení do aplikace Online Operátor Chat... 3 2 Nastavení pro Adobe Flash Player... 3 3 Ukázka virtuální místnosti Online Operátor... 4 4 Funkce a vlastnosti aplikace Online Operátor... 5 4.1
VíceSUN Outdoor Registrační systém. Návod pro rodiče. Obsah návodu
SUN Outdoor Registrační systém Obsah návodu SUN Outdoor Registrační systém... 1... 1 Obsah návodu... 1 1 Registrace a přihlašování... 2 1.1 Registrace... 2 1.2 Přihlášení... 2 1.2.1 Zapomněl jsem své údaje...
VíceJak se orientovat ve světě ESTOFANu verze 3.0.3?
Jak se orientovat ve světě ESTOFANu verze 3.0.3? Systém ESTOFAN je určen pro administraci a editaci webových stránek, které jsou provozovány reklamní agenturou PANKREA. 1. Přihlášení Po objednávce a vytvoření
VíceWORKWATCH ON-LINE EVIDENCE PRÁCE A ZAKÁZEK
WORKWATCH ON-LINE EVIDENCE PRÁCE A ZAKÁZEK Systém WorkWatch je určen pro malé a střední firmy, které se zabývají službami nebo zakázkovou výrobou. Zajistí dokonalý přehled o všech zakázkách a jejich rozpracovanosti.
VíceNávrh uživatelských rozhraní NOV-WEB. Jakub Bartoš, Pavel Dvořák, Jakub Motyčka, Kamil Procházka
Návrh uživatelských rozhraní D3 NOV-WEB Web pro stránky předmětů Jakub Bartoš, Pavel Dvořák, Jakub Motyčka, Kamil Procházka Prototyp - Prototyp je vytvořen formou webové stránky. Výchozí stránka prototypu
VíceSimBIm uživatelská dokumentace
SimBIm uživatelská dokumentace SimBIm (zkratka pro Similarity Between Images) je webová aplikace určená pro sběr uživatelských hodnocení podobnosti mezi obrázky. Tyto nasbíraná hodnocení jsou pak většinou
VíceUživatelský manuál aplikace. Dental MAXweb
Uživatelský manuál aplikace Dental MAXweb Obsah Obsah... 2 1. Základní operace... 3 1.1. Přihlášení do aplikace... 3 1.2. Odhlášení z aplikace... 3 1.3. Náhled aplikace v jiné úrovni... 3 1.4. Změna barevné
VíceStručný manuál pro webový editor. Ukládáni základních informací, tvorba menu
Stručný manuál pro webový editor Ukládáni základních informací, tvorba menu Po přihlášení ( zadejte zaslané přihlašovací jméno a heslo ) se Vám zobrazí stránka, kde jsou následující údaje: 1. blok, který
VíceVyhledávací techniky a editace v klientovi ARL
Vyhledávací techniky a editace v klientovi ARL VYHLEDÁVÁNÍ techniky SCAN, BROWSE, Jednoduché vyhledávání Po přepnutí do báze, ve které budu hledat (nejčastěji báze autorit cav_un_auth a záznamů cav_un_epca)
VíceWNC::WebNucleatCreator
Tomáš Dlouhý WNC::WebNucleatCreator Verze: 5.1 1 Obsah Obsah...2 Úvod...3 Novinky...3 Požadavky...4 Instalace...4 Přihlášení se do WNC...6 Moduly...7 Modul Blog...7 Modul Categories...8 Modul News...8
VíceTabulkový kalkulátor
1.1.1 GRAF Vhodným doplněním textů a tabulek jsou grafy. Graf je v podstatě obrázek graficky zobrazující hodnoty údajů z tabulky. Je vhodným objektem pro porovnávání údajů a jejich analýzu. Graf můžeme
Více1 Přihlášení do aplikace Online Operátor. 2 Nastavení pro Adobe Flash Player
Obsah 1 Přihlášení do aplikace Online Operátor... 3 2 Nastavení pro Adobe Flash Player... 3 3 Ukázka virtuální místnosti Online Operátor... 4 4 Funkce a vlastnosti aplikace Online Operátor... 5 4.1 Klientské
VíceCzech Nature Photo Návod
Czech Nature Photo Návod Tento návod vás provede všemi úkony nutnými pro úspěšné přihlášení vašich fotogra?ií do soutěže Czech Nature Photo. Pokud narazíte na problém, který není v tomto dokumentu podchycen,
VíceVstupní požadavky, doporučení a metodické pokyny
Název modulu: Základy PHP Označení: C9 Stručná charakteristika modulu Modul je orientován na tvorbu dynamických stánek aktualizovaných podle kontextu volání. Jazyk PHP umožňuje velmi jednoduchým způsobem
VíceDokumentace k projektu Usnesení Zastupitelstva Obce
Dokumentace k projektu Usnesení Zastupitelstva Obce Příručka a popis práce zastupitele Vytvořeno dne: 5. 1. 2016 Aktualizováno: 5. 1. 2016 Verze: 1.1 2016 uzob.cz Obsah 1. OBECNÝ POPIS... 3 2. PŘIHLÁŠENÍ
Více