Stáhnout prezentaci
Prezentace se nahrává, počkejte prosím
ZveřejnilJaroslav Bárta
1
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.
2
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. 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
3
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ř.: (do hlavičky dané webové stránky.) Zdrojový kód : (zde ikonka “Favicon.ico“ - ) Výsledek: (v Mozille – před URL stránky)
4
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 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.)
5
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ř.: Zvuk - skladba, musí být ale k dispozici aplikace na přehrávání.
6
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 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“
7
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:
8
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,,, 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ů.
9
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í
10
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 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)
11
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:
12
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ř., 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:
13
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
14
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.czhttp://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/ 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=uvodhttp://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
15
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í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%A9diahttp://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
Podobné prezentace
© 2024 SlidePlayer.cz Inc.
All rights reserved.