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 2 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

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)

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

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í

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

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

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');" />

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/>

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í