VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Tvorba webových stránek
Speciální prvky, entity, aj.
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Multimedia - speciální prvky webových stránek, zahrnují textová, obrazová, zvuková, animovaná nebo filmová data.
Běžící text – daný text se zobrazí jako běžící, tag pár. <marquee> Př.: <marquee>běžící text</marquee>
Zdrojový kód :
Výsledek:
atributy – bgcolor, width a height, direction, behavior, loop, vspace a hspace, a jiné.
Pro multimédia – formát flash
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Ikonka stránky (favicon.ico) - zobrazení obrázku – ikonky před adresou v prohlížeči. Rozlišení ikonky 16x16 nebo 32x32 (px), jméno "favicon.ico“.
Př.: <link rel="shortcut icon" href="favicon.ico“> (do hlavičky dané webové stránky.)
Zdrojový kód : (zde ikonka “Favicon.ico“ - )
Výsledek: (v Mozille – před URL stránky)
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Zvuk na webu párový tag <bgsoud> se vkládá do <head> Vložení zvuku do webové stránky jako pozadí, podporované formáty mid a vaw, atribut loop (kolikrát se zvuk přehraje, udává se číslem, “-1“ – pořád se opakuje). Zvuk na webu používat s rozvahou !!
Zdrojový kód : (pouze v Exploreru)
Výsledek: (hraje po otevření stránky – pouze v Exploreru)
Př.: <bgsound src="hudba.mid“> (do hlavičky dané webové stránky.)
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Zdrojový kód :
Výsledek: (kliknutím na odkaz spustíme zvuk)
Odkazy na zvuk Př.: <a href="zvuk.mp3">Zvuk - skladba</a>, musí být ale k dispozici aplikace na přehrávání.
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Animace, vložení pomocí tagu <img> Na stránce můžeme použít animaci vlastní (vytvořenou, např. v Gifu ), nebo použít volnou databázi animací, apod.
Zdrojový kód :
Výsledek:
Grafický formát pro animace: “*.gif“
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Databáze animací, gifů, obrázků z webu – viz URL:
http://www.bestpage.cz/gif.html
Příklady animací z daného webu:
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Video (film) tagy <iframe>, <a>, <embed>, atributy src, height, width Používá se pro oživení stránek (ale s ctem!), zdrojem je YouTube, další weby nebo je video jako soubor v daném adresáři.
Zdrojový kód :
Video zahrnuje digitální i analogové způsoby ukládání obrazových záznamů .
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Výsledek: (v Exploreru)
Klikne se na přehrávání
Klikne se na text - odkaz
Klikne se na obrázek - odkaz
Klikne se na přehrávání
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Vložení videa z Youtube tagy <object> a <embd> <object> slouží pro vkládání multimédií, <embd> starší forma objektu pro zobrazení souborů.
Object je velice podobný appletu, ale jeho možnosti jsou širší. Dovoluje do stránky umístit libovolný objekt uložený v nějakém souboru.
Atributy: width, height, align, vspace, hspace a border
Zdrojový kód : (příklad vložení flashe z Youtube)
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Výsledek:
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Entity znakové Slouží pro zápis znaků (např. <br>, aj.) a jejich zobrazení v prohlížeči, aby nabyly považovány za kód HTML.
Zapisují se sekvencí znaků, která začíná “&“ a je ukončena “;“ , mezi nimi jsou písmenka vyjadřující daný znak.
Významnou entitou je pevná mezera (umožňuje zobrazit více mezer na stránce za sebou. Zapisuje se (angl. non-breaking space).
Příklady některých zápisů entit:
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Převod HTML kódu na entity: (rychlejší a méně pracné) http://www.jakdelatweby.cz/php/prevod-html-kodu.php
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Zdroje:JANOVSKÝ, Dušan. Jak psat web [online]. 1999 [cit. 2012-12-27].
Dostupné z: http://www.jakpsatweb.cz
BROŽA, Petr. Jak na počítač vytváříme www stránky. Brno: Computer Press, 2004. ISBN 80-251-0475-3.
Flídr, M.: HTML pro začátečníky. Praha: PC WORLD, 2001, roč. 2001, č. 2.
Co to je html [online]. [cit. 2012-12-27]. Dostupné z: http://www.owebu.org/cze/html/obrazky.php
ROUBAL, Pavel. Počítačová grafika pro úplné začátečníky.Computer Press, 2002.
Tvorba webu [online]. 2003 [cit. 2012-12-27]. Dostupné z: http://www.tvorba-webu.cz/xhtml/
JANÍK, Martin. Příručka XHTML [online]. 2009 [cit. 2013-11-25]. Dostupné z: http://www.pslib.cz/martin.janik/xhtml/?req=uvod
KOSEK, Jirka. Multimédia a Web: 4IZ228 – tvorba webových stránek a aplikací [online]. 2000-2012 [cit. 2013-11-27]. Dostupné z: http://www.kosek.cz/vyuka/4iz228/prednasky/mm.pdf
VY_32_INOVACE_4.3.IVT1.19/Oc
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501
Zdroje: Dostál, J.: Multimediální, hypertextové a hypermediální učební pomůcky - trend soudobého vzdělávání Časopis pro technickou a informační výchovu. 2009, Olomouc, Vydala Univerzita Palackého, Ročník 1, Číslo 2, s. 18 - 23. ISSN 1803- 537X (print). ISSN 1803-6805 (on-line).
ŽĎÁREK, Roman. Ovládněte tvorbu webu! S námi to zvládne opravdu každý. [online]. 2004-2012 [cit. 2013-11-27]. Dostupné z: http://www.jakdelatweby.cz/html/entity.php
BestPage.cz [online]. [cit. 2013-11-27]. Dostupné z: http://www.bestpage.cz/gif.htm
Wikipedie: Otevřená encyklopedie [online]. [cit. 2013-11-27]. Dostupné z: http://cs.wikipedia.org/wiki/Multim%C3%A9dia
ŽĎÁREK, Roman. Ovládněte tvorbu webu! S námi to zvládne opravdu každý. [online]. 2004-2012 [cit. 2013-11-27]. Dostupné z: http://www.jakdelatweby.cz/zaklady/ikonka.php
ŽĎÁREK, Roman. Ovládněte tvorbu webu! S námi to zvládne opravdu každý. [online]. 2004-2012 [cit. 2013-11-27]. Dostupné z: http://www.jakdelatweby.cz/php/prevod-html-kodu.php