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

Rozměr: px

Začít zobrazení ze stránky:

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

Ondřej Štěpánek
před 1 lety
Počet zobrazení:

Transkript

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

2 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor Tematická oblast Číslo a název materiálu Anotace Vyšší odborná škola a Střední škola, Varnsdorf, příspěvková organizace Bratislavská 2166, Varnsdorf, IČO: tel CZ.1.07/1.5.00/ Pro vzdělanější Šluknovsko III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT Bc. Luděk Cupal Tvorba internetových stránek VY_32_INOVACE_0101_0314 WWW - HTML kód X Výklad: základy značkovacího jazyka HTML, skripty Vytvořeno Určeno pro ICT, 3. ročník, studijní obor Cestovní ruch Přílohy bez příloh

5.00/34.1076 Pro vzdělanější Šluknovsko III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT 0101- Bc.

3 ICT CR, 3. ročník Tvorba internetových stránek učební materiál č. 14 WWW HTML kód X

4 skripty ve smyslu internetových stránek a HTML kódu jsou programy psané v jiném jazyce (nejčastěji JavaScript), které na straně klienta tedy v prohlížeči koncového uživatele mohou změnit zobrazení stránek, případně jim přidají určité funkčnosti aktivity, kterými se skripty spouštějí, se jmenují události např. najetí ukazatelem myši na objekt, kliknutí tlačítkem myši, odeslání formuláře, zobrazení stránky atd. (viz dále) nebo mohou být spuštěny, jakmile je načte prohlížeč skripty mohou být vloženy kdekoliv uvnitř HTML dokumentu nebo mohou být v externím souboru (viz dále)

jmenují události např. najetí ukazatelem myši na objekt, kliknutí tlačítkem myši, odeslání formuláře, zobrazení stránky atd.

5 události mohou být použity téměř u všech tagů (podle referenční příručky) existuje několik druhů událostí dle oblasti použití události okna a dokumentu onload událost spuštěná při dokončení načtení celé stránky onunload událost spuštěná při opuštění stránky (bezprostředně před opuštěním) onresize událost spuštěná při změně velikosti okna onscroll událost spuštěná při posouvání obsahu (skrolování)

načtení celé stránky onunload událost spuštěná při opuštění stránky (bezprostředně před opuštěním)

6 události myši onclick událost spuštěná při kliknutí levým tlačítkem myši na prvek, příp. při přednastavené akci prvku stránky ondblclick událost spuštěná při dvojkliku onmouseover, onmouseout, onmousemove události spuštěné při pohybu kurzoru myši po prvku stránky: najetí / opuštění / pohyb onmousedown, onmouseup události související s kliknutím myši (levým, pravým nebo prostředním tlačítkem): stisknutí / uvolnění

onmousemove události spuštěné při pohybu kurzoru myši po prvku stránky: najetí / opuštění / pohyb

7 události klávesnice pokud je právě aktivní prvek stránky, na kterém jsou nastaveny tyto události, pak je spuštěná událost onkeypress při stisknutí jakékoliv klávesy onkeydown při stlačení jakékoliv klávesy onkeyup při uvolnění jakékoliv klávesy

onkeypress při stisknutí jakékoliv klávesy onkeydown při

8 události formuláře a formulářových polí onsubmit událost spuštěná před odesláním formuláře onreset událost spuštěná při resetování formuláře onfocus událost spuštěná při aktivaci prvku formuláře/stránky onblur událost spuštěná při deaktivaci (opuštění) prvku stránky onchange událost spuštěná při změně hodnoty pole onselect událost spuštěná při výběru textu pomocí myši další události onabort událost spuštěná při přerušení načítání stránky/obsahu

spuštěná při deaktivaci (opuštění) prvku stránky onchange událost spuštěná při změně hodnoty pole onselect

9 vložení skriptů do stránek <script> párový tagpro vložení skriptu do HTML kódu tagmůže být kdekoliv v dokumentu, v části headnebo body atributy: type typ (formát) skriptu, např. text/javascript language jazyk skriptu, např. Javascript src URL externího souboru se skripty (pokud existuje, jinak je skript napsán uvnitř tagu script) nebo tzv. in-line metodou, kdy se využije události jako atributu prvku stránky (atribut nese stejné jméno jako událost), např. <input type="text" name="jmeno" onchange="alert('pozor');" />

Javascript src URL externího souboru se skripty (pokud existuje, jinak je skript napsán uvnitř tagu script) nebo tzv.

10 Seznam použitých zdrojů JANOVSKÝ, Dušan. Základy HTML. Jak psát web[online] [cit ]. Dostupné z: <http://www.jakpsatweb.cz/zaklady-html.html> POWELL, Thomas. HTML & XHTML: The Complete Reference[online] [cit ]. Dostupné z: <http://www.htmlref.com/> Tvorba-webu.cz[online] [cit ]. Dostupné z: <http://www.tvorba-webu.cz/>

HTML & XHTML: The Complete Reference[online]. 2003 [cit. 2013-04-24].

Podobné dokumenty

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í