1. Info's:
Ihr brauch speziell für dieses Tutorial den editor eine .avi datei und natürlich die html datei .... für teil 2 benötigt ihr außerdem adobe after effects.
Des weiteren braucht ihr etwas zeit , lust und spaß an der sache.
Um diesmal alles etwas lustiger zu machen, machst du selbstständig nach jedem mal wo du "hä" oder "wie" oder ähnliches sagt 10 liegestütz das trainiert nebenbei = )
2. Tutorial:
Teil 1:
Wir haben ein avi file. dieses wollen wir direkt einbinden
Schritt 1: Wir machen den Editor auf und fügen in den body folgendes ein "<img dynsrc="location/filename.avi" width"*" hight="*" loop="infinite">
Schritt 2: Wir ändern falls nötig daten. location (klar der ordner) filename (sollte auch klar sein) width (breite der animation in pixel) hight (höhe der animation in pixel) die * sind durch die jeweilige pixelzahl zu ersetzen, und loop (wie oft die animation hintereinander gespielt werden soll , infinite= unendlich , bei loop="1" wird nur einmal abgespielt)
Schritt 3: Fertig als .. auf speichern auf filename.html und speichern...
Teil 2:
Nur der Microsoft IE kann avi's abspielen deshalb eignet sich an sonsten das macromedia flash format (.swf). wir wollen jetzt aus unserem avi file ein .swf file machen und dies dann fachgerecht einfügen.
Schritt 1: Wir öffnen After Effects und drücken dann Strg+i zum importieren. Wir wählen nun unser .avi file aus.
Schritt 2: Nun klicken wir in der Leiste auf Komposition/Neue Komposition mit Folgenden Einstellungen:
http://trytodo.xardas.lima-city.de/tut.JPG
Die daten müssen genau die sein, wie beim .avi file ... ist euer avi 100 pixel hoch müsst ihr selbstverständlich auch 100 pixel im fenster angeben.
http://trytodo.xardas.lima-city.de/tut.JPG Jetzt gehen wir im oberen fenster auf unser avi file.
http://trytodo.xardas.lima-city.de/tut2.JPG
und ziehen es per drag and drop in die zeitleiste
http://trytodo.xardas.lima-city.de/tut3.JPG
Jetzt richten wir es noch richtig aus, sodass der gelbe balken links unten genau in die zeitspanne passt (die dunklen ränder zählen nicht mit).
Schritt 4: Wir gehen auf Datei/Exportieren/Marcromedia Flash(swf)
und geben einen beliebigen namen an.
Im folgenden Fenster stellen wir folgende daten ein
http://trytodo.xardas.lima-city.de/tut4.JPG
Schritt 5: Wir öffnen unsere html datei im editor und fügen in den body fogendes ein: <EMBED SRC="location/filename.swf" WIDTH="*" HEIGHT="*" LOOP="true" PLAY="true" QUALITY="high"></EMBED>
Wie bei Teil 1 die "*" stehen fürs gleiche. Das wars...
3. Schlusswort: Das alles hat etwas länger gedauert..
ich hoffe ich konnte euch trotzdem helfen...
mfg todo