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/ 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/ 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. Př.: běžící text 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/ 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ř.: (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/ Zvuk na webu párový tag se vkládá do 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ř.: (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/ Zdrojový kód : Výsledek: (kliknutím na odkaz spustíme zvuk) Odkazy na zvuk Př.: Zvuk - skladba, 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/ Animace, vložení pomocí tagu 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/ Databáze animací, gifů, obrázků z webu – viz URL: 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/ Video (film) tagy,,, 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/ 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/ Vložení videa z Youtube tagy a slouží pro vkládání multimédií, 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/ 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/ Entity znakové Slouží pro zápis znaků (např., 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/ Převod HTML kódu na entity: (rychlejší a méně pracné)
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/ Zdroje: JANOVSKÝ, Dušan. Jak psat web [online] [cit ]. Dostupné z: BROŽA, Petr. Jak na počítač vytváříme www stránky. Brno: Computer Press, ISBN Flídr, M.: HTML pro začátečníky. Praha: PC WORLD, 2001, roč. 2001, č. 2. Co to je html [online]. [cit ]. Dostupné z: ROUBAL, Pavel. Počítačová grafika pro úplné začátečníky. Computer Press, Tvorba webu [online] [cit ]. Dostupné z: JANÍK, Martin. Příručka XHTML [online] [cit ]. Dostupné z: KOSEK, Jirka. Multimédia a Web: 4IZ228 – tvorba webových stránek a aplikací [online] [cit ]. Dostupné z:
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/ Zdroje: Dostál, J.: Multimediální, hypertextové a hypermediální učební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 ISSN X (print). ISSN (on-line). ŽĎÁREK, Roman. Ovládněte tvorbu webu! S námi to zvládne opravdu každý. [online] [cit ]. Dostupné z: BestPage.cz [online]. [cit ]. Dostupné z: Wikipedie: Otevřená encyklopedie [online]. [cit ]. Dostupné z: ŽĎÁREK, Roman. Ovládněte tvorbu webu! S námi to zvládne opravdu každý. [online] [cit ]. Dostupné z: ŽĎÁREK, Roman. Ovládněte tvorbu webu! S námi to zvládne opravdu každý. [online] [cit ]. Dostupné z: