Pravidla tvorby pístupného webu. Zpracovala Kristýna Knapová. Obrázky. Kaskádové styly CSS. Javascript. Obrázky dekoraní

Rozměr: px
Začít zobrazení ze stránky:

Download "Pravidla tvorby pístupného webu. Zpracovala Kristýna Knapová. Obrázky. Kaskádové styly CSS. Javascript. Obrázky dekoraní"

Transkript

1 Pravidla tvorby pístupného webu Zpracovala Kristýna Knapová V tomto dokumentu bych cht1la popsat pravidla tvorby p3ístupného webu. Pro7 v8bec takové stránky vytvá3et jste se mohli dozv1d1t v minulé kapitole. Te; následují již konkrétní pravidla. Text napsaný kurzívou v uvozovkách je cita3í p3ímo 7eských s pravidel p3ístupného webu. Obrázky Každý obrázek vkládaný tagem <img>, který nese významové sd1lení, musí obsahovat atribut alt, ve kterém bude alternativní text obrázku. <img scr=".." width=".." height=".." alt="alternativní text" /> U ilustra7ních obrázk8 ve zprávách nepopisujeme p3esný obsah, ale píšeme nap3. Ilustraní foto. Obrázky dekoraní Obrázek vkládaný tagem <img>, který nenese významové sd1lení, tedy je pro dekora7ní ú7ely nechává atribut alt prázdný. <img scr= ".." width= ".." height=".." alt="" /> Lepší je však grafiku odd1lit pomocí CSS (background:url(zaobleni.gif)). Obrázky s velkým množstvím informací Sem pat3í nap3íklad grafy statistik. Tag <img> bude krom1 atributu alt obsahovat ješt1 atribut longdesc, kde bude URL s delším popisem obrázku. <img scr= ".." width= ".." height=".." alt="krátký popis obrázku" longdesc= "graf.html" /> Obrázky ve formulái a klikací mapy Obrázek, který je formulá3ovým tla7ítkem, zase musí obsahovat atribut alt <input type="image" scr= ".." alt="textové vyjád(ení tlaítka" /> Aktivní 7ást obrázkové mapy také obsahuje atribut alt <area shape= ".." coords= ".." href=".." alt="textový popis oblasti" /> Kaskádové styly CSS Stránka musí být pln1 funk7ní a ovladatelná bez použití kaskádových styl8 Problémy: Pozicování (v HTML kódu se nesmí projevit) Kombinace barvy pozadí a pop3edí (obojí css, ne jedno v css a druhý html) Kombinace pr8hledného obrázku v pop3edí a konkrétní barva pozadí Javascript Stránka musí být pln1 funk7ní a ovladatelná bez Javascriptu Problémy Rozbalovací menu (aktivní hlavní odkaz, ve kterém jsou rozbalené odkazy) Vypisovaní informace Javascriptem (užití <noscript>) Odkazy 3ešené Javascriptem musí být funk7ní i bez n1j (typicky otvírání obrázku do nového okna) Kristýna Knapová Strana

2 FLASH Stránka musí být pln1 funk7ní a ovladatelná bez flashe. M1 osobn1 p3ijdou stránky ve flashy jako práce navíc. Flashové prvky by m1li mít alternativní obrázek a alternativní text. <objekt type="application/x-shockware-flash" data= "flash.swf" width="" height="" /> <param name="movie" value="flash.swf"> <img scr="alter-obr.jpg" width=".." height=".." alt="alternativní text" /> </objekt> Pokus stránka obsahuje flashové intro, musí být možné ho p3esko7it. Indexová stránka, kde se lze rozhodnou, kterou verzi použijete (FLASH nebo HTML) musí být v HTML. Odkazy na webu Každý odkaz musí být ozna7ený tak, aby bylo jasné kam vede. Ozna7ení je text mezi tady <a> </a>. Je vhodné použít atribut title. Odlišení odkazu od okolního textu nesmí záležet pouze na barv1. Ideální je zachovávat podtržení. Na odkazy s jinými soubory než HTML stránky musí být upozorn1no nap3íklad typem a velikostí souboru. Na stránce by nem1lo být více odkaz8 se stejným ozna7ením, která vedou na r8zná místa. Stejné odkazy odlište atributem title P3. Odkazy na pokra7ování 7lánku nebo zprávy (Read more, Full story, ) Navigace Uživatel musí na pohled rozeznat, které odkazy slouží jako navigace. Musí být odd1lena od obsahu stránek. Musí být srozumitelná, krátká a stejná na všech stránkách. Pokud je navigace rozsáhlá a umíst1ná na za7átku stránky, m1lo by být možn1 ji skrytým odkazem p3esko7it. Pokud je naopak nejd3íve obsah, m1lo by být op1t možné p3esko7it na navigaci. V navigaci by m1l být odkaz na titulní stránku. Pokud je web rozsáhlý, je dobré uvést cestu, kde bude vid1t úroveo stránky Mapa webu Pro rozsáhle weby se stává již nutností. I zkušení uživatelé se pot3ebují rychle zorientovat, ale pro handicapované je mapa nutností. Na mapu umíst1te všechny odkazy na stránky, co jsou pro uživatelé p3ístupné pomocí navigace. Klikací mapa Existují dva typy obrázkových klikacích map na stran1 klienta a serveru. Mapa na stran klienta Obsahuje informace o cílových místech ve zdrojovém kódu, p3ístupná bude p3i použití atributu alt. Mapa na stran serveru Žádné informace o cílovém míst1 neobsahuje, pouze sou3adnice kurzoru. Sama o sob1 být p3ístupná tedy nem8že, proto se ji snažte nahradit mapou na stran1 klienta, pokud to jinak nejde, musíte použít alternativní textové odkazy, která vedou na místa, kam jinak vedou jednotlivé odkazy z klikací mapy. Rámy Pro p3ístupný rám musíte použít atribut name a každý rám pojmenovat. V1tšinou jednoslovné pojmenovaní nesta7í, proto je vhodné použít atribut title pro bližší popis. Osobn1 si ale myslím, že je lepší se vyhnout rám8m úpln1, už jen z hlediska vyhledava78 a indexovacích robot8. Element TITLE Element title je jednou z nejd8ležit1jších v1cí na stránce, a proto by ho m1la každá stránka obsahovat. Mezi zna7kami <Title> je umíst1ný text, který stru7n1 a jasn1 popisuje obsah stránky. Pokud obsahuje pouze název stránky, je to nedosta7ující. Element title je vid1t hlavn1 ve vyhledáva7i, v historii, v záložkách Kristýna Knapová Strana

3 Ovládání stránky Stránku ovládá p3ímo uživatel "Obsah www stránky se m+ní jen, když uživatel aktivuje n+jaký prvek" Proto je dobré vyhnout metazna7ky refresh Formulá&e Každý ovládací prvek formulá3e by m1l obsahovat n1jaký popisek, který informuje uživatele, jak s ním má zacházet. Pro popisek používejte tag <label> a svázání s p3íslušným prvkem atributy for a id. Jestliže popisek formulá3ového prvku nelze na stránku umístit a nebo vyplívá z kontextu, snažte se p3esto popisek do HTML kódu umístit a skrýt ho nap3íklad pomocí CSS nebo pomocí atributu title p3ímo vložit do zna7ky (tagu) ovládacího prvku IP Adresa : <input type= text size= 5 title= První trojíslí >. <input type= text size= 5 title= Druhé trojíslí >. <input type= text size= 5 title= T(etí trojíslí >. <input type= text size= 5 title= 3tvrté trojíslí > Rozsáhlé formulá3e se rozd1lují do menších logických celk8 k sob1 pomocí prvku <fieldset> a popisují pomocí prvku <legend> Dlouhé nep3ehledné výb1rové seznamy (prvek <select> s položkami <option>) se také rozd1lují do menších logických celk8 pomocí prvku <optgroup> a do atributu title tohoto prvku se vkládá nadpis dané 7ásti Tabulky Každá tabulka ur7ená jak pro rozvržení obsahu na stránce tak pro tabulková data musí dávat smysl p3i 7tení po 3ádcích zleva doprava (interpretace hlasových 7te7ek). V tabulkách, které jsou pro rozvržení obsahu na stránce se používají pouze zna7ky <table>, <tr>, <td>, zna7ky <th>, <tbody>, <tfood>, <thead> by tabulce daly nesprávný sémantický význam. Tabulka nesoucí tabulková data musí obsahovat zna7ku <th>. Ve složitých tabulkách, kde je více úrovní záhlaví a význam není dám pouze polohou v 3ádku nebo sloupci, se používají pro ur7ení vazby mezi buokami atributy headers a id. Barvy Informace, které jsou sd1leny barvou musí být dostupné i bez barevného rozlišení (Odlišení nap3. pomocí n1jakých zna7ek). Odkazy by nem1ly být odlišeny od okolního textu pouze barvou (Lepší je zachovat podtržení). Barvy pop3edí a pozadí jsou dostate7n1 kontrastní a na pozadí nejsou vzorky nebo obrázky snižující 7itelnost. Dv hodnoty kontrastu: Rozdíl jasu (0 255, min. 125) Rozdíl barvy (0 765, min. 500) Kristýna Knapová Strana

4 Vysoký konstrast Mnoho uživatel8, co mají problémy se zrakem, používají funkci Vysoký kontrast v nastavení systému Windows Píklad na textovém poli formuláe <input name="text1" type="text" value="n+jaký text" /><br /> <input name="text2" type="text" value="n+jaký text"" style="background: White;" /><br /> <input name="text3" type="text" value="n+jaký text"" style="color: Black;" /><br /> <input name="text4" type="text" value="n+jaký text"" style="background: White; color: Black;" /><br /> Normální zobrazení Zobrazení s vysokým kontrastem Sémantika HTML kódu Sémantické zna7ky v sob1 nesou význam nebo smysl textu. Pokud je na HTML stránce umíst1ný text, co má n1jaký význam, m1l by být v t1chto zna7kách. P3. <h1> <p> <cite> <strong> <blockquote> <dl> <ul> <ol> "Prvky tvo(ící nadpisy a seznamy jsou korektn+ vyznaeny ve zdrojovém kódu. Prvky, které netvo(í nadpisy í seznamy, naopak ve zdrojovém kódu vyznaeny nejsou" <h1> hlavní nadpis všechny prohlíže7e i textové ho odlišují, stejn1 tak i hlasová 7te7ka Defini7ní seznamy seznam definic s popisem (Ne)7íslované seznamy - nesou v sob1 sémantickou informaci a všechny prohlíže7e a 7te7ky ji svým zp8sobem vyzna7ují Kristýna Knapová Strana

5 Zdrojový kód Užití meta informací "V metaznakách je uvedena znaková sada dokumentu" Informace o kódování je nejd8ležit1jší a musí to být v HTML kódu první meta informace. Užití kaskádových styl$ "Pro popis vzhledu webové stránky jsou up(ednostn+ny stylové p(edpisy" Validní HTML kód "Kód webových stránek odpovídá n+jaké zve(ejn+né finální specifikaci jazyka HTML i XHTML. Neobsahuje syntaktické chyby, které je správce webových stránek schopen opravit" Písma Pouze relativní velikost Uživatel webových stránek musí mít možnost zm1nit velikost písma na stránce. "P(edpisy urující velikost písma nepoužívají absolutní jednotky" Nepoužívejte cm, mm, in, pt, pc, px Rodina písma "P(edpisy urující typ písma obsahují obecnou rodinu písma" Patková písma serif Bezpatková sans-serif Neproporciální monospace Uživatelské prost&edí Nezávislost na uživatelském prostedí "Obsah webové stránky nep(edpokládá ani nevyznauje konkrétní zpdsob použití ani konkrétní výstupní i ovládací za(ízení" Nezávislost ovládání Pro nezávislé ovládaní HTML stránky jsou d8ležité tyto v1ci: Všechny aktivní prvky jsou p3ístupné p3es klávesu TAB Všechny odkazy jsou dostupné p3es tabulátor a pomocí klávesy ENTER jdou aktivovat Nežádoucí zmny uživatelského prostedí (Pop-up okna) Webová stránka nemanipuluje bez p(ímého p(íkazu uživatele s uživatelským prost(edím Pokud se odkaz otevírá do nového okna, m1l by na to být uživatel upozorn1n Nezávislost události "V p(ípad+ skriptd a appletd zajist+te, aby ovladae událostí byly nezávislé na vstupním za(ízení" "Vytvá(ejte programové prvky jako skripty nebo applety p(ímo dosažitelné nebo kompatibilní s pomocnými technologiemi" Kristýna Knapová Strana

6 Události JavaScriptu Události závislé pouze na myši onmouseover, onmouseout, onmousedawn, onmouseup, onmousemove, onclick, ondblclick Události závislé pouze na klávesnici onkeypress, onkeydown, onkeyup Nezávislé události tzv. univerzální onfocus, onblur, onsubmit, onreset, onchange Nezávislost události Použití: Univerzální dle libosti Závislé na myši v kombinaci s událostmi klávesnice P3íklad otev3ení odkazu v jiném okn1: <a onclick= window.open(this.href,,okno);return false onkeypress= window.open(this.href,,okno);return false href= pokus.html >Odkaz v jiném okn+</a> Textový obsah webu Jednoduchý srozumitelný obsah "Webové stránky sd+lují informace jednoduchým a srozumitelným zpdsobem" Omezte odborných výraz8, cizích slov, mén1 známé výrazy Užívejte vysv1tlení odborných termín8, krátké odstavce, krátké v1ty, krátká slova Stru7nost a výstižnost je na prvním míst1 Srozumitelnost napí4 webem "Obsah ani kód webové stránky nep(edpokládá, že uživatel již navštívil jinou stránku" Rozmístní informací podle priority "Webová stránka i jednotlivé prvky textového obsahu uvád+jí své hlavní sd+lení na svém zaátku" Nadpis webu, nadpis stránky, hlavní obsah stránky, doplokový obsah stránky, navigace, pati7ka 7lenní obsahu "Rozsáhlé obsahové bloky jsou rozd+leny do menších výstižn+ nadepsaných blokd" Základní informace o webu ''Úvodní webová stránka jasn+ popisuje smysl a uel webu" Oficiální název webu, základní cíl a smysl fungování webu, název organizace 7i instituce, která web provozuje, základní kontakty na provozovatele Prohlášení o pístupnosti "Na samostatné webové stránce je uveden kontakt na technického správce a prohlášení jasn+ vymezující míru p(ístupnosti webu a jeho ástí. Na tuto webovou stránku odkazuje každá webová stránka" Kristýna Knapová Strana

7 Obsah PRAVIDLA TVORBY PÍSTUPNÉHO WEBU Obrázky 1 Obrázky dekora7ní 1 Obrázky s velkým množstvím informací 1 Obrázky ve formulá3i a klikací mapy 1 Kaskádové styly CSS 1 Javascript 1 FLASH 2 Odkazy na webu 2 Navigace 2 Mapa webu 2 Klikací mapa 2 Rámy 2 Element TITLE 2 Ovládání stránky 3 Formuláe 3 Tabulky 3 Barvy 3 Vysoký konstrast 4 Normální zobrazení 4 Zobrazení s vysokým kontrastem 4 Sémantika HTML kódu 4 Zdrojový kód 5 Písma 5 Rodina písma 5 Uživatelské prostedí 5 Události JavaScriptu 6 Nezávislost události 6 Textový obsah webu 6 Kristýna Knapová Strana

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 14 VY 32 INOVACE 0101 0314

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 14 VY 32 INOVACE 0101 0314 Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 14 VY 32 INOVACE 0101 0314 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor

Více

Přístupnost. aby WWW stránky mohla zobrazovat co nejš irš í paleta programů a zařízení myslet na speciální požadavky

Přístupnost. aby WWW stránky mohla zobrazovat co nejš irš í paleta programů a zařízení myslet na speciální požadavky Přístupnost aby WWW stránky mohla zobrazovat co nejš irš í paleta programů a zařízení myslet na speciální požadavky nevidomí a slabozrací negrafičtí klienti (pozor! sem patří i vyhledávací roboti) lidé

Více

2. Zásady přístupnosti a použitelnosti webu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

2. Zásady přístupnosti a použitelnosti webu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008) 2. Zásady přístupnosti a použitelnosti webu Web pro kodéry (Petr Kosnar, ČVUT, Obsah Terminologie Minoritní skupiny uživatelů Proč přístupnost? Pravidla tvorby přístupného webu Kontrola přístupnosti Další

Více

Formulář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í! 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íce

Tvoříme PŘÍSTUPNÉ STRÁNKY. webové. Připraveno s ohledem na novelu Zákona č. 365/2000 Sb., o informačních systémech veřejné správy.

Tvoříme PŘÍSTUPNÉ STRÁNKY. webové. Připraveno s ohledem na novelu Zákona č. 365/2000 Sb., o informačních systémech veřejné správy. Tvoříme PŘÍSTUPNÉ STRÁNKY webové Připraveno s ohledem na novelu Zákona č. 365/2000 Sb., o informačních systémech veřejné správy David Špinar Tvoříme přístupné webové stránky Autor: David Špinar Copyright

Více

Základy programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP

Základy programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP Základy programovacího jazyka HTML Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP Název školy: Číslo a název projektu: Číslo a název šablony klíčové

Více

HTML - Úvod. Zpracoval: Petr Lasák

HTML - Ú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

Obsah. Stručná historie World Wide Webu 7

Obsah. Stručná historie World Wide Webu 7 KAPITOLA I Web bez tajemství 1 Kde se vzal web a jeho stránky 2 Kouzlo jménem HTML 3 Jak stránky připravovat 5 Webová grafika 6 Web aktivní a interaktivní 6 Na straně serveru 6 Jak studovat tuto knihu

Více

Ukázka knihy z internetového knihkupectví www.kosmas.cz

Uká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íce

HTML Hypertext Markup Language

HTML 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íce

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD Tvorba www-stránek Webové stránky jsou napsané pomocí jazyka HTML (HyperText Markup Language). Ke tvorbě webových stránek potřebujeme - speciální program umožňuje tvořit stránku bez znalostí HTML-kódu

Více

Best practice Pravidla pro tvorbu přístupného webu

Best practice Pravidla pro tvorbu přístupného webu Ministerstvo informatiky Odbor metodické podpory ISVS Havelkova 2 130 00 Praha 3 Best practice Pravidla pro tvorbu přístupného webu Verze 1.0 Obsah: Předmluva...3 Úvod...3 Pravidla pro tvorbu přístupného

Více

Dokumentace zásad pístupnosti webových stránek pro uživatele s tžkým zrakovým postižením (metodický návod pro tvrce web)

Dokumentace zásad pístupnosti webových stránek pro uživatele s tžkým zrakovým postižením (metodický návod pro tvrce web) Dokumentace zásad pístupnosti webových stránek pro uživatele s tžkým zrakovým postižením (metodický návod pro tvrce web) verze: 2.3 datum vydání: 31.3.2005 Autor: Mgr. Radek Pavlíek, (pavlicek@sons.cz)

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek 1 HTML Hyper Text Markup Language = hypertextový značkovací jazyk Slouží pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy HTML soubor je obyčejný text obalený

Více

IE1 jazyk HTML a kaskádové styly

IE1 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íce

TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz

TNPW1 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íce

Nová pravidla přístupného webu pro účely novely Zákona č. 365/2000 Sb. o informačních systémech veřejné správy, provedenou zákonem č. 81/2006 Sb.

Nová pravidla přístupného webu pro účely novely Zákona č. 365/2000 Sb. o informačních systémech veřejné správy, provedenou zákonem č. 81/2006 Sb. Nová pravidla přístupného webu pro účely novely Zákona č. 365/2000 Sb. o informačních systémech veřejné správy, provedenou zákonem č. 81/2006 Sb. Kapitola A: Obsah webových stránek je dostupný a čitelný

Více

IE1 jazyk HTML a kaskádové styly

IE1 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íce

Audit přístupnosti webových stránek Portálu veřejné správy České republiky

Audit přístupnosti webových stránek Portálu veřejné správy České republiky Audit přístupnosti webových stránek Portálu veřejné správy České republiky I. Obsah Audit přístupnosti webových stránek Portálu veřejné správy...1 I. Obsah...1 II. Zhotovitel...1 III. Autorská práva k

Více

Vývoj Internetových Aplikací

Vývoj Internetových Aplikací 2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info

Více

Informace pro autory píspvk na konferenci ICTM 2007

Informace pro autory píspvk na konferenci ICTM 2007 Informace pro autory píspvk na konferenci ICTM 2007 Pokyny pro obsahové a grafické zpracování píspvk Strana 1 z 5 Obsah dokumentu: 1. ÚVODNÍ INFORMACE... 3 2. POKYNY PRO ZPRACOVÁNÍ REFERÁTU... 3 2.1. OBSAHOVÉ

Více

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

Ná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íce

Návrh a tvorba WWW stránek 1/8. Formuláře

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íce

Skriptování na straně serveru a klienta

Skriptování na straně serveru a klienta 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2012/03/29 21:34:27 $ Obsah Úvod... 3 Nová platforma... 4 Výhody webové platformy... 5 Nevýhody webové platformy... 6 Přístupy

Více

Gymnázium. Kromíž. Zpracování textu. Word 1 SIPVZ-modul-P0

Gymnázium. Kromíž. Zpracování textu. Word 1 SIPVZ-modul-P0 Zpracování textu Word 1 SIPVZ-modul-P0 OBSAH OBSAH...2 ZÁKLADNÍ POJMY...3 ZÁKLADY EDITACE TEXTU...4 FORMÁT ODSTAVCE...5 ODRÁŽKY A ÍSLOVÁNÍ...6 TABULÁTORY...7 OHRANIENÍ A STÍNOVÁNÍ...8 STYL ODSTAVCE...9

Více

Správa obsahu ízené dokumentace v aplikaci SPM Vema

Správa obsahu ízené dokumentace v aplikaci SPM Vema Správa obsahu ízené dokumentace v aplikaci SPM Vema Jaroslav Šmarda, smarda@vema.cz Vema, a. s., www.vema.cz Abstrakt Spolenost Vema patí mezi pední dodavatele informaních systém v eské a Slovenské republice.

Více

PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu

PŘÍ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íce

TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz

TNPW1 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

Párování. Nápovdu k ostatním modulm naleznete v "Pehledu nápovd pro Apollo".

Párování. Nápovdu k ostatním modulm naleznete v Pehledu nápovd pro Apollo. Párování Modul Párování poskytuje pehled o došlých i vrácených platbách provedených bankovním pevodem i formou poštovní poukázky. Jedná se napíklad o platby za e-pihlášky, prkazy ISIC nebo poplatky za

Více

Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014

Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014 Tvorba webových stránek pomocí HTML kódu v příkladech podpůrný text pro výuku M. Seménka, 2014 na příkladech se studenti seznámí se základními postupy tvorby www stránek Příklady je třeba důkladně prostudovat

Více

12. Základy HTML a formuláře v HTML

12. Základy HTML a formuláře v HTML 12. Základy HTML a formuláře v HTML 1) Co je to HTML a historie HTML 2) Termíny v HTML a. tag b. značka c. element d. atribut e. entita 3) specifikace a. html, xhtmll b. rozdíly xhtml a html 4) struktura

Více

název stránky v titulkovém pruhu prohlížeče

<!DOCTYPE html> <html lang=cs> <head> <meta charset=utf-8 /> <title>název stránky v titulkovém pruhu prohlížeče</title> </head> 1. HTML5 Technologie HTML5 zavádí a vylepšuje širokou škálu funkcí, zahrnující pokročilé nástroje pro práci s formuláři, multimédii, strukturami a sémantikou, aby poskytla autorům více flexibility a interoperability

Více

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

Webová 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íce

Obsah...1 1. Úvod...2 Slovníek pojm...2 2. Popis instalace...3 Nároky na hardware a software...3 Instalace a spouštní...3 Vstupní soubory...3 3.

Obsah...1 1. Úvod...2 Slovníek pojm...2 2. Popis instalace...3 Nároky na hardware a software...3 Instalace a spouštní...3 Vstupní soubory...3 3. Obsah...1 1. Úvod...2 Slovníek pojm...2 2. Popis instalace...3 Nároky na hardware a software...3 Instalace a spouštní...3 Vstupní soubory...3 3. Popis prostedí...4 3.1 Hlavní okno...4 3.1.1 Adresáový strom...4

Více

Tvorba webových stránek

Tvorba 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íce

Specifikace ASYMBO XML feedu

Specifikace ASYMBO XML feedu Specifikace ASYMBO XML feedu Děkujeme, že máte zájem o mobilní e-shop ASYMBO! Aby vše fungovalo, jak má, připravili jsme pro vás detailní specifikaci XML souboru, kterým vzájemně komunikuje Váš e-shop

Více

Formuláře. Internetové publikování

Formuláře. Internetové publikování Formuláře Internetové publikování Formuláře - příklad 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íce

Pístupný web. Základy pístupnosti. Definice pístupné stránky. Pístupnost (accessibility) Tim Berners-Lee, zakladatel technologie www

Pístupný web. Základy pístupnosti. Definice pístupné stránky. Pístupnost (accessibility) Tim Berners-Lee, zakladatel technologie www Pístupný web Základy pístupnosti Tim Berners-Lee, zakladatel technologie www Kristýna Knapová kristynka.k@centrum.cz Síla webu je v jeho univerzalit. Pístup pro každého nezávisle na schopnostech je jeho

Více

Vážení zákazníci, dovolujeme si Vás upozornit, že na tuto ukázku knihy se vztahují autorská práva, tzv. copyright. To znamená, že ukázka má sloužit výhradnì pro osobní potøebu potenciálního kupujícího

Více

Přehled základních html tagů

Přehled základních html tagů Přehled základních html tagů h1... hlavní nadpis h2... podnadpisy h3... podnadpisy další úrovně p... odstavec strong... tučné písmo b... tučné písmo em... kurzíva i... kurzíva br... zalomení řádku ol...

Více

INSPO 2008. Karel Břinda centrum TEREZA, FJFI ČVUT v Praze. Lukáš Marvan Seznam.cz, a.s.

INSPO 2008. Karel Břinda centrum TEREZA, FJFI ČVUT v Praze. Lukáš Marvan Seznam.cz, a.s. INSPO 2008 Karel Břinda centrum TEREZA, FJFI ČVUT v Praze Lukáš Marvan Seznam.cz, a.s. 1 Představení centra TEREZA a Seznamu Počátky a model spolupráce Možnosti přístupu, realizace a testování Dosažené

Více

P ehled nep ítomnosti

P ehled nep ítomnosti Pehled nepítomnosti Modul poskytuje pehled nepítomností zamstnanc na pracovišti. Poskytuje informace o plánované, schválené nebo aktuáln erpané pracovní nepítomnosti zamstnanc v rámci pracovišt VUT a možnost

Více

Pravidla přístupnosti

Pravidla přístupnosti Pravidla přístupnosti Pravidla přístupnosti Pravidla přístupnosti... 2 Kapitola A: Obsah webových stránek je dostupný a čitelný... 2 Kapitola B: Práci s webovou stránkou řídí uživatel... 4 Kapitola C:

Více

DUM. Databáze - úvod

DUM. Databáze - úvod DUM Název projektu íslo projektu íslo a název šablony klíové aktivity Tematická oblast - téma Oznaení materiálu (pílohy) Inovace ŠVP na OA a JŠ Tebí CZ.1.07/1.5.00/34.0143 III/2 Inovace a zkvalitnní výuky

Více

PÍRUKA A NÁVODY PRO ÚELY: - RUTINNÍ PRÁCE S DATY

PÍRUKA A NÁVODY PRO ÚELY: - RUTINNÍ PRÁCE S DATY PÍRUKA A NÁVODY PRO ÚELY: - RUTINNÍ PRÁCE S DATY YAMACO SOFTWARE 2006 1. ÚVODEM Nové verze produkt spolenosti YAMACO Software pinášejí mimo jiné ujednocený pístup k použití urité množiny funkcí, která

Více

Prezentaní program PowerPoint

Prezentaní program PowerPoint Prezentaní program PowerPoint PowerPoint 1 SIPVZ-modul-P0 OBSAH OBSAH...2 ZÁKLADNÍ POJMY...3 K EMU JE PREZENTACE... 3 PRACOVNÍ PROSTEDÍ POWERPOINTU... 4 OPERACE S PREZENTACÍ...5 VYTVOENÍ NOVÉ PREZENTACE...

Více

Tvorba fotogalerie v HTML str.1

Tvorba fotogalerie v HTML str.1 Tvorba fotogalerie v HTML str.1 obr. A obr. B 1) Spustíme PsPad, vytvoříme nový dokument a otevře se nám okno nový soubor, kde si můžeme zvolit jaký chceme typ. My označíme HTML a potvrdíme. 2) Pro správné

Více

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940

Více

Základy HTML. Autor: Palito

Základy HTML. Autor: Palito Základy HTML Autor: Palito Zobrazení zdrojového kódu Zobrazení zdrojového kódu Každá stránka je na disku nebo na serveru uložena ve formě zdrojového kódu. Ten kód je psaný v jazyce HTML. Když si chcete

Více

Internetové technologie, cvičení č. 5

Internetové 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íce

1. Začínáme s FrontPage 2003 11

1. 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íce

Nová struktura souborů a složek

Nová 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íce

PRÁCE S GRAFICKÝMI VÝSTUPY SESTAV

PRÁCE S GRAFICKÝMI VÝSTUPY SESTAV PRÁCE S GRAFICKÝMI VÝSTUPY SESTAV V PRODUKTECH YAMACO SOFTWARE PÍRUKA A NÁVODY PRO ÚELY: - UŽIVATELSKÉ ÚPRAVY GRAFICKÝCH VÝSTUP YAMACO SOFTWARE 2006 1. ÚVODEM Vtšina produkt spolenosti YAMACO Software

Více

Inovace výuky prostřednictvím šablon pro SŠ

Inovace 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

Maturitní témata Školní rok: 2015/2016

Maturitní témata Školní rok: 2015/2016 Maturitní témata Školní rok: 2015/2016 Ředitel školy: Předmětová komise: Předseda předmětové komise: Předmět: PhDr. Karel Goš Informatika a výpočetní technika Mgr. Ivan Studnička Informatika a výpočetní

Více

Vyšší 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 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íce

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Nové přístupy tvorby web site Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Osnova Úvod Web site - jasný cíl Technologie - dynamický web Forma - vyšší interaktivita Obsah - stálá aktualizace

Více

WWW poštovní klient s úložištm v MySQL databázi

WWW poštovní klient s úložištm v MySQL databázi eské vysoké uení technické v Praze Fakulta elektrotechnická Bakaláské práce WWW poštovní klient s úložištm v MySQL databázi Jií Švadlenka Vedoucí práce: Ing. Ivan Halaška Studijní program: Elektrotechnika

Více

19.5.2010 16:16. Datum: 14.5.2010 Zpracoval: Ing. Richard Ruibar

19.5.2010 16:16. Datum: 14.5.2010 Zpracoval: Ing. Richard Ruibar Datum: 14.5.2010 Zpracoval: Ing. Richard Ruibar Kvalita Vzhled v různých prohlížečích Podrobná kontrola vzhledu a funkčnosti v prohlížečích s podílem nad 1% Podrobná kontrola vzhledu a funkčnosti ve vybraných

Více

IMPORT DAT Z TABULEK MICROSOFT EXCEL

IMPORT DAT Z TABULEK MICROSOFT EXCEL IMPORT DAT Z TABULEK MICROSOFT EXCEL V PRODUKTECH YAMACO SOFTWARE PÍRUKA A NÁVODY PRO ÚELY: - IMPORTU DAT DO PÍSLUŠNÉ EVIDENCE YAMACO SOFTWARE 2005 1. ÚVODEM Všechny produkty spolenosti YAMACO Software

Více

Internetový mapový server Karlovarského kraje

Internetový mapový server Karlovarského kraje Internetový mapový server Karlovarského kraje Ing.Jií Heliks Karlovarský kraj Závodní 353/88 Karlovy Vary tel.: 353 502 365 e-mail: jiri.heliks@kr-karlovarsky.cz 1. Úvod Vývojem informa,ních systém. a

Více

Dokumentace k projektu

Dokumentace k projektu Mendelova univerzita v Brně Provozně ekonomická fakulta Dokumentace k projektu Kvetoucí kaktusy Chalupová Lenka LS 2012 Webový Design Obsah 1. Úvod a cíl práce... 3 2. Informační architektura... 3 2.1.

Více

Internet 2 css, skriptování, dynamické prvky

Internet 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íce

Základy WWW publikování

Základy WWW publikování Ing. Igor Kopetschke Oddělení aplikované informatiky Ústav nových technologií a aplikované informatiky Fakulta mechatroniky a mezioborových inženýrských studií Technická univerzita v Liberci Email : igor.kopetschke@tul.cz

Více

Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne

Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne Obrázky Tag Význam Párový Výskyt img obrázek ne img video ne map klikací mapa ano area oblast v klikací mapě ne Img Obrázek (angl. image). Nepárový tag. Do stránky se vloží obrázek načtený z jiného

Více

HROMADNÉ ÚPRAVY NAJÍT A NAHRADIT

HROMADNÉ ÚPRAVY NAJÍT A NAHRADIT HROMADNÉ ÚPRAVY NAJÍT A NAHRADIT Funkce Najít a nahradit slouží k rychlému vyhledávání určitých slov a jejich nahrazování jinými slovy. Lze hledat i určité varianty slov a nahrazovat je buď hromadně (všechny

Více

Javascript. Javascript - jazyk

Javascript. Javascript - jazyk Návrh a tvorba WWW stránek 1/30 Javascript skripty provádí prohlížeč - klient dynamicky generovaný obsah stránek, efekty, interakce nejrozšířenější klientský skriptovací jazyk (VBScript a další) nesouvisí

Více

Základy HTML. Obecná syntaxe HTML. Struktura HTML

Zá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íce

Inovace výuky prostřednictvím šablon pro SŠ

Inovace 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

Webová stránka. Matěj Klenka

Webová 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íce

Zbytky zákaznického materiálu

Zbytky zákaznického materiálu Autoi: V Plzni 31.08.2010 Obsah ZBYTKOVÝ MATERIÁL... 3 1.1 Materiálová žádanka na peskladnní zbytk... 3 1.2 Skenování zbytk... 7 1.3 Vývozy zbytk ze skladu/makulatura... 7 2 1 Zbytkový materiál V souvislosti

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek Kaskádové styly Úprava vzhledu webové stránky pomocí atributů má několik nevýhod a úskalí. Atributy nabízejí málo možností úprav. Obtížně se sjednocují změny na různých částech

Více

Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017.

Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017. Beamer - Elektronické publikování - VŠB - TUO 23. dubna 2009 Obsah 1 2 3 4 5 6 Obsah 1 2 3 4 5 6 schémata barvy písma změna fontu vnitřní schémata vnější schémata Obsah Prezentace bez navigace e stromovou

Více

Autocad ( zdroj www.designtech.cz )

Autocad ( zdroj www.designtech.cz ) Autocad ( zdroj www.designtech.cz ) AutoCAD patí k tradiním CAD aplikacím, které využívá celá ada technických i netechnických obor. V dnešním lánku se podíváme na bleskovku, jak lze zaít velmi tychle v

Více

Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!

Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku! Jemný úvod do HTML Redakční systém školního webu umožňuje formátovat text HTML značkami, tedy stejným způsobem, jakým se formátují webové stránky. Tento návod si dává za úkol seznámení se základními formátovacími

Více

25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY

25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY 25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY 25.1 Přidání nového tlačítka do menu Abychom mohli zpřístupnit nový pevný tvar do systému, je třeba přidat nové tlačítko do Menu. V našem případě se jedná o příčné

Více

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008) 1. Struktura stránky, zásady při psaní kódu, MVC pattern Web pro kodéry (Petr Kosnar, ČVUT, Obsah } Terminologie } Prezentace x Obsah } Struktura kódu } Sémantika kódu } Struktura stránky } Šablony } Template

Více

HTML. HyperText Markup Language. 25.9.2013 Josef Steinberger

HTML. HyperText Markup Language. 25.9.2013 Josef Steinberger HTML HyperText Markup Language 25.9.2013 Josef Steinberger HTML historie, verze Hypertext Jazyk popisující strukturu dokumentu SGML/XML Aplikace Verze: HTML 1 1990+ TBL, CERN HTML 2.0 1995 as RFC 1866

Více

10. SEO Obsah meta, konkrétní elementy v html kódu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

10. SEO Obsah meta, konkrétní elementy v html kódu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008) 10. SEO Obsah meta, konkrétní elementy v html kódu Web pro kodéry (Petr Kosnar, ČVUT, Obsah Obsah stránek Meta data Meta Title Meta Description Meta Keywords Zdrojový kód Odkazy Vyhledávací roboty Přesměrování

Více

Internet cvičení. ZS 2009/10, Cvičení 3.,8.12.2009. Tomáš Pop. DISTRIBUTED SYSTEMS RESEARCH GROUP http://dsrg.mff.cuni.cz

Internet cvičení. ZS 2009/10, Cvičení 3.,8.12.2009. Tomáš Pop. DISTRIBUTED SYSTEMS RESEARCH GROUP http://dsrg.mff.cuni.cz Internet cvičení ZS 2009/10, Cvičení 3.,8.12.2009 Tomáš Pop DISTRIBUTED SYSTEMS RESEARCH GROUP http://dsrg.mff.cuni.cz CHARLES UNIVERSITY PRAGUE Faculty of Mathematics and Physics Java Script obecně Moc

Více

13. Vytváření webových stránek

13. Vytváření webových stránek 13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací

Více

Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami , je považováno za poznámku a nezobrazuje se.

Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami <!-- a -->, je považováno za poznámku a nezobrazuje se. Úvod do tvorby www stránek Tvorba www 3 Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami , je považováno za poznámku a nezobrazuje se. Odkaz (hyperlink)

Více

KIV/PIA 2012 Ing. Jan Tichava

KIV/PIA 2012 Ing. Jan Tichava KIV/PIA 2012 Ing. Jan Tichava Opera Mini Zobrazených stránek za měsíc 90 G 80 G 70 G 60 G 50 G 40 G 30 G 20 G 10 G 0 G January 2011 May 2011 September 2011 January 2012 May 2012 September 2012 State of

Více

WEBOVÉ STRÁNKY www.krestanskevanoce.cz

WEBOVÉ 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

22. Tvorba webových stránek

22. Tvorba webových stránek 22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči

Více

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci Název modulu: Označení: C7 Stručná charakteristika modulu Modul vznikl za účelem úvodního seznámení zájemců o problematiku tvorby moderních webových stránek podle standardů W3C. Zahrnuje základní nezbytné

Více

Název: VY_32_INOVACE_PG4116 SEO, standardy, sémantika kódu, přistupnost

Název: VY_32_INOVACE_PG4116 SEO, standardy, sémantika kódu, přistupnost Název: VY_32_INOVACE_PG4116 SEO, standardy, sémantika kódu, přistupnost Autor: Mgr. Tomáš Javorský Datum vytvoření: 09 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace:

Více

Manuál k editoru TinyMCE

Manuál k editoru TinyMCE Manuál k editoru TinyMCE Popis ovládacích prvků UPOZORNĚNÍ: Některé tlačítka nemusí být k dispozici. Styl písma Dolní a horní index Zarovnání textu Může se aplikovat na označený text. B - tučné písmo,

Více

(X)HTML, CSS a jquery

(X)HTML, CSS a jquery Prezentační vrstva webové aplikace (X)HTML, CSS a jquery jquery Java Scriptová knihovna Ing. Martin Dostal (X)HTML první stránka Textový soubor s příponou.htm nebo.html: moje

Více

Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675

Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Tvorba WWW stránek Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Zdroje KRUG: Web design - nenuťte uživatele přemýšlet.. Computer Press, 2003. PROKOP M.: CSS

Více

WWW poštovní klient s úložištm v MySQL databázi

WWW poštovní klient s úložištm v MySQL databázi eské vysoké uení technické v Praze Fakulta Elektrotechnická Bakaláské práce WWW poštovní klient s úložištm v MySQL databázi Jií Švadlenka Vedoucí práce: Ing. Ivan Halaška Studijní program: Elektrotechnika

Více

Delphi popis prostředí

Delphi popis prostředí Delphi popis prostředí Delphi je komplexní vývojové prostředí, které slouží pro tvorbu aplikací. Řadí se mezi objektově orientované jazyky, protože podporuje koncepci skutečného objektového programování.

Více

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a

Více

01. HODINA. 1.1 Spuštění programu VB 2010. 1.2 Prvky integrovaného vývojového prostředí. - pomocí ikony, z menu Start.

01. HODINA. 1.1 Spuštění programu VB 2010. 1.2 Prvky integrovaného vývojového prostředí. - pomocí ikony, z menu Start. 01. HODINA 1.1 Spuštění programu VB 2010 - pomocí ikony, z menu Start. - po spuštění si můžeme vybrat, zda chceme vytvořit nový Projekt a jaký nebo zda chceme otevřít již existující Projekt. 1.2 Prvky

Více

Roenka absolvent. Nápovdu k ostatním modulm naleznete v "Pehledu nápovd pro Apollo".

Roenka absolvent. Nápovdu k ostatním modulm naleznete v Pehledu nápovd pro Apollo. Roenka absolvent Modul zobrazuje seznam student a jejich závrených prací. Dále informaci o tom, zda studenti chtjí být uvedeni v tiskové roence a zda zaplatili poplatek nutný k jejich zveejnní v roence.

Více

1 Tvorba WWW stránek pomocí programu Microsoft FrontPage

1 Tvorba WWW stránek pomocí programu Microsoft FrontPage 1 Tvorba WWW stránek pomocí programu Microsoft FrontPage Pomocí tohoto programu můžete vytvářet WWW stránky s minimální znalostí HTML kódu. Bohužel takto vytvořené stránky obsahují množství chyb a nejsou

Více

================================================================================ =====

================================================================================ ===== Název: VY_32_INOVACE_PG4101 Základní struktura HTML stránky Datum vytvoření: 01 / 2012 Anotace: DUM seznamuje se základní strukturou a členěním HTML stránky, s jednotlivými složkami - HTML, CSS, externí

Více

www.helpmark.cz Tomáš Herout

www.helpmark.cz Tomáš Herout 4. 1. 2015 1 Obsah prezentace» Jak naplánovat strukturu» Co je to HTML a CSS» Co používat za nástroje» Struktura a logika HTML» DOCTYPE» Hlavička (X)HTML» Tělo (X)HTML» Skupiny (X)HTML tagů» Vztah mezi

Více

Obsah KAPITOLA 1 Několik slov o Wordu 2007 9

Obsah KAPITOLA 1 Několik slov o Wordu 2007 9 KAPITOLA 1 Několik slov o Wordu 2007 9 Pás karet 10 Další možnosti ovládání Wordu 12 Nastavení Wordu 13 Ovládání Wordu 2007 klávesnicí 14 KAPITOLA 2 Základní operace 17 Základní nastavení 17 Rozdělení

Více

K 2 - Základy zpracování textu

K 2 - Základy zpracování textu Radek Maca Makovského 436 Nové Město na Moravě 592 31 tel. 0776 / 274 152 e-mail: rama@inforama.cz http://www.inforama.cz K 2 - Základy zpracování textu Mgr. Radek Maca Word I 1 slide ZÁKLADNÍ POJMY PRVKY

Více