Interaktivní = umožňující vzájemnou komunikaci, tj. přímý vstup do činnosti stroje nebo programu.
|
|
- Daniel Mašek
- před 8 lety
- Počet zobrazení:
Transkript
1 Úvod do tvorby www stránek Tvorba www 4 Práce s formuláři Lze rozdělit na dvě části: návrhovou a programovací (tj. vývoji skriptu). Pomocí formulářů provádíme reálnou interaktivitu stránky s uživatelem. Slouží k zadání/zapsání a odeslání dat/informací uživatelem. Poskytují množství různých ovládacích prvků, které lze na www stránce použít. Není možné je navzájem vnořovat. Obsah formuláře je možné kontrolovat pomocí skriptu ještě před odesláním. Odeslaný formulář je zpracován na straně serveru k následujícímu účelu. Interaktivní = umožňující vzájemnou komunikaci, tj. přímý vstup do činnosti stroje nebo programu. Pro vytvoření formuláře se použije párový tag: <form> </form>, který má tyto atributy: action method accept enctype onsubmit URL adresa stránky, na kterou je formulář posílán pro zpracování metoda odeslání dat GET / POST (implicitně GET), určuje způsob jakým, budou data odesílána formát souborů, který bude při zpracování akceptován, seznam více formátů oddělený čárkou "image/gif,image/jpg" kódování (formát) odchozích dat: application/x-www-form-urlencoded, multipart/form-data událost v okamžiku odeslání dat Pro validaci stránky použijte: <form action=""> Metody odesílání formuláře get (krátké formuláře, bez diakritiky v názvech a hodnotách) implicitní metoda (základní), hodnoty odesílá jako součást URL adresy (vše se odehrává v jednom přenosovém kroku, hodnoty jsou přímo viditelné v URL adrese NEBEZPEČNÉ, možné zneužití), vhodná pro krátké formuláře, pokud v názvech a hodnotách není diakritika a nejedná se o citlivé údaje. post (rozsáhlé formuláře, odesílání souborů, hesel) hodnoty odesílá na server v samostatném přenosu, tj. jako samostatná HTTP objekt, vhodné pro rozsáhlé formuláře nebo soubory, transakci, v níž se přenášejí parametry lze zabezpečit. Ovládací prvky Různé prvky jsou vhodné pro různé činnosti a typy informací. Každý ovládací prvek má jedinečné jméno v rámci formuláře. Atribut id je na jménu nezávislý. Ovládací prvek má vždy nějakou aktuální hodnotu.
2 Prvek může mít zadanou i nějakou výchozí hodnotu. Práce s ovládacími prvky často spočívá ve využití skriptů na straně klienta (validace, spolupráce mezi prvky) nebo na serveru (nastavování hodnot a plnění nabídek např. hodnotami z databáze). Vstupní prvek input (vždy nepárový element), očekává vstup od uživatele. <input type="text" name="jmeno" value="vaše jméno" size="15" maxlength="20" /> type name id value disabled size maxlength typ ovládacího prvku text, password, checkbox, radio, submit, reset, button, image, hidden, file název prvku, pouze pro účely odesílání formuláře identifikátor prvku, identifikace ve stylech, skriptech implicitní (výchozí) hodnota ovládacího prvku znepřístupnění prvku, nelze měnit jeho hodnotu velikost prvku, tj. délka políčka ve znacích max. velikost prvku, tj. max. délka políčka ve znacích Textové pole Základním prvkem formuláře je textové políčko, do něhož se vepisují požadované informace. Políčku můžete také navolit jeho velikost, která se zadává parametrem size="délka". Pokud nezadáte velikost políčka, bude nastavena standardní délka zhruba 20 písmen. Protože můžete psát do políčka text delší, než je jeho velikost, lze nastavit i maximální počet znaků, které lze do políčka vepsat: maxlength="počet slov". Do políčka pak nelze zapsat text delší, než jste zadali. Příklady Zadejte své příjmení: <input type="text" name="příjmení" size="25" maxlength="100" align="left" title="příjmení" /> Zadejte své jméno: <input type="text" name="jméno" size="25" maxlength="100" align="left" title="jméno" /> title popisek ve žlutém rámečku value Doplňkem definice textového políčka je možnost přednastavit text, který bude v políčku vepsán již při příchodu uživatele na zadanou stránku, a sice parametrem: value="přednastavený text". Zdejte své příjmení <input type="text" name="prijmeni" value="vaše příjmení" size="30" maxlength="50" /> 2
3 Zdejte své jméno <input type="text" name="jmeno" value="vaše křestní jméno" size="20" maxlength="50" /> password Chcete li použít políčka např. pro nastavení hesla, kdy nechcete, aby někdo mohl text do políčka napsaný (heslo) opsat, použijte: input type="password" To, co píšete, se bude zobrazovat jako série hvězdiček. I zde je možné dodat implicitní text, ten se také zobrazí jako hvězdičky. Pro přihlášení zadejte heslo: <input type="password" name="heslo" size="10" value="50" /> checkbox Používaným prvkem formulářů jsou zatrhávací políčka. Ta se používají především tam, kde stačí pouze souhlasit nebo nesouhlasit s daným tvrzením, Pro zobrazení zatržítka se používá značka input, pouze s jinou hodnotou parametru type: <input type="checkbox"> Parametr checked určuje, zda má být políčko implicitně zatrhnuto či nikoliv. Je li parametr přítomen, bude zaškrtnuto, jinak ne. <input type ="checkbox" checked="checked" > Zatrhnutí políčka není nevratné; pokud je jednou zaškrtnete, lze jej opět odškrtnout a naopak. K snídani si přeji:<br /> kávu: <input type="checkbox" name="vyber"/> <br /> čaj: <input type="checkbox" name="vyber"/> <br /> juice: <input type="checkbox" name="vyber" checked="checked" /> <br /> jogurt: <input type="checkbox" name="vyber"/> <br /> máslo: <input type="checkbox" name="vyber"/> <br /> chléb: <input type="checkbox" name="vyber" checked="checked"/> <br /> radio Druhým typem zaškrtávacích tlačítek je tzv. radiobutton, který podobně jako checkbox může mít dva stavy: zaškrtnuto a nezaškrtnuto. Používá se však odlišně: jako výběr jednoho z mnoha. Pokud necháte pomocí radiobuttonů tento výběr zobrazit na stránce, může pak 3
4 uživatel klepnutím myši na kolečko zatrhnout jeden z výběrů, výběrem jiného rozmezí se původní výběr zruší. Nelze tedy zaškrtnout více výběrů naráz. <input type="radio"> Každý jeden takový řádek vytvoří jedno kolečko, tedy jednu možnou volbu z celého seznamu. Pokud je takových voleb více, je nutné použít odpovídající počet značek input. U každé značky nesmí chybět parametr name se stejnou hodnotou, aby prohlížeč poznal, že všechny výběry patří k sobě. Pokud chcete vytvořit nějaké implicitní nastavení, přidejte k některé značce input parametr checked, který má stejný význam jako u zatrhávacích políček. Radiobuttony se hodí tam, kde zvýší přehlednost, a není mnoho možností na výběr. K obědu si přeji: <br /> <input type="radio" name="obed" value="veprove" /> veřové maso <input type="radio" name="obed" value="kureci" checked="checked" /> kuřecí maso <input type="radio" name="obed" value="ryba" /> rybu <input type="radio" name="obed" value="vegetarian" /> vegetariánské <br /><br /> Tlačítko Po vyplnění formuláře musí dát uživatel na vědomí prohlížeči, že může s obsahem formuláře dále pracovat. Buďto obsah odeslat serveru nebo předat nějakému řídicímu skriptu. To zpravidla provádí klepnutím na tlačítko, které bývá umístěno na konci formuláře. To se definuje opět klasickým způsobem, značkou input: <input type="button" value="tlačítko"> Velikost tlačítka se přizpůsobí velikost textu, který je uveden jako hodnota parametru value. Pokud ji napíšete třeba takto: <input type="button" value=" Tlačítko "> zvětší se zároveň i velikost tohoto tlačítka. Tlačítka, vytvořená elementem input mají svá omezení. Jsou tvořena buď pouze textem, nebo pouze obrázkem. <input type="submit" name="odeslani" value="odeslat formular" /> 4
5 type name disabled value funkce tlačítka: submit předání všech hodnot ve formuláři skriptu, odesílá veškeré vyplněné hodnoty formuláře na server reset vymaže prvky formuláře a nastaví implicitní hodnoty button spustí požadovaný skript název elementu, jméno tlačítka, na které se odkazují skripty, které jsou s tlačítkem provázány znepřístupnění tlačítka, tlačítko nepůjde použít, bude zašedlé a nepůjde na ně klepnout myší výchozí hodnota, která je předána skriptu Příklad Pro odeslání vyplněného formuláře použijte tlačítko: <input type="submit" name="odeslani" title="odeslání" value="tlačítko k odeslání"/> Příklad Tlačítko button Chcete pokračovat? <br /> <input type="button" name="volba1" value="ano" /> <input type="button" name="volba2" value="ne" /> <input type="button" name="volba3" value="nevím" /> Další možnosti tlačítek jsou následující: type="reset" Tlačítko, které se používá při resetování (vymazávání, nastavení na původní hodnotu) všech prvků formuláře. type="submit" Tlačítko, po jehož stisknutí se obsah vyplněného formuláře odesílá směrem k serveru. Rozbalovací nabídka (roletka) select Ohraničuje vysunovací nabídku roletka s výběrem možných voleb. Vedle textového políčka se objeví malá šipka ukazující směrem dolů. Pokud na ni klepnete myší, ukáže se seznam možných hodnot, z nichž lze jednu vybrat. K tomu slouží značka <select name="jméno výběru"> Následuje seznam položek, které lze ze seznamu vybrat; ty jsou definovány další značkou, a to ve sledu, v jakém budou zobrazeny. Obsahem jsou jednotlivé položky, každá reprezentovaná jedním elementem option. 5
6 <select name="jméno výběru"> <option>výběr 1</option> <option>výběr 2</option> <option>výběr 3</option> </select> Odesílá se vždy hodnota (value) vybrané položky. size multiple optgroup počet viditelných položek nabídky (bez vysunutí) umožňuje označení (výběr) více položek současně vytvoření skupin uvnitř vysunovací nabídky, skupiny nelze navzájem vnořovat Příklad Příloha k obědu: <select name="ovoce"> <option value="jb">jablko</option> <option value="hs">hruška</option> <option value="sv">švestka</option> <option value="an">ananas</option> <option value="br">broskev</option> </select> Parametr multiple určuje, že půjde vybrat více položek seznamu současně (přidržením klávesy CTRL nebo SHIFT, podle standardu Windows). V praxi se však tento parametr moc nepoužívá, pokud chcete nabídnout uživateli více možností, použijte raději zatrhávací políčka, tzv. checkboxy. size="n": počet řádků, které jsou v roletce implicitně zobrazeny Roletka tak má předem danou velikost a je li počet položek větší, vytvoří se v pravé části roletky posuvník, kterým můžete seznamem rolovat. Z vysouvací roletky se tak vytvoří roletka se stálou velikostí. Vyberte si dva dny v týdnu, kdy se semináře účastníte: <select name="den" size="5" multiple="multiple" title="vyberte den v týdnu"> <option value="po">pondělí</option> <option value="ut">úterý</option> <option value="st">středa</option> <option value="ct">čtvrtek</option> <option value="pa">pátek</option> </select> 6
7 Příklad <select name="vyber_polozek" size="3" multiple> <option value="1" selected="selected">volba 1</option> <option value="2">volba 2</option> <option value="3">volba 3</option> <option value="4">volba 4</option> <option value="5">volba 5</option> </select> Textová oblast textarea (párový element) Umožňuje vytvořit pole o libovolném počtu řádku. To se hodí např. tehdy, když chcete, aby vám uživatel napsal svůj názor, vyslovil kritiku nebo naopak pochvalu. Psát delší text do jednořádkového pole je nepřehledné. Na rozdíl od značky input, která je nepárová, je textarea značkou párovou. Značka textarea má podobné parametry jako jednořádkové políčko, nezadává se však typ prvku; ten je totiž přímo určen značkou. Stejně jako u políčka má víceřádkové pole svoje jméno (name) a velikost. Zadává trošku jiným způsobem parametry: cols ="počet sloupců" rows ="počet řádků" <textarea cols="50" rows="5" name="jmeno"> </textarea> rows cols readonly disabled počet viditelných řádků šířka, vyjádřená počtem znaků na jednom řádku obsah elementu je pouze pro čtení (odesílá se) deaktivuje element (nelze měnit obsah, neodesílá se) Při psaní textu delšího než je jeden řádek, se text automaticky zalamuje. To je dáno implicitním nastavením parametru wrap="on" Pokud byste potřebovali (výjimečně) zalamování vypnout, zadejte jako hodnotu parametru wrap ="off". Příklad Připomínky ke konání semináře vložte zde: <textarea name="pripominka" rows="3" cols="40" title="připomínky k semináři"> </textarea> 7
8 Popisek label Slouží pro vytváření popisku u formulářového prvku. <label>jméno: <input name="jmeno"/> </label> <label for="prvek">jméno:</label> <input name="prvek1" id="prvek"/> Skupina ovládacích prvků: <fieldset> </fieldset> Vizuální seskupení ovládacích prvků s podobným účelem. Napomáhá zpřehlednění a lepšímu vzhledu formuláře. Pojmenování skupiny prvků: <legend> </legend> Vytváří nadpis skupiny, vytvořené pomocí fieldset. <form action="akce" method="post"> <fieldset> <legend>přihlášení do systému</legend> <input type="text" name= "login" size="10" /> <input type="password" name= "heslo" size="10" /> <input type="submit" value="odeslat údaje" /> </fieldset> </form> Příklad Pro dokončení práce stiskněte tlačítko: <input type="image" name="obrazek" title="tlačítko pro odeslání" src="tlacitko.gif" /> Ukázky tlačítek Formuláře Validátor 2 Pokud je váš dokument HTM validní, na konci stránky s úspěšnou validací je umístěna ikona a kód, který vložíte na svou stránku. 8
9 Tato ikona informuje ostatní uživatele, kteří zobrazí vaše www stránky, že dokument dodržuje pravidla dané normy. <p> <a href=" <img src=" alt="valid XHTML 1.0 Transitional" height="31" width="88" /> </a> </p> Webhosting Základní body realizace vlastních www stránek a jejich publikování na internetu Název domény Zajištění/výběr webhostingu Vyplnění meta-informací do www stránek, základní SEO o Stanovení stručného avšak výstižného popisu www stránek o Sepsání klíčových slov o Další informace pro vyhledávače a jiné roboty Navrhnout design stránek a strukturu webu Zvolit si programovací jazyky, techniky Vytvořit logo/slogan/trademark/banner Sepsat si výplň, textový obsah stránek Zřízení kontaktů Registrace v katalozích firem a vyhledávačích Nastavení statistiky Neustálé zlepšování Název domény Vymyšlení názvu domény, tj. vybrání vhodného názvu a přípony 0. řádu. (.cz,.sk,.com,.org,.eu,.net, apod.) např.:
10 Je důležité vybrat název tak, aby odpovídal a charakterizoval www stránky publikované na vybrané doméně. Nesmí kolidovat již s existujícími stránkami. např.: o (již existující), o (který chcete založit), v tomto případně nepůjde, můžete si, ale vybrat možnost jiné přípony 0. řádu, o (pokud je s příponou.sk volný). Kontrola/ověření volnosti domén s příponou.cz u CZ.NIC CZ.NIC, z. s. p. o. zájmové sdružení právnických osob, hlavní činností sdružení je provozování registru doménových jmen.cz. ENUM, zabezpečení provozu domény, nejvyšší úrovně CZ a osvěta v oblasti doménových jmen. Jiné přípony (.sk,.com,.net apod.) u jiných registrátorů. Zajištění/výběr webhostingu Máte možnost z výběru z volného (free) hostingu a placeného hostingu. vlastnost free hosting placený hosting vlastní název a výběr celé NE ANO domény (jméno + přípona) doména 1. a 2. řádu (určitý NE ANO počet) velikost web prostoru v řádu MB (max. GB) v řádu GB rychlost UP/DOWN loadu v řádu kbit/mbit v řádu Mbit/Gbit vlastní pošta NE/omezená ANO zálohování omezené různé stupně záloh garance dostupnosti webu NE ANO podpora jiných programovacích jazyků/skriptů, rozšíření omezená rozšířená, volitelná složena na míru potřeb doplňkové služby NE ANO široký výběr cena zdarma v řádu stovek korun Výběr na základě dostupných informací, doporučení, vlastní zkušenosti Vyhodnocení plusů a mínusů pro aktuální potřebu www stránek Např. Free Hosting Vyplnění meta-informací do www stránek Stanovení stručného avšak výstižného popisu www stránek popis vašeho webu na 150 znaků, typicky o čem jsou www stránky, za jakým účelem je stvořen tento web a k čemu slouží apod. Například Web společnosti má popis: Společnost Jurimedical poskytuje právně ekonomicko organizační a informační servis lékařům a zdravotnickým pracovníkům v různých medicín. oblastech. Sepsání klíčových slov webu (max. 4 15, doporučeno 10 slov), tzn. slova, slovní spojení, která vystihují zaměření webu a které budou zadávat lidé ve vyhledávačích. 10
11 Například web má klíčová slova: jurimedical, juri medical, právní konzultace, právník, máte právo, ekonomické poradenství, zdravotnické zařízení, lékařství, poradenství lékařům, organizační servis, školení, prezentace, akce. Pro základní SEO (Search Engine Optimizatio), optimalizace pro vyhledávače Další informace pro vyhledávače a jiné roboty je potřeba vkládat tyto informace do www stránek v podobě metadat. (Metadata jsou to strukturovaná data o datech.) Na základní stránce (většinou index.html) se nastaví do hlavičky mezi párový tag <head> </head> metadata ve formátu: <meta name = "keywords" content = "JURIMEDICAL, juri medical, právní konzultace, právník, máte právo, ekonomické poradenství, zdravotnické zařízení, lékařství, poradenství lékařům, organizační servis, školení, prezentace, akce" /> // seznam klíčových slov, které vystihují web <meta name = "robots" content = "all, follow" /> // informace pro robota, že má indexovat a prohledávat vše <meta name = "author" kontent = "Vladimír Vávra, konan/zavinac/ /tecka/cz" /> // informace o autorovi, možnost uvedení kontaktu <meta name = "description" kontent = "Společnost Jurimedical poskytuje právně ekonomicko organizační a informační servis lékařům a zdravotnickým pracovníkům v různých medicín. oblastech" /> // Stručný popis webu <meta name = "copyright" kontent = "JURIMEDICAL s.r.o." /> // Stanovení copyrightu <base href = " /> //stanovení základní URL adresy webu, pomáhající relativnímu odkazování. Uveden byl pouze příklad, jsou i jiné metadata pro následné zpracování roboty nebo vyhledávači. Navržení designu stránek Především se jedná o vizuální dojem stránek na návštěvníka. Grafičtí návrháři (částečně kodéři stránek) se zaměřují na: rozložení částí, celků na stránce, volbou fontů, barvy písma a pozadí, cílený design pro určitou skupinu zákazníků, návštěvníků (-náctiletí, dospělí, různé zájmové skupiny apod.), design by měl vystihovat zaměření, účel webu, originalitu řešení jedinečnost, upozornění na sebe, celkovému sladění, vizuální dojem. 11
12 Zákazník Měli byste mít představu o struktuře webu (tj. jak bude jednotlivé rozmístění částí webu vypadat, tj. hlavní nabídka, menu, hlavní textová část, části pro obrázky, reklamu, aktuality apod.). Představu interpretovat grafikovi, který vytvoří grafickou podobu stránek. Základní struktura webové prezentace Zdroj: Soubory na webu Každý server má nastavené jméno startovního souboru. Na většině serverů se to dá nastavit (dokonce i pro ten který adresář), ale málokdy se to mění. To znamená, že si od správce vašeho serveru musíte zjistit, jak se ten startovní soubor má jmenovat. Nejčastěji se používá název index.html. Takto pojmenujte soubor se svou hlavní stránkou. Vzhled webové stránky WWW stránka prezentuje informace Důležitý není jen obsah, ale i vizuální forma Vizuální ztvárnění je ovlivněno o Typem a určením webové prezentace o Použitými nástroji, prvky, technologiemi o Informační strukturou a rozsahem o Specifickými požadavky (rychlost, bezpečnost, specifická přístupnost) o Módními trendy Moderní trendy maximálně korektní a validní stránky, jednoduchý XHTML kód, znovupoužitelnost kódu (modularita), oddělení obsahu a formy, přehlednost, optimální granularita informací, uspořádanost (logické členění, intuitivnost), přístupnost (pozor na nestandardní a nepodporované prvky!), rychlost (optimalizace grafiky, animací), 12
13 alternativní navigace (hierarchické menu, mapa webu). Layout Pojmem layout rozumíme vizuální rozvržení a vzhled stránky, interpretované v prohlížeči. Vyžaduje kreativitu a grafické cítění autora. Moderním trendem je oddělení práce programátora stránek a tvůrce layoutu a jakýchkoliv vizuálních změn. Layout se vytváří kombinací elementů jazyka XHTML, obrázků, grafických motivů a doplňků. Zdroj: webové stránky Layout stránky Tvorba webových stránek Existuje mnoho konstrukcí webu, graficky jsou tyto weby odlišné, jejich základ je velice podobný místo pro obsah, hlavičku, záhlaví. První rozvržení spočívá v jednoduchém obsahu. Design čítá hlavičku, která by měla být na každém webu, protože je to hlavní prvek, který ukazuje, na kterém webu se právě návštěvník nachází, ideálně navíc informuje o zaměření webu. Dále je zde menu, nacházející se napravo či nalevo. Vedle menu pak obsah stránek. Stránku dole může dotvářet i patička, která ale v následující ukázce chybí. Tento první příklad se často používá pro blogy pro svou jednoduchost. Další příkladem je web s vodorovným menu. Navigace je přehledná a bývá většinou vkusně členěna. Tento typ webu není přesto určen pro drastické změny v menu, neboť v případě dalšího přidávání položek by mohl nastat problém v rozmístnění. 13
14 Pata na webech je povětšinou estetická záležitost, bývá v ní uveden copyright, autor stránek, informace o použitých technologiích na webu, další navigace atd. Dalším typem je třísloupcový layout, kde obsah je umístněn v centru, a po stranách jsou dva sloupce. V levém sloupci může být umístněna navigace stránek, v pravé uživatelská nastavení, bannery nebo poslední komentáře. Zvolení programovacích jazyků, techniky Předem si ujasnit účel stránek a požadované funkce na stránkách. Zvolit vhodný programovací jazyk, techniku, podporu vývoje, testování apod. o Jazyky: HTML /XHTML + CSS, JS JavaScript, AJAX, FLASH, PHP, JAVA,.NET. o Nástroje: grafické a programovací prostředí, editory, apod. Rozlišení free a komerčních licencí pro užívání k vaší tvorbě www stránek. NE všechny nástroje a jazyky jsou vhodné pro všechno, tj. nic není dokonalé ani zcela univerzální! Vytvoření loga, sloganu, trademark, banneru Logo charakterizuje web stránky, firmu apod. Pozor na ochranné známky, ať náhodou nepoužijete (i nevědomky) podobné logo, které je již chráněno. Slogan heslo či motto, které pomáhá upoutávat pozornost ke společnosti či k jejímu produktu. Vystihuje účel stránek, firmy, krátký výstižný, lehce zapamatovatelný (není vždy podmínkou). Trademark obchodní značka je označení, pomocí kterého firmy identifikují samy sebe, své výrobky a služby; viditelné umístění a vhodné umístění na stránce (není vždy podmínkou). 14
15 Banner upoutávka se využívá pro reklamu na jiných serverech (vzájemná spolupráce na propagaci webu, produktů apod. Vhodné vytvořit několik variant velikostí. Připravit text do www stránek a zřídit kontakty Text pro jednotlivé stránky Připravit si text pro jednotlivé stránky, obrázky, dokumenty, tabulky apod. Při tvorbě www nemusí být text již předem připravený a může se měnit, proto se doporučuje používat jazyk LIPSUM. Typicky: Úvodní text, Hlavní text, Kontaktní informace, Portfolio (fotogalerie), Reference, Dotazy, FAQ, Formulář. Možnost jazykových mutací (CZ, GB/US, DE, apod.) Zřízení kontaktů Uvést na stránkách kontakty (např. kontaktní osobu, adresu, mapu, telefon, y apod.). Uvést tvůrce stránek (pokud se chcete prezentovat). Registrování v katalozích a vyhledávačích Vyhledávače Google, Yahoo, MSN Live (Bing), Seznam, Centrum, Atlas aj. Někteří umožňují registraci, někteří používají své vyhledávací a registrační techniky. Katalogy firem Najisto, Mapy, aj. Možnost uvedení vašich správných informací, ne pouze na základě robotů. Nastavení statistiky Stanovit kritéria sledování Stanovit vyhodnocení sledovaných kritérií Reagovat a provést případné změny Neustálé zlepšování Sledovat vývoj aktuálních informací na www stránkách, Sledovat trendy v oblasti IT, webu, Sledovat preference zákazníků, uživatelů www, Následně na tyto body reagovat a přizpůsobit web, který není mrtvý, ale díváme se na něj jako na živý organismus. (Ne vždy to bohužel jde.) Odkazy pro realizaci www stránek Zjištění dostupnosti CZ domény Otestování stránek na validitu (HTML a CSS validátor) Otestování SEO stránek (komerční web zaměřený na otestování webů) 15
16 Lorem Ipsum Lorem Ipsum je demonstrativní výplňový text používaný v tiskařském a knihařském průmyslu, text pro naplnění stránek. Jak na webhosting Vytvořte si Webové stránky zdarma Publikování na WWW Přístupnost webu Interval.cz Web tvorba Typografie Šablony a rozložení
17 Webhosting a FTP připojení praktická část Vhodný výběr webhostingu Nastavení webhostingu Příprava webové struktury Nastavení FTP připojení Nahrání testovacích stránek Výběr webhostingu Máte možnost z výběru z volného (Free) hostingu a placeného hostingu. Výběr na základě dostupných informací, doporučení, vlastní zkušenosti. Vyhodnocení plusů a mínusů pro aktuální potřebu www stránek Např. Free Hosting Nastavení webhostingu Po obdržené registraci dostanete nezbytné údaje pro nalogování k doméně a její správě. Většina poskytovatelů webhostingu nabízí již automaticky základní nastavení pro www stránky a doplňky kolem (databáze, fre , apod.) Přístup k doméně většinou přes webové rozhraní a FTP spojení. Pozor na nastavení přístupu (práv) k jednotlivým adresářům! 17
18 Přihlašování Po přihlášení úvodní stránka s obsahem domény Příprava webové struktury Vhodné pro lepší orientaci na doméně. Nezbytností, pro větší webové projekty apod. Adresářová struktura by měla rozlišovat mezi vlastními webovými stránkami, CSS, Java skripty, obrázky (ikonky, avatary, malé a velké obrázky apod.), ostatními daty (tzv. pro download), aj. 18
19 Nastavení FTP připojení Nastavení FTP připojení přes PSPad editor Záložka FTP spojení 19
20 Vytvoření FTP spojení 20
21 Vyplnění FTP spojení Připojování k FTP (stav červeně) 21
22 Připojeno k FTP (stav zeleně) a vytvoření adresářů Uložení souboru přes FTP na doménu Úkol č. 3 (Moodle) Zřiďte si www hosting. Vytvořte 3 vzájemně propojené www stránky, na které vložíte prvky, které jste se během výuky naučili udělat obrázky, tabulky, odkazy, prvky formuláře. Stránky zaměřte na jedno společné téma životopis, www stránky fiktivní firmy, www stránky zájmového sdružení, pozvánka na akci a informace o ní atd. URL adresu (odkaz) na vaše stránky vložte jako text. 22
Návrh a tvorba WWW stránek 1/8. Formuláře
Návrh a tvorba WWW stránek 1/8 Formuláře význam předávání hodnot od uživatele skriptům mezi značkami a základní atributy action definuje obslužný skript, nelze v XHTML method metoda, kterou
VíceFormuláře. Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí!
Formuláře Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí! HTML formuláře: Formuláře Možnost, jak uživatel může vložit obsah na web - odeslat data na server - zpracovat data ve
VíceInovace a zkvalitnění výuky prostřednictvím ICT Tvorba webových stránek. Ing. Zelinka Pavel Číslo: VY_32_INOVACE_35 17 Anotace:
Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1 Šablona: Název: Téma: Autor: Inovace a zkvalitnění výuky prostřednictvím ICT Tvorba webových stránek Formuláře v (X)HTML II. Ing.
VíceXHTML 1. Formuláře. Element form. <form>... </form>
XHTML 1 Formuláře Činnost: - zadávání informací do elektronického obchodu; - odesílání jména a dalších informací pro on-line službu; - nákup letenek a cestovních služeb; - nákup dalšího zboží a služeb,
VíceAtribut Význam Hodnoty
Formuláře Tag Význam Párový Výskyt form formulář ano input vstupní pole ne select výběrové pole ano option volba ne textarea velké vstupní pole ano label popis pole ano
VíceTNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz
6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky 6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky Sémantická - pomocí HTML Stránka je chápána jako skupina oblastí, každá oblast má svůj účel (menu,
VíceFormuláře. neomezený počet formulářových polí v rámci HTML dokumentu může být více formulářů, nelze je ale do sebe vnořovat
Formuláře význam předávání hodnot od uživatele skriptům mezi značkami a základní atributy action definuje obslužný skript, nelze v HTML method metoda, kterou klient předává data serveru
VíceVyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 13 VY 32 INOVACE 0101 0313
Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 13 VY 32 INOVACE 0101 0313 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor
VíceFormuláře v HTML. Evropský sociální fond Praha a EU Investujeme do vaší budoucnosti
Formuláře v HTML Praha a EU Investujeme do vaší budoucnosti Obsah 1 Úvod... 2 2 Značky a atributy... 2 2.1 atributy značky form... 2 2.2 Prvky ve formuláři... 3 2.2.1 Textové vstupy... 3 2.2.2 Zaškrtávací
VíceWebová stránka. Matěj Klenka
Webová stránka Matěj Klenka Osobní webová stránka Toto je dokumentace k mé webové stránce This is a documentation to my web page Já, Matěj Klenka, prohlašuji, že má webová stránka byla vytvořena mnou a
VíceZáklady webových aplikací ZWA Přednáška č. 3 tvorba formulářů na klientské straně. Martin Klíma
Základy webových aplikací ZWA Přednáška č. 3 tvorba formulářů na klientské straně Martin Klíma FORMULÁŘE Formuláře Formuláře se používají k odesílání dat na server Omezená sada formulářových polí Není
VíceDUM 14 téma: Interakce s uživatelem
DUM 14 téma: Interakce s uživatelem ze sady: 2 tematický okruh sady: Tvorba statických www stránek s použitím CSS ze šablony: 08 Internet určeno pro: 3. ročník vzdělávací obor: 18-20-M/01 Informační technologie
Více03 - Základy editace dynamických stránek
Dynamické WWW stránky V předchozí kapitole byly popsány tagy jazyka HTML, kterým se říká statické. Jinými slovy, lze jimi vytvořit plnohodnotnou a kvalitní statickou stránku. To znamená, že stránka sice
VíceZáklady HTML, URL, HTTP, druhy skriptování, formuláře
Základy HTML, URL, HTTP, druhy skriptování, formuláře Skriptování na straně klienta a serveru Skriptování na straně klienta se provádí pomocí programovacího jazyka JavaScript, který je vkládán do HTML
VíceFormuláře. Internetové publikování. Formuláře - příklad
Formuláře Internetové publikování Formuláře - příklad 1 Formuláře - použití Odeslání dat od uživatele Možnosti zpracování dat Webová aplikace na serveru (ASP, PHP) Odeslání e-mailem Lokální script Formuláře
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í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íceSada 1 - PHP. 09. Formuláře
S třední škola stavební Jihlava Sada 1 - PHP 09. Formuláře Digitální učební materiál projektu: SŠS Jihlava šablony registrační číslo projektu:cz.1.09/1.5.00/34.0284 Šablona: III/2 - inovace a zkvalitnění
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íceUž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í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íceNahrání webu na internet
Nahrání webu na internet Meta tagy Podstránky webu máme hotové, ale v jejich hlavičkách nám chybí poslední věc. Až bude web online, všimnou si ho internetové vyhledávače a jeho podstránky si tzv. zaindexují.
VíceÚvod do aplikací internetu a přehled možností při tvorbě webu
CVT6 01a Úvod do aplikací internetu a přehled možností při tvorbě webu Internet a www Internet? Služby www ftp e-mail telnet NetNews konference IM komunikace Chaty Remote Access P2P aplikace Online games
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í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íceTNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz
6.10.2015 aneta.bartuskova@uhk.cz TNPW1 Cvičení 1 Technologie pro tvorbu webu HTML, HTML5 značkovací jazyk struktura, obsah, odkazy - hypertext CSS, CSS3 kaskádové styly vzhled (rozvržení, formátování,
VíceÚdržbové prostředí Rebeca44
Údržbové prostředí Rebeca44 ÚVOD STRUKTURA VZNIKAJÍCÍCH WEB-STRÁNEK SPRÁVCE STRÁNEK Přihlášení Odhlášení POPIS PRVKŮ ÚDRŽBY Titulek Cestička Základní popis práce s modulem Menu Navigace Na úvodní stránku
Více1. Začínáme s FrontPage 2003 11
Úvod 9 1. Začínáme s FrontPage 2003 11 Instalace programu 12 Spuštění a ukončení programu 15 Základní ovládání 16 Hledání souborů 30 Najít a nahradit 31 Tisk 32 Schránka sady Office 34 Nápověda 36 Varianty
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íceWebová grafika, struktura webu a navigace, použitelnost a přístupnost
Webová grafika, struktura webu a navigace, použitelnost a přístupnost Martin Kuna martin.kuna@seznam.cz Obsah Webová grafika Rozvržení stránky Typografické zásady Nejčastější chyby Struktura webu a navigace
VíceDOKUMENTACE REDAKČNÍHO SYSTÉMU PINYA
DOKUMENTACE REDAKČNÍHO SYSTÉMU PINYA Obsah Obsah... 4 Pinya CMS... 5 Přihlášení do systému... 6 Položky v menu administrace... 7 Uživatelé... 8 Správa uživatelů... 8 Nový uživatel... 9 Role... 10 Vytvoření
VíceMODERNÍ WEB SNADNO A RYCHLE
SNADNO A RYCHLE Marek Lučný Pavoučí síť přes celý svět Co prohlížeče (ne)skrývají Tajemný kód HTML Všechno má svůj styl Interaktivní je IN Na obrazovce i na mobilu Začni podle šablony Informace jsou základ
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ícePro správné zobrazení mapové aplikace je potřeba mít nainstalovaný zásuvný modul Flash Adobe Player.
Návod na ovládání veřejné mapové aplikace: Generel cyklodopravy Pro správné zobrazení mapové aplikace je potřeba mít nainstalovaný zásuvný modul Flash Adobe Player. Logo, název Panel nástrojů Odkazy Vrstvy
VíceIE1 jazyk HTML a kaskádové styly
IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.
VíceOdpadové hospodářství v ORP Ústí nad Labem
mapová aplikace Odpadové hospodářství Návod na ovládání veřejné mapové aplikace: Odpadové hospodářství v ORP Ústí nad Labem Pro správné zobrazení mapové aplikace je potřeba mít nainstalovaný zásuvný modul
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íceIE1 jazyk HTML a kaskádové styly
IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.
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íceHLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace
Obsah HLEDEJCENY.mobi Mezi Vodami 1952/9 e-mail: info@hledejceny.cz HLEDEJCENY.mobi... 1 Mobilní verze e-shopu... 1 Důvody instalace... 1 Výhody... 2 Co je k mobilní verzi potřeba... 2 Objednávka služby...
Více4. POČÍTAČOVÉ CVIČENÍ
4. POČÍTAČOVÉ CVIČENÍ Cílem dnešního cvičení je vytvořit formuláře obsahující zaškrtávací pole a přepínací tlačítka. Vstupní pole pro zadání hesla
VíceZáklady HTML. Obecná syntaxe HTML. Struktura HTML
Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů
VíceInternet 2 css, skriptování, dynamické prvky
Internet 2 css, skriptování, dynamické prvky Martin Hejtmánek hejtmmar@fjfi.cvut.cz http://kmlinux.fjfi.cvut.cz/ hejtmmar Počítačový kurs Univerzity třetího věku na FJFI ČVUT Znalci 26. března 2009 Dnešní
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íceProgramování v PHP. Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze. Další možnosti formulářů
Programování v PHP Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, Helena Wallenfelsová, 2011 Další možnosti formulářů BI-PHP, cvičení
VíceFormuláře. Téma 3.2. Řešený příklad č Zadání: V databázi formulare_a_sestavy.accdb vytvořte formulář pro tabulku student.
Téma 3.2 Formuláře Formuláře usnadňují zadávání, zobrazování, upravování nebo odstraňování dat z tabulky nebo z výsledku dotazu. Do formuláře lze vybrat jen určitá pole z tabulky, která obsahuje mnoho
VícePrůvodce aplikací FS Karta
Průvodce aplikací FS Karta Základní informace k Aplikaci Online aplikace FS Karta slouží k bezpečnému ukládání osobních údajů fyzických osob a k jejich zpracování. Osobní údaje jsou uloženy ve formě karty.
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í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íceTvorba webu. Úvod a základní principy. Martin Urza
Tvorba webu Úvod a základní principy Martin Urza World Wide Web (WWW) World Wide Web (doslova celosvětová pavučina ) je označení pro mnoho dokumentů rozmístěných na různých serverech po celém světě. Tyto
VíceNávrh stránek 4IZ228 tvorba webových stránek a aplikací
4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2013/12/12 20:40:58 $ Obsah Úvod... 3 Recept na dobré webové stránky... 4 Použitelnost... 5 Jak se pozná použitelný web...
VíceKatalog NGPC (New Generation Parts Catalogue)
Katalog NGPC (New Generation Parts Catalogue) 1. Spuštění katalogu: Zákaznický katalog je možné najít na webových stránkách společnosti Agri CS v sekci Náhradní díly, nebo přímým zadáním adresy http:///nahradnidily-katalog-nd
VíceInternetové technologie, cvičení č. 5
Internetové technologie, cvičení č. 5 Náplň cvičení Obsahem 5. cvičení předmětu Internetové technologie je ukázka a procvičení XHTML značek a atributů používaných při vytváření hypertextových odkazů a
VíceMANUÁL. Jak používat administraci webových stránek. Obsah ZÁKLAD... 2 ÚPRAVY POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY... 4
MANUÁL Jak používat administraci webových stránek Obsah ZÁKLAD... 2 PŘIHLÁŠENÍ DO ADMINISTRACE... 2 HLAVNÍ MENU... 2 VÝBĚR POLOŽKY... 2 ÚPRAVY POLOŽKY... 3 DETAIL POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY...
Vícepříručka pro uživatele
na internetu v pohodě příručka pro uživatele systému iprostor.cz Příručka pro uživatele Obsah O systému iprostor.cz 3 Pracovní prostředí 4 Tvorba www stránek 5 Struktura stránek 6 Seznam stránek 7 Nastavení
VíceKAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ
KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ KLÍČOVÉ POJMY Internet World Wide Web FTP, fulltext e-mail, IP adresa webový prohlížeč a vyhledávač CÍLE KAPITOLY Pochopit, co je Internet
VíceHTML Hypertext Markup Language
HTML Hypertext Markup Language je jazyk určený na publikování a distribuci dokumentů na Webu velmi jednoduchý jazyk používá ho mnoho uživatelů má výkonné prostředky (příkazy) k formátování dokumentů (různé
VíceNázev: On-line tvorba webu Anotace:
Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov
VíceObsah. 1.1 Práce se záznamy... 3 1.2 Stránka Dnes... 4. 2.1 Kontakt se zákazníkem... 5
CRM SYSTÉM KORMORÁN UŽIVATELSKÁ PŘÍRUČKA Obsah 1 Základní práce se systémem 3 1.1 Práce se záznamy................................. 3 1.2 Stránka Dnes.................................... 4 1.3 Kalendář......................................
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íceVystavení certifikátu PostSignum v operačním systému MAC OSx
Vystavení certifikátu PostSignum v operačním systému MAC OSx Návod popisuje kroky od vystavení certifikátu až po odeslání a podepsání dat v obchodním systému CS OTE v prostředí operačního systému Apple
VíceTvorba webových stránek
Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou
VíceWebové formuláře v HTML5 a Web Forms 2.0
Jihočeská univerzita v Českých Budějovicích Pedagogická fakulta Katedra Informatiky Bakalářská práce Webové formuláře v HTML5 a Web Forms 2.0 Vypracoval: Václav Vlk, DiS. Vedoucí práce: PaedDr. Petr Pexa,
VíceObsah Úvodem... 5 Co je to vlastně formulář... 6 Co je to šablona... 6 Jak se šablona uloží... 6 Jak souvisí formulář se šablonou...
Obsah Úvodem... 5 Co je to vlastně formulář... 6 Co je to šablona... 6 Jak se šablona uloží... 6 Jak souvisí formulář se šablonou... 7 Jak se formulář vytváří... 8 Návrh formuláře... 8 Co jsou ovládací
VíceŠablona KRYPTON. Slidery na úvodní straně. kompletní návod pro obsluhu všech nově přidaných funkcí
Šablona KRYPTON kompletní návod pro obsluhu všech nově přidaných funkcí Slidery na úvodní straně Na úvodní stranu eshopu lze umístit 3 typy sliderů : Obrázkový slider Produktový slider Video slider 1.
VíceStrategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice
Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice Návod k prezentačnímu mapovému portálu Obsah: 1. Úvod... 3 2. Obecná část mapového portálu...
VíceRegistrace a nastavení účtů do Vodafone OneNet Samoobsluhy, Vodafone evyúčtování.
Registrace a nastavení účtů do Vodafone OneNet Samoobsluhy, Vodafone evyúčtování. Úvod: Pro správu a přehled aktivovaných služeb slouží Vodafone OneNet Samoobsluha. Pro veškeré sledování vyúčtování (různé
VíceFaxový server společnosti PODA s.r.o.
Faxový server společnosti PODA s.r.o. Vážení zákazníci, jako doplněk k poskytovaným službám VoIP jsme pro vás zprovoznili službu faxového serveru. Tento server vám umožní pohodlně odesílat a přijímat faxy
VíceWEBsro.cz. Krok za krokem Založení webu. krásné weby pro české podnikatele 1 / 10
Krok za krokem Založení webu Vytvořeno:....2.2008 Klient:... asisio s.r.o. Kontakt:... obchod@websro.cz, www.websro.cz Verze:.... / 0 Krok - Představení Administrační rozhraní je uzpůsobeno tak, aby změny,
VícePŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu
PŘÍRUČKA Správa obsahu webové prezentace Formátování textu Verze: 6.2 Datum: 4.12.2009 Autor: Ing. Michal Šídlo, michal.sidlo@netgenium.com Společnost: NetGenium s.r.o., www.netgenium.com Obsah 1. Základní
VíceCustomer s NGPC Základy práce s katalogem ND
Customer s NGPC Základy práce s katalogem ND Po spuštění katalogu se ve stejném okně prohlížeče otevře nabídka se spuštěním katalogu v režimu registrovaného nebo anonymního uživatele. Registrace nového
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íceUživatelská příručka. 06/2018 Technické změny vyhrazeny.
Uživatelská příručka 1 OBSAH 1 ÚVOD... 3 1.1 Merbon SCADA... 3 1.1.1 K čemu program slouží...3 2 Přihlášení a odhlášení z programu... 4 3 Projekty... 5 3.1 Výběr zobrazení... 5 3.2 Schémata... 6 3.3 Grafy...
VíceWebové stránky Webové aplikace WebDesign Internet Marketing VAFRO CMS MODUL REALITY
VAFRO CMS MODUL REALITY Řešení pro Realitní kanceláře Vafro CMS s modulem Reality Vám umožní následující: Jednoduchou správu realit domů bytů pozemků komerčních objektů garáží Snadné zadávání položek vytvoření
VíceOdesílání citlivých dat prostřednictvím šifrovaného emailu s elektronickým podpisem standardem S/MIME
Odesílání citlivých dat prostřednictvím šifrovaného emailu s elektronickým podpisem standardem S/MIME Je dostupnou možností, jak lze zaslat lékařskou dokumentaci elektronicky. Co je třeba k odeslání šifrovaného
VíceGoogle Apps. weby 1. verze 2012
Google Apps weby verze 0 Obsah Obsah... Úvod... Zahájení práce... Nastavení webu... Úprava stránky... Popis prostředí... Rozložení stránky... Nadpis stránky... Úprava textu... Vložení odkazu... 8 Vložení
VíceUživatelská dokumentace
Uživatelská dokumentace k projektu Czech POINT Provozní řád Zápis údaje o adrese místa trvalého pobytu do informačního systému evidence obyvatel Vytvořeno dne: 3.6.2010 Aktualizováno: 16.6.2010 Verze:
VíceModul 2. Druhá sada úkolů:
Zadání Druhá sada úkolů: Modul 2 Všechny potřebné složky a soubory pro splnění následující sady úkolů se nachází ve složce sada2. 1. Ve složce Ulohy vytvořte šest nových složek (podle obrázku) a pojmenujte
VíceSEO v CeSYSu. CeSYS manuál pro uživatele
SEO v CeSYSu CeSYS manuál pro uživatele Úvod K tomu, abyste byli schopni používat SEO nástroje ve Vašem CeSYSu nemusíte být profesionální webdesignéři, nicméně základní představa o některých HTML prvcích
VíceUživatelská dokumentace
Uživatelská dokumentace k projektu Czech POINT Provozní řád Zápis údaje o doručovací adrese do informačního systému evidence obyvatel Vytvořeno dne: 3.6.2010 Aktualizováno: 16.6.2010 Verze: 1.0 2009 MVČR
VíceACTIVATE HERE - FAQ. Zakoupením této položky získáte do 60 minut do požadovaného emailu aktivační klíče k vybranému produktu.
ACTIVATE HERE - FAQ Co je to Activate-Here produkt? Zakoupením této položky získáte do 60 minut do požadovaného emailu aktivační klíče k vybranému produktu. Součástí emailu je i odkaz, kde si můžete vybraný
VíceUživatelská dokumentace
Uživatelská dokumentace (provozní řád) Veřejný výpis údajů z registru osob Vytvořeno dne: 30.5.2012 Aktualizováno: 25.6.2012 Verze: 1.0 2012 MVČR Obsah 1. Přihlášení do centrály Czech POINT...3 1.1. Přihlášení...
VíceInovace výuky prostřednictvím šablon pro SŠ
Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748
VíceÚvod do filtrace, Quick filtr
Příručka uživatele systému Památkový katalog Úvod do filtrace, Quick filtr verze 1.x.x Autorská práva Copyright 2015 MUSOFT.CZ, s.r.o.. Všechna práva vyhrazena. Tato příručka je chráněna autorskými právy
VíceRegistrační číslo projektu: Škola adresa:
Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov
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ícePrůvodce aplikací GTS Webový portál pro správce
Průvodce aplikací GTS Webový portál pro správce www.centrex.gts.cz Strana 1 z 14 Obsah 1 Přihlášení do portálu Centrex... 3 2 Hlavní stránka aplikace základní popis... 3 3 Použití interaktivní nápovědy...
VíceNová struktura souborů a složek
Tvorba podstránek Vytvoření podstránek Asi si kladete otázku, jakým způsobem docílíme toho, aby se všechny podstránky na našem webu zobrazovaly v námi vytvořeném layoutu. Máme 4 možnosti jak vytvářet podstránky
Více1. Obsah 2. Úvod Zdarma poštovní klient od společnosti Microsoft přímo v PC
1. Obsah 1. Obsah... 1 2. Úvod... 1 3. Instalace... 2 4. Vytvoření účtu... 5 5. Pošta... 7 6. Kontakty... 11 7. Informační kanály... 11 8. Nastavení zobrazení... 12 2. Úvod Zdarma poštovní klient od společnosti
VíceEvidence požadavků uživatelů bytů a nebytových prostor
Evidence požadavků uživatelů bytů a nebytových prostor Úvod Pro zjednodušení a zprůhlednění Vaší komunikace se správní firmou (dále jen SF ), která má na starost objekt, v němž se nachází bytový či nebytový
VíceÚzemní plán Ústí nad Labem
mapová aplikace Územní plán Ústí nad Labem Návod na ovládání veřejné mapové aplikace: Územní plán Ústí nad Labem Logo, název Panel nástrojů Vrstvy Odkazy Výběr podkladové mapy Rychlá navigace Hledání Obsah
VíceNávod k použití oddílového webu
Návod k použití oddílového webu Ahoj, pro snazší začátek práce se systémem jsem sesmolil tento krátký návod co a jak. Takže pěkně od začátku Ilustrace 1: Základní obrazovka V horní částí obrazovky (Home,
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íceUkázka knihy z internetového knihkupectví www.kosmas.cz
Ukázka knihy z internetového knihkupectví www.kosmas.cz U k á z k a k n i h y z i n t e r n e t o v é h o k n i h k u p e c t v í w w w. k o s m a s. c z, U I D : K O S 1 8 0 6 6 0 U k á z k a k n i h
VíceUKÁZKA PORTÁLU IS KP14+
UKÁZKA PORTÁLU IS KP14+ INFORMAČNÍ SYSTÉM KONEČNÉHO PŘÍJEMCE 1. Jak vypadá a funguje IS KP14+ 2. Založení a vyplnění žádosti KDE HLEDAT INFORMACE Příručky OPZ Pokyny k vyplnění žádosti v IS KP14+: http://www.esfcr.cz/file/9143/
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íceNávod k používání eshopu Iveco
Návod k používání eshopu Iveco Rozložení hlavní stránky Hlavní strana eshopu se skládá ze čtyř základních sekcí: 1) Hlavní menu 2) Přehled právě probíhajících akcí 3) Ukázka akčního zboží 4) Uživatelská
Více