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

Vyšší odborná škola a Střední škola,Varnsdorf, příspěvková organizace

Šablona 14 VY 32 INOVACE 0101 0314

VÝUKOVÝ MATERIÁL

Číslo projektu

Vyšší odborná škola a Střední škola, Varnsdorf, příspěvková organizace Bratislavská 2166, 407 47 Varnsdorf, IČO: 18383874 www.vosassvdf.cz, tel. +420412372632 CZ.1.07/1.5.00/34.1076

Název projektu

Pro vzdělanější Šluknovsko

Číslo a název šablony

III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT

Autor Tematická oblast

0101 - Bc. Luděk Cupal Tvorba internetových stránek

Číslo a název materiálu

VY_32_INOVACE_0101_0314 – WWW - HTML kód X

Anotace

Výklad: základy značkovacího jazyka HTML, skripty

Vytvořeno Určeno pro

24. 4. 2013 ICT, 3. ročník, studijní obor Cestovní ruch

Přílohy

bez příloh

Identifikační údaje školy

ICT CR, 3. ročník Tvorba internetových stránek

učební materiál č. 14 WWW – HTML kód X

Skripty • 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)

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

Skripty • 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í

Skripty • 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

Skripty • 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

Skripty • vložení skriptů do stránek <script> – párový tag pro vložení skriptu do HTML kódu • tag může být kdekoliv v dokumentu, v části head nebo 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ř.

Seznam použitých zdrojů • JANOVSKÝ, Dušan. Základy HTML. Jak psát web [online]. 2004 [cit. 2013-04-24]. Dostupné z: • POWELL, Thomas. HTML & XHTML: The Complete Reference [online]. 2003 [cit. 2013-04-24]. Dostupné z: • Tvorba-webu.cz [online]. 2008 [cit. 2013-04-24]. Dostupné z: