Animace Φßsti velkΘho obrßzku

 AnimovanΘ GIFy mohou b²t velkou p°ednostφ webovΘ strßnky. Zßrove≥ jsou vÜak nßroΦnΘ na velikost souboru, obzvlßÜ¥ jsou-li vytvß°eny z velk²ch obrßzk∙. Obrßzek proto rozd∞lφme na n∞kolik Φßstφ a animujeme jen jednu, menÜφ Φßst obrßzku. Touto technikou dosßhnete toho, ₧e:
Soubory budou malΘ. Animace pouze Φßsti velkΘho obrßzku pomßhß redukovat dobu nata₧enφ, p°esto₧e vizußlnφ strßnka z∙stßvß v²raznß.
V∞tÜφ obrßzky o₧ijφ. M∙₧ete vzφt t°eba portrΘt a nechat ho koulet oΦima, anebo nakreslit psa, jak vrtφ ocasem.
P°itßhnete oko divßka. Nßznak pohybu v jinak nehybnΘm obrßzku urΦit∞ upoutß divßkovu pozornost.
Vytvo°enφ animace velkΘho obrßzku:

1. V grafickΘm editoru vytvo°te obrßzek a rozd∞lte ho na animovanΘ a statickΘ Φßsti.

2. ╚ßsti obrßzku sestavte vedle sebe
pomocφ tabulky s atributy BORDER=0 CELLPADDING=0 CELLSPACING=0 a s atributy ALIGN=left|center|right VALIGN=top|middle|bottom podle polohy v tabulce.
Vφde≥skß KΣrntner Strasse Vφde≥skß KΣrntner Strasse Vφde≥skß KΣrntner Strasse
Vφde≥skß KΣrntner Strasse
Vφde≥skß KΣrntner Strasse
Vφde≥skß KΣrntner Strasse
Vφde≥skß KΣrntner Strasse
Vφde≥skß KΣrntner Strasse
Vφde≥skß KΣrntner Strasse
Vφde≥skß KΣrntner Strasse
Vφde≥skß KΣrntner Strasse

P°φklad:
< TABLE align=center width=400 height=600 border=0 
cellpadding=0 cellspacing=0>< TR>< TD rowspan=9 align=left>
< IMG src="animace/leva.gif" width=109 height=600>< /TD>
< td valign=bottom align=center>
< IMG src="animace/horni.gif" width=114 height=102>< /td>
< td rowspan=9 align=right>
< IMG src="animace/pravap.gif" width=177 height=600>< /td>
< /TR>< TR>< td valign=middle align=center>¿
< IMG src="animace/d7.gif" width=114 height=38>< /td>< /TR>
< TR>< td valign=middle align=center>
< IMG src="animace/d6.gif" width=114 height=38>< /td>< /TR>
< TR>< td valign=middle align=center>
< IMG  src="animace/d5.gif" width=114 height=35>< /td>< /TR>
< TR>< td valign=middle align=center>
< IMG  src="animace/d4.gif" width=114 height=169>< /td>< /TR>
< TR>< td valign=middle align=center>
< IMG src="animace/d3.gif" width=114 height=36>< /td>< /TR>
< TR>< td valign=middle align=center>
< IMG src="animace/d2.gif" width=114 height=21>< /td>< /TR>
< TR>< td valign=middle align=center>
< IMG src="animace/d1.gif" width=114 height=13>< /td>< /TR>
< TR>< td valign=top align=center>
< IMG src="animace/dolni.gif" width=114 height=148>< /td>
< /TR>< /TABLE>
Takhle to vypadß ZaΦßtek
DalÜφ
P°edchozφ