tutorials
  Extra:Flash-Intro
 


Tutorial Extras: Flash-Intro

 

  • Das Intro - Einführung - wird beim Aufruf der  Website vorgeschaltet. Oft eine Animation, bei diesem Extra eine Flash -Animation und/oder eine besondere grafische Präsentation z.B. des Firmenlogos

  • Flash-Intro  installieren: Wir klicken im Log-In auf    

Wir wählen in der Klappleiste das Flash-Intro aus und fügen das Extra hinzu.

dann öffnet sich das  Extra und wählen für dieses Beispiel den Typ Movie und  

wählen die Textfarbe des Intros aus.

Hier können wir die Textgröße und die Farbe einstellen entweder über den Farbwähler oder mit einem Hex-Farbcode




Hier wählen wir eine Farbe aus - der HEX-Code wird dann automatisch übertragen. Dann geben wir einen Text ein - Text vor dem Intro - der erscheint dann oben über dem Film im Intro. Wenn wir wollen fügen wir auch noch ein Bild über oder unter dem Text ein. Das Bild sollte nicht zu groß sein, da ja darunter nachher noch der Flash-Film zu sehen sein soll und es wäre nicht gut wenn der Besucher erst runterscrollen müsste um den Film zu sehen. Ebenso können wir einen Text und ein Bild eingeben bei Text nach dem Intro, der erscheint unter dem Film.

Den kleinen Editor schalten wir um, indem wir neben auf Quelltext klicken





Jetzt können wir die HTML- Codes eingeben:




Bei Text nach dem Intro verfahren wir genau so:



Wir sollten jetzt noch einen Text  eingeben der in dem Film läuft. Der Text muss kurz sein, den er wird automatisch vergrößert.

Ein  Bild geht auch noch, es muss in den Film passen - sollte von daher auch nicht zu groß sein. 

Hier bestimmen wir noch die Hintergrundfarbe des gesamten Intros. 

Und erstellen den Button zum weiterklicken für die Besucher, die den Film nicht zu Ende schauen möchten - Textfarbe und -größe, sowie die Farbe des Buttons einstellen.




Bilder zum Intro hinzufügen:

<br><br> damit das Bild und der Text nicht direkt oben an der Seite hängt.

<center> damit alles zentriert in der Mitte über dem Film ist.

<img src="http://BILDLINK.gif">  kann auch jpg oder png sein.

<br><br> damit der Text nicht direkt am Bild  hängt.

TEXT  erscheint oberhalb des Filmes 

Text und ein Bild eingeben bei Text nach dem Intro, der erscheint unter dem Film - funktioniert genauso.

 

Hintergrundbild zum Intro hinzufügen:

Das ist mit CSS möglich - wir fügen folgenden Code bei Text vor dem Intro ein.

 
<style type="text/css">
<!--
body {background-image: url(http://www.Bildadresse.jpg);}
-->
</style>

 

Musik  und  zum Intro hinzufügen:

Wenn wir noch Musik hinzufügen wollen, sollten wir folgendes beachten:

Der Film läuft mit Text ca. 25 sec. - also reicht es völlig, wenn unsere Musikdatei 30 sec. lang ist. Die könnt wir mit dem kostenlosen Programm Audacity super bearbeiten. 





Nachdem wir die Datei hochgeladen haben - das geht im Baukasten nur, wenn wir die Erweiterung, des Speicherplatzes gekauft haben - ansonsten extern uploaden ANBIETER.  

Die Musik fügen wir jetzt in einen unsichtbaren Player ein 

<script language="JavaScript">
var ver = navigator.appName;
if (ver == "Microsoft Internet Explorer") {
document.write('<bgsound src="http://www.LINK-MUSIK.mp3" loop=infinite>');
}else{
document.write('<EMBED src="http://www.LINK-MUSIK.mp3" width="1" height="1" hidden="true" loop="true" autostart="true"></EMBED>');
}
</script>

Das fügen wir bei Text vor dem Intro ein.

Wenn es jemand  näher interessiert - hier ist es genau erklärt:  MUSIK

 

Jetzt auf OK klicken - dann unten auf editieren und der Testlauf kann beginnen.



 

 
 
 
Aktualisieren # Diese Seite Drucken ein Bild Zurück Vor ein Bild ein Bild ein Bild nur IE

Impressum | Rechtliche Hinweise | News

© success4you , Tutorials-Area 2007

 
 
http://www.bambusratte.com/taf.php?%20bgcolor=c5c5c5&txtcolor=000000&anrede=s&site=http:tutorials-%20area.de.tl&bgpic=http:img.webme.com/pic/t/tutorials-area/tutback2.gif&nametaf=Tell-A-Friend
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden