Montag, 31. Oktober 2011
Liebe MAGIX Online-Kunden,
in unserer neuen Serie „Wussten Sie schon“ wollen wir Ihnen zukünftig ein paar Tipps und Tricks vorstellen, die Ihnen neue Ideen und Inspiration für Ihre Homepage geben sollen.
Unser erstes Tutorial richtet sich an Website Maker-Nutzer, die gerne einen Banner für ihre Page bereit stellen möchten, damit andere Webseitenbetreiber ihn auf ihrer Seite zeigen und verlinken können.

Schritt 1: Banner erstellen.
Einen Werbebanner können Sie in jedem beliebigen Grafikprogramm erstellen. MAGIX empfiehlt hier zum Beispiel den Foto und Grafik Designer oder den Web Designer. Über die Größe können Sie im Prinzip frei entscheiden, dennoch haben sich im Web Standardformate für Banner eingebürgert, zB 486 x 60 px für breite Banner, 120 x 600 px für hohe (sog. Skyscraper) oder 300 x 250 px (rechteckig). Diese zu berücksichtigen, erhöht die Chancen auf Verlinkung.
Schritt 2: Banner hochladen.
Hier tut es jeder beliebige Bilderhoster (wie Photobucket, imgur, Image Shack, etc.). Wählen Sie am besten eine etablierte Seite, bei der Sie sicher sein können, dass Ihre Banner nicht so bald gelöscht wreden. Wir nehmen hier einfach mal das Online Album. Wenn das Bild online ist, brauchen Sie die Grafikadresse. Diese erhalten Sie im Online Medien Manager über die Funktion "Exportieren". Bei vielen Bilderhostern wird Ihnen die Grafikadresse gleich angezeigt:

Schritt 3: Website Maker-Projekt bearbeiten
Nun bearbeiten Sie die Seite, auf der die Linkpartner Ihr Banner abholen sollen. Ihre Partnerseiten sollen es einfach haben, Ihr Banner zu verlinken – idealerweise kopieren sie einen Code und fügen ihn einfach auf ihrer Seite ein. Normalerweise kann man Texte auf Ihrer Website Maker-Seite nicht mit der Maus markieren. Um den nötigen HTML-Code bereitzustellen, haben wir das HTML-Widget erweitert um die Option „Nur als Text anzeigen“. Haben Sie hier das Häkchen gesetzt, wird der HTML-Code nicht interpretiert, sondern so angezeigt, wie Sie Ihn eingegeben haben.

Sie erstellen also in Ihrem Website Maker Projekt ein neues HTML-Feld.
Schritt 4: Den Link zusammensetzen
Nun müssen Sie den Bannercode zusammenstellen. Dieser setzt sich folgendermaßen zusammen:
|
<a href=“http://www.meine-webseite.com“ target=“_blank“>
|
Hier wird die Verlinkung festgelegt. Ersetzen Sie http://www.meine-webseite.com durch Ihre URL oder die Zieladresse, wenn Sie die Besucher auf eine Unterseite leiten wollen. Die Anführungszeichen dürfen nicht gelöscht werden.
|
|
<img src="http://www.magix-photos.com/permamedia?exportclassid=CD25C1100....F4" alt=“Hier Alt-Text eingeben“>
|
Das img-Tag sagt dem Browser, dass eine Grafik verlinkt wird, und wo sie gespeichert ist. Setzen Sie also hier die kopierte Grafikadresse aus Schritt 2 ein. Optional können Sie auch noch Werte für „alt“, „border“ und „size“ angeben. Mehr dazu...
|
|
</a>
|
Hier endet die Verlinkung
|
So sieht also der fertige Code aus:

<a href=“http://www.meine-webseite.com“ target=“_blank“><img src="http://www.magix-photos.com/permamedia?exportclassid=CD25C11005...F4"" alt="Hier Alt-Text eingeben" border="0"></a>
Der bei Haken „Nur als Text anzeigen“ muss gesetzt sein. Klicken Sie auf „OK“. Das HTML-Feld können Sie im Projekt wie gewohnt an den Anfassern auf die gewünschte Größe bringen.
Schritt 5: Banner anzeigen

Natürlich soll der Besucher auch sehen, was sich hinter dem Code verbirgt. Laden Sie Ihre Bannergrafik wie ein ganz normales Bild hoch. Alternativ können Sie auch das HTML-Feld duplizieren (Kopieren / Einfügen) und die Option „Nur als Text anzeigen“ deaktivieren, ggf. den Link entfernen.
Banner einbinden
Wenn Sie im Gegenzug den Banner Ihres Linkpartners anzeigen möchten, erstellen Sie ein neues HTML-Feld und kopieren Sie den angezeigten Code hinein.
Nun können Sie andere Webseitenbetreiber anschreiben und zur gegenseitigen Verlinkung anregen – eine nette Art, Netzwerke zu knüpfen und mehr Besucher auf der eigenen Seite zu erhalten.
Viel Spaß dabei wünscht
Ihr MAGIX Online Welt Team