Tutorials
[ Zurück ]


Animierte banner erstellen und auf website einbinden


Ein banner(auch in anderen Grössen) wie im Beispiel unten zu sehen, kann man erzeugen indem man mehrere einzelne Bilder zu einer .gif Datei zusammenfügt und somit hintereinander abspielen lässt. Tutorial 1 erklärt dir, wie du dein animiertes Bild in wenigen schritten erstellen kannst und mit dem html-code im 2. Tutorial kannst du dein animiertes Bild auf deiner website einbinden, sofern du die .gif Datei auf einem webspace (z.B. hier bei CwCity) abgespeichert hast!



Tutorial 1: Banner erstellen

Einen guten Anbieter um eine solche .gif Datei gratis online zu erstellen findest du hier. Wenn du auf hier klickst, kommst du in ein neues Fenster. Dort kannst du die Zielgrösse des animierten Bildes eingeben und anschliessend kannst du weiter unter alle Bilder einfügen welche du hintereinander ablaufen lassen möchtest, wobei du alle hochgeladenen Bilder nach dem hochladen in der Reienfolge versetzten kannst und die Anzeigedauer(in ms=millisekunden) jedes einzelnen Bildes eingeben kannst.

Tutorial 2: Banner auf website einbinden


HTML-code wie im Beispiel oben:
<a href="http://www.mafiagameonline.org" target="_blank"><img src="http://www.meinemafia.de/layout/332239/banner.gif"/></a>
Dabei kann eine einfache HTML-Seite z.B. so aussehen:
<html><body>
<a href="http://www.mafiagameonline.org" target="_blank"><img src="http://www.meinemafia.de/layout/332239/banner.gif"/></a>
</body></html>

HTML-code ERKLÄRUNG:
<a href="AUF DIESE WEBSITE KOMMT MAN, WENN MAN AUF DAS BILD KLICKT " MIT TARGET BLANK ÖFFNET SICH BEIM KLICK EIN NEUER TAB, WIRD DIESER BEFEHL GELÖSCHT WIRD DER LINK IM SELBEN FENSTER GEÖFFNET"><img src="AUF DIESER ADRESSE IST DEIN BILD ABGESPEICHERT" /></a>
Ein Anbieter um gratis deine Bilder hochzuladen und somit einen http://www.... link für dein Bild zu erstellen erzeugen, findest du hier. Meien Erfahrung mit diesem Dienst war allerdings mittelmässig-gut, vielleicht findest du selbst einen besseren Anbieter oder du ladest dein bild auf einen kostenlosen webspace z.B. hier bei CwCity und benutzt dann diesen link!

Die Definition für eine .gif-Datei lautet folgt:
GIF ist ein Grafikformat mit guter verlustfreier Kompression für Bilder mit geringer Farbtiefe (bis zu 256 (= 2<sup>8</sup>) verschiedene Farben pro Einzelbild). Darüber hinaus können mehrere Einzelbilder in einer Datei abgespeichert werden, die von geeigneten Betrachtungsprogrammen wie Webbrowsern als Animationen interpretiert werden. Ein heute nicht mehr gebräuchlicher weiterer Name des Formates ist GIFF (Graphics Interchange File Format).

Bitte positiv bewerten, falls dieser Beitrag hilfreich war für dich! Danke.

Viel Spass

Erstellt:01.11.13 00:54
Autor: mafiagame

Letzte Änderung: 01.11.13 02:10
Geändert von: mafiagame

Bewertungen:0
Bewertung:

Freigeschaltet: Ja
Views 5794

Klicke einfach auf einen Stern!
Wollen Sie wirklich das Tutorial löschen?
Wollen Sie wirklich dieses Tutorial zulassen?
Betreff: Report tutorial [id = 768] !
Absender:
Kommentar:
Wollen Sie wirklich dieses Tutorial zulassen?
Absender:
Kommentar:
Folgende User sind hier gerade aktiv:
-

ANZEIGE