HTML+TIME
HTML+TIME - Timed Interactive Multimedia Extensions for HTML je spojení HTML a schopností jazyka SMIL. Lze tedy dobře říci, že pomocí HTML+TIME lze vytvořit stejné multimediální prezentace jako ve SMILu. Rozdíl oproti SMILu je především v podpoře. HTML+TIME podporuje Internet Explorer. Konkrétně HTML+TIME 1.0 (staví na SMIL 1.0) je podporováno už v Internet Explorer 5.0, HTML+TIME 2.0 (vychází ze SMILu 2.0) je podporováno až od IE 5.5.
HTML+TIME se od SMILu liší v několika základních bodech:
- Některé prvky a atributy SMILu chybí. HTML+TIME je nahrazuje. Hlavně jde o vizuální část SMILu, kterou skoro kompletně nahrazuje CSS
- Rozdíl v integraci do zdrojového kódu. Vložení HTML+TIME je trochu komplikovanější.
- Některé prvky jsou přidány
- HTML+TIME je podporováno v Internet Exploreru
Zapojení HTML+TIME do dokumentu:
Hlavička vypadá následovně:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML+SMIL //EN" "htmlplussmil.dtd">
<html xmlns:t ="urn:schemas-microsoft-com:time">
<?import namespace="t" implementation="#default#time2">
<style>
t\:* { behavior:url(#default#time2); }
</style>
Příklad animace HTML+TIME
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<xml:namespace prefix="t"/>
<style type="text/css">
t\:* { behavior:url(#default#time2); }
#box{width:200; height:200; background-color: #8894fb }
#animace{position:absolute; top:0; left:0;}
</style>
</head>
<body>
<t:par id="box" begin="0s;animace.click" fill="hold">
<img src="balon.png" alt="" id="animace" />
<t:animateMotion targetElement="animace" dur="1.5s"
fill="hold" from="80,-30" to="80,170" />
</t:par>
</body>
</html>
Tento příklad funguje od IE 5.5 a výš. Stačí ho uložit jako stránku HTML. Můžete si též stáhnout archiv HTML+TIME animací
Více:
SMIL - jazyk pro tvorbu multimediálních prezentací
Specifikace HTML+TIME [EN]
Interval.cz - můj článek o HTML+TIME
Vyhledávání
Osobně doporučuji
Poradna
Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.