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

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

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

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

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

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

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

- definuje vztah k jiným XHTML dokumentům, typicky

<link> - definuje vztah k jiným XHTML dokumentům, typicky Návrh a tvorba WWW stránek 1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka

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

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

Hlavička dokumentu. mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka</a> </h3> <p> <img alt="Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka" title="Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka" class="news-block-img pull-right" src="/thumbs/48/23934103.jpg"> 1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka - definuje vztah k jiným </p> <a href="/23934103-Hlavicka-dokumentu-mezi-head-a-head-obsahuje-informace-vztazene-k-dokumentu-metadata-title-nazev-stranky-povinna-parova-znacka.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3974008-Dokumentace-zasad-pistupnosti-webovych-stranek-pro-uzivatele-s-tzkym-zrakovym-postizenim-metodicky-navod-pro-tvrce-web.html">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)</a> </h3> <p> <img alt="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)" title="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)" class="news-block-img pull-right" src="/thumbs/24/3974008.jpg"> 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) </p> <a href="/3974008-Dokumentace-zasad-pistupnosti-webovych-stranek-pro-uzivatele-s-tzkym-zrakovym-postizenim-metodicky-navod-pro-tvrce-web.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/354225-Best-practice-pravidla-pro-tvorbu-pristupneho-webu.html">Best practice Pravidla pro tvorbu přístupného webu</a> </h3> <p> <img alt="Best practice Pravidla pro tvorbu přístupného webu" title="Best practice Pravidla pro tvorbu přístupného webu" class="news-block-img pull-right" src="/thumbs/19/354225.jpg"> 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 </p> <a href="/354225-Best-practice-pravidla-pro-tvorbu-pristupneho-webu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/491485-Tvorba-www-stranek-prikazy-jazyka-html-budeme-pracovat-nasledovne-zakladni-struktura-webove-stranky-prikazy-sekce-head.html">Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD</a> </h3> <p> <img alt="Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD" title="Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD" class="news-block-img pull-right" src="/thumbs/20/491485.jpg"> 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 </p> <a href="/491485-Tvorba-www-stranek-prikazy-jazyka-html-budeme-pracovat-nasledovne-zakladni-struktura-webove-stranky-prikazy-sekce-head.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595654-Tvorba-webovych-stranek.html">Tvorba webových stránek</a> </h3> <p> <img alt="Tvorba webových stránek" title="Tvorba webových stránek" class="news-block-img pull-right" src="/thumbs/20/595654.jpg"> 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ý </p> <a href="/595654-Tvorba-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8549999-Tnpw1-cviceni-3-6-10-2015-aneta-bartuskova-uhk-cz.html">TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz</a> </h3> <p> <img alt="TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz" title="TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz" class="news-block-img pull-right" src="/thumbs/26/8549999.jpg"> 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, </p> <a href="/8549999-Tnpw1-cviceni-3-6-10-2015-aneta-bartuskova-uhk-cz.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/491649-Audit-pristupnosti-webovych-stranek-portalu-verejne-spravy-ceske-republiky.html">Audit přístupnosti webových stránek Portálu veřejné správy České republiky</a> </h3> <p> <img alt="Audit přístupnosti webových stránek Portálu veřejné správy České republiky" title="Audit přístupnosti webových stránek Portálu veřejné správy České republiky" class="news-block-img pull-right" src="/thumbs/20/491649.jpg"> 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 </p> <a href="/491649-Audit-pristupnosti-webovych-stranek-portalu-verejne-spravy-ceske-republiky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6023545-Ie1-jazyk-html-a-kaskadove-styly.html">IE1 jazyk HTML a kaskádové styly</a> </h3> <p> <img alt="IE1 jazyk HTML a kaskádové styly" title="IE1 jazyk HTML a kaskádové styly" class="news-block-img pull-right" src="/thumbs/25/6023545.jpg"> 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. </p> <a href="/6023545-Ie1-jazyk-html-a-kaskadove-styly.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11018426-Ie1-jazyk-html-a-kaskadove-styly.html">IE1 jazyk HTML a kaskádové styly</a> </h3> <p> <img alt="IE1 jazyk HTML a kaskádové styly" title="IE1 jazyk HTML a kaskádové styly" class="news-block-img pull-right" src="/thumbs/27/11018426.jpg"> 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. </p> <a href="/11018426-Ie1-jazyk-html-a-kaskadove-styly.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1765717-Vyvoj-internetovych-aplikaci.html">Vývoj Internetových Aplikací</a> </h3> <p> <img alt="Vývoj Internetových Aplikací" title="Vývoj Internetových Aplikací" class="news-block-img pull-right" src="/thumbs/23/1765717.jpg"> 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 </p> <a href="/1765717-Vyvoj-internetovych-aplikaci.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3100311-Informace-pro-autory-pispvk-na-konferenci-ictm-2007.html">Informace pro autory píspvk na konferenci ICTM 2007</a> </h3> <p> <img alt="Informace pro autory píspvk na konferenci ICTM 2007" title="Informace pro autory píspvk na konferenci ICTM 2007" class="news-block-img pull-right" src="/thumbs/24/3100311.jpg"> 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É </p> <a href="/3100311-Informace-pro-autory-pispvk-na-konferenci-ictm-2007.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37775171-Nswi096-internet-uvod-do-html.html">NSWI096 - INTERNET. Úvod do HTML</a> </h3> <p> <img alt="NSWI096 - INTERNET. Úvod do HTML" title="NSWI096 - INTERNET. Úvod do HTML" class="news-block-img pull-right" src="/thumbs/55/37775171.jpg"> NSWI096 - INTERNET Úvod do HTML XHTML CO TO JE? XML extensible Markup Language Sada pravidel, jak kódovat dokumenty Podle těchto pravidel lze vytvořit nekonečně mnoho různých jazyků HTML HyperText Markup </p> <a href="/37775171-Nswi096-internet-uvod-do-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8052381-Sprava-obsahu-izene-dokumentace-v-aplikaci-spm-vema.html">Správa obsahu ízené dokumentace v aplikaci SPM Vema</a> </h3> <p> <img alt="Správa obsahu ízené dokumentace v aplikaci SPM Vema" title="Správa obsahu ízené dokumentace v aplikaci SPM Vema" class="news-block-img pull-right" src="/thumbs/26/8052381.jpg"> 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. </p> <a href="/8052381-Sprava-obsahu-izene-dokumentace-v-aplikaci-spm-vema.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2364241-Skriptovani-na-strane-serveru-a-klienta.html">Skriptování na straně serveru a klienta</a> </h3> <p> <img alt="Skriptování na straně serveru a klienta" title="Skriptování na straně serveru a klienta" class="news-block-img pull-right" src="/thumbs/24/2364241.jpg"> 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 </p> <a href="/2364241-Skriptovani-na-strane-serveru-a-klienta.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11110769-Navrh-a-tvorba-www-stranek-1-8-formulare.html">Návrh a tvorba WWW stránek 1/8. Formuláře</a> </h3> <p> <img alt="Návrh a tvorba WWW stránek 1/8. Formuláře" title="Návrh a tvorba WWW stránek 1/8. Formuláře" class="news-block-img pull-right" src="/thumbs/27/11110769.jpg"> 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 </p> <a href="/11110769-Navrh-a-tvorba-www-stranek-1-8-formulare.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43604598-Ctvrtek-11-dubna-zaklady-html-obecna-syntaxe-html-struktura-html.html">Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML</a> </h3> <p> <img alt="Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML" title="Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML" class="news-block-img pull-right" src="/thumbs/59/43604598.jpg"> Čtvrtek 11. dubna 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 </p> <a href="/43604598-Ctvrtek-11-dubna-zaklady-html-obecna-syntaxe-html-struktura-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/561847-Prirucka-sprava-obsahu-webove-prezentace-formatovani-textu.html">PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu</a> </h3> <p> <img alt="PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu" title="PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu" class="news-block-img pull-right" src="/thumbs/20/561847.jpg"> 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í </p> <a href="/561847-Prirucka-sprava-obsahu-webove-prezentace-formatovani-textu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2864037-Parovani-napovdu-k-ostatnim-modulm-naleznete-v-pehledu-napovd-pro-apollo.html">Párování. Nápovdu k ostatním modulm naleznete v "Pehledu nápovd pro Apollo".</a> </h3> <p> <img alt="Párování. Nápovdu k ostatním modulm naleznete v Pehledu nápovd pro Apollo." title="Párování. Nápovdu k ostatním modulm naleznete v Pehledu nápovd pro Apollo." class="news-block-img pull-right" src="/thumbs/24/2864037.jpg"> 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 </p> <a href="/2864037-Parovani-napovdu-k-ostatnim-modulm-naleznete-v-pehledu-napovd-pro-apollo.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1367354-Prehled-zakladnich-html-tagu.html">Přehled základních html tagů</a> </h3> <p> <img alt="Přehled základních html tagů" title="Přehled základních html tagů" class="news-block-img pull-right" src="/thumbs/22/1367354.jpg"> 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... </p> <a href="/1367354-Prehled-zakladnich-html-tagu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11860876-Tnpw1-cviceni-2-6-10-2015-aneta-bartuskova-uhk-cz.html">TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz</a> </h3> <p> <img alt="TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz" title="TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz" class="news-block-img pull-right" src="/thumbs/27/11860876.jpg"> 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í, </p> <a href="/11860876-Tnpw1-cviceni-2-6-10-2015-aneta-bartuskova-uhk-cz.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595609-Tvorba-webovych-stranek-pomoci-html-kodu-v-prikladech-m-semenka-2014.html">Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014</a> </h3> <p> <img alt="Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014" title="Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014" class="news-block-img pull-right" src="/thumbs/20/595609.jpg"> 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 </p> <a href="/595609-Tvorba-webovych-stranek-pomoci-html-kodu-v-prikladech-m-semenka-2014.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6894947-Gymnazium-kromiz-zpracovani-textu-word-1-sipvz-modul-p0.html">Gymnázium. Kromíž. Zpracování textu. Word 1 SIPVZ-modul-P0</a> </h3> <p> <img alt="Gymnázium. Kromíž. Zpracování textu. Word 1 SIPVZ-modul-P0" title="Gymnázium. Kromíž. Zpracování textu. Word 1 SIPVZ-modul-P0" class="news-block-img pull-right" src="/thumbs/25/6894947.jpg"> 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 </p> <a href="/6894947-Gymnazium-kromiz-zpracovani-textu-word-1-sipvz-modul-p0.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/18931438-12-zaklady-html-a-formulare-v-html.html">12. Základy HTML a formuláře v HTML</a> </h3> <p> <img alt="12. Základy HTML a formuláře v HTML" title="12. Základy HTML a formuláře v HTML" class="news-block-img pull-right" src="/thumbs/39/18931438.jpg"> 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 </p> <a href="/18931438-12-zaklady-html-a-formulare-v-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/490536-Navrh-stranek-4iz228-tvorba-webovych-stranek-a-aplikaci.html">Návrh stránek 4IZ228 tvorba webových stránek a aplikací</a> </h3> <p> <img alt="Návrh stránek 4IZ228 tvorba webových stránek a aplikací" title="Návrh stránek 4IZ228 tvorba webových stránek a aplikací" class="news-block-img pull-right" src="/thumbs/20/490536.jpg"> 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... </p> <a href="/490536-Navrh-stranek-4iz228-tvorba-webovych-stranek-a-aplikaci.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4924781-Doctype-html-html-lang-cs-head-meta-charset-utf-8-title-nazev-stranky-v-titulkovem-pruhu-prohlizece-title-head.html"><!DOCTYPE html> <html lang="cs"> <head> <meta charset="utf-8" /> <title>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

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

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

HTML - pokračování. Co už víme?

HTML - pokračování. Co už víme? HTML - pokračování Co už víme? HTML slouží ke strukturovanému zápisu informací HTML dokument je jako skládačka Je to text uvozený značkou Základní části jsou HEAD a BODY Nadpisy pomocí

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

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

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

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

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

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

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

NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák

NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák NSWI096 - INTERNET CSS kaskádové styly Mgr. Petr Lasák MINULE

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

Š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

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

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

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

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

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

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

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

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

Úvod 1 ČÁST 1 HTML 1 Základy HTML a kaskádových stylů 5

Úvod 1 ČÁST 1 HTML 1 Základy HTML a kaskádových stylů 5 Úvod 1 ČÁST 1 HTML 1 Základy HTML a kaskádových stylů 5 Struktura dokumentu HTML obsah a forma 5 Prvky dokumentu 7 Jméno prvku 7 Atributy prvku 8 Obsah prvku, hierarchie prvků 9 Zastupující jednotky (entity)

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

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

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

(X)HTML-TAGY. VOŠ a SŠT Česká Třebová

(X)HTML-TAGY. VOŠ a SŠT Česká Třebová (X)HTML-TAGY Mgr. Petr Slívko VOŠ a SŠT Česká Třebová Tagy Popis Značka tagu začíná levou ostrou závorkou. Za ní následuje jméno tagu, před kterým nesmí být mezera. Mohou následovat atributy. Před

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

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

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

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

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

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

Formátování obsahu adminweb

Formátování obsahu adminweb Formátování obsahu adminweb verze 24032015 1 Obsah 1. Možnosti formátování textu...3 2. Formátování v editoru...4 3. Tabulka pro pozicování obsahu...5 4. Tabulka se stylem... 6 5. Šablony...7 6. Obrázky

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

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

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

Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML

Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML Název školy: Základní škola a Mateřská škola Žalany Číslo projektu: CZ. 1.07/1.4.00/21.3210 Téma sady: Informatika pro sedmý až osmý ročník Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML Vyučovací

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

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

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy V čem se píší web. dokumenty HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy HTML HTML (HyperText Markup Language, značkovací jazyk pro hypertext) standart pro vytváření stránek v systému aplikací World

Více

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela Základy informatiky HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra HTML

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

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

Jak vkládat dokumenty do redakčního systému tak, aby byly přístupné

Jak vkládat dokumenty do redakčního systému tak, aby byly přístupné Jak vkládat dokumenty do redakčního systému tak, aby byly přístupné Poznámka: V tomto návodu jsou použity příklady z konkrétní instalace redakčního systému Drupal. Uvedené postupy jsou využitelné i pro

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

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

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

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

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

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

Každý datový objekt Pythonu má minimáln ti vlastnosti. Identitu, datový typ a hodnotu.

Každý datový objekt Pythonu má minimáln ti vlastnosti. Identitu, datový typ a hodnotu. Datový objekt [citováno z http://wraith.iglu.cz/python/index.php] Každý datový objekt Pythonu má minimáln ti vlastnosti. Identitu, datový typ a hodnotu. Identita Identita datového objektu je jedinený a

Více

INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie

INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie INTERNET A SÍTĚ Ing. Pavel Smutný, Ph.D. Kancelář: H305 Telefon: 3511 Email: pavel.smutny@vsb.cz Role při tvorbě webových aplikací 1996 2009 GIF HTML CSS CGI analytik, informační architekt, grafik, programátor

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

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

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

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

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

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

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

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

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

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