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 Tematická oblast Číslo a název materiálu Anotace Vyšší odborná škola a Střední škola, Varnsdorf, příspěvková organizace Bratislavská 2166, 40747 Varnsdorf, IČO: 18383874 www.vosassvdf.cz, tel. +420412372632 CZ.1.07/1.5.00/34.1076 Pro vzdělanější Šluknovsko III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT 0101- 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 24. 4. 2013 Určeno pro ICT, 3. ročník, studijní obor Cestovní ruch Přílohy bez příloh
ICT CR, 3. ročník Tvorba internetových stránek učební materiál č. 14 WWW HTML kód X
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)
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í)
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í
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
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
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');" />
Seznam použitých zdrojů JANOVSKÝ, Dušan. Základy HTML. Jak psát web[online]. 2004 [cit. 2013-04-24]. Dostupné z: <http://www.jakpsatweb.cz/zaklady-html.html> POWELL, Thomas. HTML & XHTML: The Complete Reference[online]. 2003 [cit. 2013-04-24]. Dostupné z: <http://www.htmlref.com/> Tvorba-webu.cz[online]. 2008 [cit. 2013-04-24]. Dostupné z: <http://www.tvorba-webu.cz/>