Jak udělat prezentaci HTML5

HTML5, jako příští generace web standard, je za rohem. Jste přidali podporu HTML5 na vaše webové stránky? Možná je čas alespoň na přípravu. Tento článek vám ukáže 2 způsoby, jak udělat prezentaci HTML5 a vložit na své webové stránky.

Automatickou prezentaci HTML5

Jedním z největších inovace HTML5 je, že můžete přímo vložit a přehrávání videa online pomocí. Tímto způsobem, se návštěvníci mohou sledovat prezentaci HTML5, pokud prohlížeč podporuje HTML5. Žádný přehrávač Flash player vyžaduje. Vzhledem k tomu, že HTML5 nevstoupí do své finální verzi, nevyjdu videokodek WebM, H264, Ogv nebo obojí.

Tady je to, jak můžete vložit na HTML5 video slideshow:

< video poster="movie.jpg" prvky >
< source src='movie.webm' typ =' video/webm; kodeky = "vp8.0, vorbis" "/ >
< source src='movie.ogv' typ =' video/ogg; kodeky = "theora, vorbis" "/ >
< source src='movie.mp4' typ =' video/mp4; kodeky = "avc1.4D401E, mp4a.40.2"'/ >
< / video >

Pokud vidíte video níže, webové prohlížeče nepodporují HTML5, taky. V dnešní době většina webových prohlížečů podporuje HTML5 prezentace již. Zobrazit další podrobnosti o HTML5 prohlížečů.

HTML5 video prezentace vytvořené s DVD Slideshow Builder Deluxe - více než 100 přechodů včetně.

Teď co potřebujete je pouze HTML5 slideshow software a vytvářet prezentace video ve formátu MP4 (AVC) .

HTML5 interaktivní prezentace

Stejně jako v současné době používají Flash prezentaci na internetových stránkách můžete také navrhnout HTML5 prezentace bez instalace cokoliv. Samozřejmě není nutné psát kodek sami. Zde jsme se široce sdílené HTML5 prezentace on-line například Ukázat, jak vložit prezentaci HTML5.

1. soubory umístit na správné místo.

Po stažení souboru projektu HTML5 zde rozbalte soubor do počítače a přesunout nebo odeslat do složky vašeho webu.

Jsou i jiní lidé sdílet své HTML5 prezentace projektu online. Google a změnit podle svých potřeb. To je lepší dát autorských poděkovat práci ostatních, nebo sledovat licenční prohlášení.

2. změnit kód, aby vyhovovaly vašim potřebám

Obvykle není třeba měnit kód css a js soubory, kromě adresu odkazu, pokud jste je dali do jiné složky. Například měli změnit adresu odkazu souboru css na 'scripts/script.js', pokud jste přesunuli script.js souboru do existující složky s názvem 'skripty'. Tento typ adresy odkazu se nazývá relativní odkaz, zatímco jiný typ je absolutní odkaz, například http://yoursite.com/scripts/script.js. Pokud prezentaci HTML5 je vložit na stránku ve složce, měli byste použít něco jako '... /Scripts/Script.js. Pokud nejste obeznámeni s rozdíly raději používat absolutní odkaz.

Nejdůležitější částí této prezentace HTML5 je označena v červeném poli. Zkopírujte tyto kódy do libovolné stránky chcete HTML5 prezentace zobrazit a změnit adresu obrázku jako výše popsané.

Klikněte pro zvětšení.

3. náhled s HTML5 prohlížečů

A konečně vidět, jak prezentaci HTML5 vypadá jako v prohlížeči HTML5. Za normálních okolností budete mít tuto prezentaci HTML5. Na stránce můžete také stáhnout soubory prezentace HTML5 a podrobný proces návrhu od Martin Angelov.

Také check out Flash prezentace šablony , aby webová prezentace klepnutí myší.