1 / 15

VY_32_INOVACE_4.3.IVT1.19/ Oc

VY_32_INOVACE_4.3.IVT1.19/ Oc. Tvorba webových stránek. Speciální prvky, entity, aj. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/34.0501. VY_32_INOVACE_4.3.IVT1.19/ Oc. Multimedia - speciální prvky webových stránek, zahrnují

yair
Download Presentation

VY_32_INOVACE_4.3.IVT1.19/ Oc

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. VY_32_INOVACE_4.3.IVT1.19/Oc Tvorba webových stránek Speciální prvky, entity, aj. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  2. VY_32_INOVACE_4.3.IVT1.19/Oc Multimedia - speciální prvky webových stránek, zahrnují textová, obrazová, zvuková, animovaná nebo filmovádata. Pro multimédia – formát flash Běžící text – daný text se zobrazí jako běžící, tag pár. <marquee> Př.: <marquee>běžící text</marquee> atributy – bgcolor, width a height, direction, behavior, loop, vspaceahspace, a jiné. Zdrojový kód : Výsledek: Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  3. VY_32_INOVACE_4.3.IVT1.19/Oc 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) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  4. VY_32_INOVACE_4.3.IVT1.19/Oc 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, atributloop(kolikrát se zvuk přehraje, udává se číslem, “-1“ – pořád se opakuje). Zvuk na webu používat s rozvahou !! Př.: <bgsoundsrc="hudba.mid“> (do hlavičky dané webové stránky.) Zdrojový kód : (pouze v Exploreru) Výsledek: (hraje po otevření stránky – pouze v Exploreru) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  5. VY_32_INOVACE_4.3.IVT1.19/Oc Odkazy na zvuk Př.: <a href="zvuk.mp3">Zvuk - skladba</a>, musí být ale k dispozici aplikace na přehrávání. Zdrojový kód : Výsledek: (kliknutím na odkaz spustíme zvuk) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  6. VY_32_INOVACE_4.3.IVT1.19/Oc 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“ Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  7. VY_32_INOVACE_4.3.IVT1.19/Oc Databáze animací, gifů, obrázků z webu – viz URL: http://www.bestpage.cz/gif.html Příklady animací z daného webu: Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  8. VY_32_INOVACE_4.3.IVT1.19/Oc 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. Video zahrnuje digitální i analogové způsoby ukládání obrazových záznamů . Zdrojový kód : Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  9. VY_32_INOVACE_4.3.IVT1.19/Oc 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í Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  10. VY_32_INOVACE_4.3.IVT1.19/Oc Vložení videa z Youtubetagy <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) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  11. VY_32_INOVACE_4.3.IVT1.19/Oc Výsledek: Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  12. VY_32_INOVACE_4.3.IVT1.19/Oc 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 &nbsp; (angl. non-breaking space). Příklady některých zápisů entit: Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  13. VY_32_INOVACE_4.3.IVT1.19/Oc Převod HTML kódu na entity: (rychlejší a méně pracné) http://www.jakdelatweby.cz/php/prevod-html-kodu.php Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  14. VY_32_INOVACE_4.3.IVT1.19/Oc 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: ComputerPress, 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. ComputerPress, 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 Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

  15. VY_32_INOVACE_4.3.IVT1.19/Oc 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 ŽĎÁ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 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 Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav OchodekCZ.1.07/1.5.00/34.0501

More Related