Burda-Blog Tipps 1

Schönen guten Tag euch allen.

Ich wollte eigentlich mehr über das Projekt Runway erzählen, aber da Blognachbarin Elisabeth schrieb, sie müsse sich das Einstellen von Fotos hier im Blog aneignen, und auch einige damit schon Probleme hatten, erzähle ich dazu etwas, und stelle den Runway mal nach hinten.

Ich hole (mal wieder) etwas aus:

Ich hatte vor ca. 10 Jahren null Ahnung von dem Erstellen von Websites und den codes, die dafür verwendet werden. Auch jetzt würde ich mich als relativen Dummie bezeichnen, denn html als Grundlage von Websites ist ja schon lange überholt. Flash und Co regieren die Welt, und ich habe keinen Schimmer, wie sowas geht.

Aber ich habe ein bisschen html gelernt, grade genug, um Seiten zu verändern oder Elemente einzufügen. Im Moment bastele ich an einem selbsterstellten Blog herum, in dem ich mich mit php und Datenbanken rumschlagen muss, aber ich kann ja lesen, und zu jedem noch so blöden Problem gibt es Hilfeseiten im Netz.

Eine Seite, die Bloggerin Nowak mir einmal bei unserer ersten Begegnung genannt hatte (und die ich schon lange kannt, pah) ist diese hier: selfhtml. Dort findet man alles, was man braucht. Aber das findet man in einem Japanisch-Lexikon auch, wenn man japanisch sprechen will. Das Problem für mich war und ist: Wie wende ich all die schönen Codes an? Man muss sich wirklich sehr lange in die Materie einarbeiten, um durchzublicken. Anders als in unserer Schriftsprache kann der Browser nämlich nicht einen Befehl verstehen, wenn wir ein Komma weglassen!

Ich will euch nicht mit Details langweilen, heute geht es einzig und alleine um das einstellen von Fotos. Ich erkläre euch ausführlich das Prinzip, wie im Internet Bilder angezeigt werden (soweit ich es halt selbst kapiere)

Wenn euer Browser ein Foto anzeigt, dann ist das ja nicht auf eurer Festplatte. Logisch. Ich kenne nicht wenige Leute, die meinen ein Bild online anzeigen zu können, weil sie es auf der Platte haben! Das kann ja gar nicht funktionieren. Wie sollen andere Surfer denn auf eure Festplatte zugreifen können? Dann sehen sie ja auch die peinlichen Fotos vom letzten Strandurlaub... hihi. Scherz beiseite, man KANN eine Festplatte als "Server" einrichten, aber das übersteigt meinen technischen Horizont, also vergessen wir das.

Das Foto muss also irgendwo abgelegt werden. Für unsere Blogs tun wir das idealerweise bei Burda. Oder sonstwo. Nun müsst ihr aber bedenken, dass jedes Anschauen von Fotos ja "traffic" erzeugt. Das ist der Begriff für den "Verkehr", die Zugriffe, die auf einer Seite herrschen. Bei mir schauen angeblich rund 200 Leute am Tag ins Blog, wobei da eine Menge von Frau Google kommen.

Aber ein Zugriff auf ein Foto kann auch nach ausserhalb gehen, zum Beispiel wenn ich nur den LINK in meinen Text einfüge. Ein Beispiel: Ich weiss, ich habe ein Foto das ich hier benötige auf meinem eigenen, teuer bezahlten Webspace. www.baerbelborn.de habe ich gekauft und der gehört mir. Dort liegen Bilder in Ordnern, die ich dort abgelegt habe. An dieser Adresszeile seht ihr, dass vorne meine Domain steht und hinten ein "gif", das ist ein Grafikformat: http://baerbelborn.de/images/logo.gif. Mehr zu Grafik-Formaten hier: selfhtml-Grafiken.

Um das Bild nun anzuzeigen, brauche ich einen Code. und der sieht so aus:

<img src="http://webadresse/verzeichnis/bildname.format" width="100" height="500" alt="" border="0">

Die "width" legt fest, wie breit euer Bild wird, die "height" wie hoch. "alt" benennt einen alternativen Text, der erscheint wenn das Bild mal nicht angezeigt werden kann, und wenn ihr mit der Maus drüber geht, könnt ihr den auch lesen (praktisch um den Bildern zusätzliche Informationen zu verpassen) Benutze ich übrigens nie, ich bin zu faul dafür. 

Die "border" legt fest, wie groß der Rahmen um ein Bild sein soll. Mache ich nie, und kann man ausser Acht lassen.

Also dieser Code oben ist die Eintrittskarte zu schönen Fotos im Blog, oder wo immer ihr sie haben wollt.

In unserem Fall muss ich nun die Bildadresse meines Fotos dort einfügen, wo "bildname" steht. Das sieht dann so aus:

<img src="http://baerbelborn.de/images/logo.gif" width="100" height="500" alt="" border="0">

Das tue ich aber im html-Modus, in meinem Editor ist oben ein kleiner Button, mit dem ich zwischen dem normalen Modus und den Codes wechseln kann. Das mache ich mal, und füge meinen Coce ein. 

Hoppala, was ist das denn? Jau, ich hatte vergessen, die "width" und "height" an mein Bild anzupassen. Mach ich mal, indem ich die Werte einfach lösche, dann steht zwischen den Anführungsstrichen nichts mehr.   

Fein, was? Nun zeigt meine Blogseite ein Bild aus meiner Website an. Auf diese Weise verlinken wir hier Bilder von externen Seiten. Zum Beispiel aus der BuMo-Seite. Gemeineweise ändern die aber ab und zu die Adressen von Bildern, und man sieht dann in einem Blog-Eintrag Wochen später ein falsches Bild, that´s life.

Denn man muss bedenken, dass für jedes Biild, das ihr zeigt, wieder "traffic" entsteht. Wenn ihr das Bild aus meiner Homepage seht, greift euer Browser auf meine Seite zu. Und ich bekomme einen Zugriff auf die Seite. Bei Seiten mit begrenzter Traffic kann das schon mal dazu führen, das die Seite nicht mehr angezeigt wird. Man sollte also nur zu Seiten verlinken (obiges ist ein verlinktes Bild!), von denen ihr wisst dass der Besitzer der Seite das auch ok findet, oder wo es ausdrücklich erlaubt ist.

Viele kostenlose Anbieter  von Fotoalben mögen das nämlich nicht, also Obacht!

Auf der sicheren Seite sind wir, wenn wir nur Bilder zeigen, die wir auch HIER im Burda-Blog-Space abgelegt haben. Dafür müssen wir VOR dem Erstellen eines Textes die Bilddatei auf den Server laden.

Zu diesem Zweck haben wir eine Funktion "Weblog-Einstellungen" und dort "Dateien". Öffnet man diese, seht ihr (hoffentlich) eine Zeile in der ihr euren Computer durchsuchen könnt. Dort sucht ihr dann die Bilddatei, welche ihr hier zeigen wollt. Und ladet sie hoch. Es erscheint dann ein link. Den braucht ihr, um das Bild hier einzufügen. Ich behelfe mir immer damit, dass ich mit einem Rechtsklick die Datei in einem neuen Fenster öffne (ich benutze Firefox). Was dann oben in der Browserzeile steht, das kopiere ich mit "markieren, Steuerung-C" und füge es später ein mit der Kopierfunktion (Steuerung-V) Ich denke da gar nicht mehr drüber nach, man macht das irgendwann automatisch.

Nun habe ich die Internet-Adresse meines Bildes in meiner Kopier-Taste. Yeah! Aber wie bekomme ich es nun in mein Blog? Was ich euch oben erklärt habe, war das PRINZIP. Vergesst das wieder! Denn: Hier im blojsom-Blog (so heisst die Software die unseren Blogs zugrunde liegt) gibt es einen sehr praktischen Editor, mit dem ich auch grade schreibe. In den alten Burda-Blogs hatte ich Schwierigkeiten mit dem Editor, der von Firefox nicht korrekt angezeigt wurde. Darum kann ich nicht sagen, ob ihr das Gleiche seht wie ich!!!!

Aber wenn ihr mit einem Editor schreibt, also einem Programm das euch mit niedlichen Buttons die Arbeit des hmtl-codierens abnimmt, dann sucht bitte mal oben in der zweiten Zeile des Editors den kleinen Baum. Das soll ein Mini-Foto sein. Dieses Symbol bedeutet: Hier kann ich die Adresse eines Fotos einfügen. Wenn ihr darauf klickt, öffnet sich ein kleines Menü, in die OBERSTE Zeile gebt ihr die eben kopierte Adresse eures hochgeladenen Burda-Bildes ein. Oder eine andere Adresse, von der ihr wisst das ihr sie benutzen dürft (so wie ich das Foto von meinem eigenen Webspace)

Die zweite Zeile "image description" ist wurscht, sie erzeugt das "alt", welches dem Bild einen Namen zuweist. Muss man nicht unbedingt. Glaube ich. Das "Alignement" sollte dem Bild einen Platz auf der Seite zuweisen, aber ich habe es in all der Zeit noch nie geschafft, meine Bilder mit dieser Funktion in die Mitte zu bekommen. Ich mache das immer mit dem Textformat "align center" in der obersten Zeile des Editor. Geht auch. Ist nur Fummelei.

Die anderen Zeilen des Foto-Menüs kennt ihr ja schon. "Border", "width" und "height" geben die Größe und den Rahmen an. Wenn ihr dort NICHTS eintragt, wird das Bild so angezeigt wie ihr es raufgeladen habt.

Nun wäre das Bild im Blogeintrag. Aaaber man kann noch ein bisschen damit spielen. Theoretisch kann man aus einem Bild auch einen Link machen. Aber das ist eine andere Geschichte....