TVORBA WEBOVÉ STRÁNKY
Zpět do nabídky tvorby .......... VIDEO - ANIMACE .......... Zpět na úvodní stránku

Rolování běžícího textu:

Animace - přehrávání videa:

Plovoucí okna pro hypertext:


HTML manuál:

Příklady HTML textu:

HTML zobrazení:

Rolování běžícího textu:
<marquee behavior="scroll"> ...text vyjede z jedné strany a na druhé zajede
<marquee behavior="slide"> ...text vyjede z jedné strany a zastaví se
<marquee behavior="alternate"> ...rolování od jedné ke druhé straně a zpět
<marquee loop="infinite"> ...neomezený počet rolování
<marquee loop="počet rolování"> ...počet rolování
<marquee direction="left"> ...směr rolování doleva
<marquee direction="right"> ...směr rolování doprava
<marquee scrolldelay="počet milisekund"> ...rychlost rolování
<marquee scrollamount="počet bodů"> ...plynulost rolování
<marquee width=> ...šířka bloku v obrazovkových bodech nebo procentuálně šířky okna
<marquee height=> ...výška bloku v obrazovkových bodech nebo procentuálně výšky okna
<marquee vspace=> ...kolik místa v obrazovkových bodech bude vynecháno kolem bloku ve svislém směru
<marquee hspace=> ...kolik místa v obrazovkových bodech bude vynecháno kolem bloku ve vodorovném směru
<marquee border=> ...šířka rámečku kolem bloku, jedná-li se odkaz
<marquee align=top> ...zarovnání horního okraje bloku s horním okrajem řádku
<marquee align=middle> ...zarovnání středu bloku se středem řádku
<marquee align=bottom> ...zarovnání dolního okraje bloku se spodním okrajem řádku
<marquee align=baseline> ...zarovnání dolního okraje bloku na účaří řádku

Rolování běžícího textu:
______________________________

Rolování zleva - text se zastaví:
<marquee bgcolor="#FFFF00" height="15"
scrolldelay="100" width="200" border= "4"
behavior="slide" direction="right" start="fileopen" ><b>Rolování zleva - text se zastaví</b>
</marquee >

______________________________
Rolování zprava - text zajede
:
<marquee bgcolor="#00FF00" size="7" height="25" width="200" scrolldelay="100" border= "4" behavior="scroll" direction="left" start="fileopen" ><b>Rolování textu zprava doleva - text vyjede z jedné strany a na druhé zajede</b>
</marquee >
______________________________
Rolování střídavě vlevo a vpravo:
<marquee bgcolor="#00FFFF" height="15"
scrolldelay="100" width="200" border= "4"
behavior="alternate" start="fileopen" ><b>Rolování zleva doprava a zpět</b>
</marquee >
______________________________

Rolování běžícího textu:
___________________________

Rolování zleva - text se zastaví:

- Rolování zleva - text se zastaví -

___________________________
Rolování zprava - text zajede:

Rolování textu zprava doleva - text vyjede z jedné strany a na druhé zajede

___________________________
Rolování střídavě vlevo a vpravo:
Rolování zleva doprava a zpět

___________________________

Animace - přehrávání videa:
<img src="URL zobraz.grafiky"> ... zobrazení statického obrázku
<img dynsrc=
"URL animace">
... spuštění videa
<img controls>
...zobrazení ovládacích prvků pro přehrávání animace
<img loop=
"infinite">
... neomezený počet přehrávání
<img loop="n">
... n počet přehrávání
<img start="fileopen">
... okamžité přehrávání animace
<img start="mouseover">
... přehrávání animace po vjetí kurzoru myši na obrázek
Nejčastěji užívané atributy:
alt, align, width, height, hspace, vspace, border, usemap

Animace - přehrávání videa:
______________________________
Přehrávání okamžité a trvalé:
<img dynsrc="Animace/IJK-logo.avi" align="absmiddle" width="111" height="132" start="fileopen" loop="infinite">
______________________________
Přehrávání 1x po najetí myši:
<img dynsrc="Animace/Motyl.avi" align="absmiddle" width="200" height="200" start="mouseover" loop="1">

<img dynsrc="Animace/KarelCSD.avi" align="absmiddle" width="111" height="132" start="mouseover" loop="1">
______________________________

Animace - přehrávání videa:
___________________________
Přehrávání okamžité a trvalé:
___________________________ Přehrávání 1x po najetí myši:



___________________________

Plovoucí okna pro hypertext:
<iframe src="URL">...URL dokumentu, který má být obsahem okna
<iframe name=>
...jméno okna, které slouží jako cíl pro hypertextový odkaz
<iframe marginheight=>
...vzdálenost mezi textem a okrajem okna ve svislém směru
<iframe marginwidth=>
...vzdálenost mezi textem a okrajem okna ve vodorovném směru
<iframe frameborder="yes">
...okraje okna se zobrazí
<iframe frameborder="no">
...okraje okna se nezobrazí
<iframe scrolling="yes">...postranní šoupátka se zobrazí
<iframe scrolling="no">...postranní šoupátka se nezobrazí
<iframe scrolling="auto">...postranní šoupátka se zobrazí automatisky jsou-li potřeba
<iframe width=>...šířka okna v obrazovkových bodech nebo procentech
<iframe height=>...výška okna v obrazovkových bodech nebo procentech
<iframe vspace=>...místo v obrazovkových bodech vynechané kolem okna ve svislém směru
<iframe hspace=>...místo v obrazovkových bodech vynechané kolem okna ve vodorovném směru
<iframe align="left">...zarovnání okna k levému okraji
<iframe align="right">...zarovnání okna k pravému okraji
<iframe align="top">...horní okraj okna zarovnán s horním okrajem řádku
<iframe align="middle">...střed okna zarovnán se středem řádku
<iframe align="bottom">...dolní okraj okna zarovnán se spodním okrajem řádku
<iframe align="baseline">...dolní okraj okna zarovnán na účaří řádku

Plovoucí okna pro hypertext:
______________________________

<iframe src="index.htm"
name="Plov-okno01"
marginheight="10"
marginwidth="10"
frameborder="yes"
scrolling="auto"

width="200"
height="500"
align="middle">


























Plovoucí okna pro hypertext:
___________________________