Tutorial: Bild einfügen

Ein Bild hochladen und in den Text einfügen

Es gibt auf der Plattform die Möglichkeit, Bilder hochzuladen. Das kann auf drei Arten sein:

Möglichkeit A. - Bild einfügen:

so wie z.B. in der "TherapeutInnenliste" über ein kleines upload Feld. Dabei kann an der Bildgröße und der Ausrichtung nichts weiter verändert werden. Das ist die einfache Variante.

Möglichkeit B. - Bild einfügen

Im folgenden Tutorial soll erklärt werden, wie z.B. in einem Blog oder einem Artikel, ein Bild erst hochgeladen, in der Größe verändert und entsprechend platziert werden kann.

Möglichkeit C. - Bild einfügen

Am Ende des Artikel findet ihr die dritte Möglichkeit, ohne Hochladen ein Bild einzubauen.


Aus den anderen Tutorials wisst ihr, dass erst einmal ein Artikel (ich nenne es der Einfachheit halber so, es kann ein Blog, ein Forumbeitrag oder ähnliches sein) ANGELEGT werden muss. Mit einem Titel, einer Zusammenfassung, dem Inhaltsteil etc.

  1. Artikel anlegen, zwischenspeichern, wieder in den Bearbeiten Modus gehen,
  2. Beim Textformat unbedingt  FULL HTML  auswählen - sonst funktioniert keinerlei Hochladen.
  3. Lege dir das Bild (die Bilder) deiner Wahl am besten auf deinen desktop oder an einer Stelle auf deinem PC/Mac ab, die du leicht finden kannst. Das Bild sollte nicht größer als 2 Mb sein - das ist eine Grenze, damit der upload geht. Falls es größer ist, nutze eine freesoftware um es "schlanker" zu machen. Piccasa, Gimp.
  4. Du bist in deinem Artikel und im Bearbeiten Modus und klickst in der Werkzeugleiste auf das Bildsymbol (wie rechts gelb markiert)
  5. Darauf hin öffnet sich ein Fenster und der Vorgang des Hochladens startet.
  6. Du siehst einen Link "Server durchsuchen". Ein weiteres Fenster öffnet sich und du bekommst einen Einblick in die Ordnerstruktur der Plattform. Wähle zunächst einen Ordner - z.B. für Bilder in Artikeln den Ordner "Artikelbilder". Die Geübten finden sich gleich zurecht, falls ihr schon mal ein pdf hochgeladen habt. In den Ordner (Richtig!) pdf.

Grafik: 3

<<< den passenden Ordner "Artikelbilder" auswählen und UPLOAD drücken.

Hättest du ein pdf hochgeladen, dann wärs der Ordner "pdf downloads 6" z.B.

 

 

 

 


Grafik: 4

<<< noch ein kleines Fenster, damit durchsuchst du deinen PC/Mac nach dem Bild das du hochladen willst. Wähle also aus und drück nochmals UPLOAD.

Danach ladet sich dein Bild via Internet auf den Server unserer Plattform. Du findest es im nächsten Fenster mit blau hinterlegtem Dateinamen. Dann hat es geklappt.

 


 

Grafik 5

<<< Nun siehst du den Dateinamen deines Bildes in der Liste, sie ordnet sich alphabetisch - siehe gelber Pfeil.

Jetzt nur mehr INSERT (Einfügen) anklicken und das Bild ist in deinen Text eingefügt.

 

 

 

 


Was nun folgt ist nur mehr Ästhetik, WO und WIE gross du dein Bild haben möchtest. Die meisten Bilder sind hier mit 250 bis 300 pixel Breite eingebaut, damit Platz für den Text bleibt. Das kannst du bestimmen wie du magst. Mit horizontal/vertikal Abstand regulierst du den Abstand zum Fliesstext, wenn du die Option "Ausrichtung" ausgewählt hast. Das fliesst der  Text rechts/links ums Bild herum.

<<< Grafik: 6

Wichtig: Bitte gib einen Alternativ-Text an; das gehört sich so im I-net, für den Fall, dass wer die Bilderanzeige ausgeschalten hat oder blind/sehbehindert ist; ALT text zu untenstehenden Grafik lautet ungefähr so: "Grafik: Bild einfügen und Größe ändern" (es ist ein Kurzerklärungstext, frei zu formulieren)

 

 

 

 


Möglichkeit C. - Bild einfügen

Zum Ende möchte ich auf die letzte Möglichkeit des Bild Einfügens kommen. Beachte Grafik: 6.

Wenn die Grafik nicht von dir selbst erstellt (fotografiert) ist oder wenn du das Hochladen umgehen möchtest, dann lege nur einen Link von einer anderen website hierher in deinen Text.

  1. Du hast bereits deinen Artikel (Blog,Beitrag,Forum,... du weisst schon) angelegt,
  2. nun gehst du auf das "Bild" einfügen Symbol und siehst dann Grafik: 6
  3. statt den "SERVER Durchsuchen" kopierst du die Bild-Adresse (der fremden Seite, wo du das gewünschte Bild gefunden hast) in die Zeile: URL
  4. Wie weisst du die URL deines Wunschbildes? Die Adresse eines fremden Bildes (Grafik: 7) erhältst du mit RECHTSKLICK auf ein Bild, und "Grafikadresse kopieren" (mein Beispiel: https://www.secure.biosign.de/media/images/final-composing-white-medium.gif (so lautet die Adresse, wenn ich sie nur als Adresse einfüge)
  5. will ich das Bild in meinem Text - so klicke ich in der Werkzeugleiste "Bild" einfügen und kopiere die Adresse in das Feld URL, dann wird das fremde Bild in meinem Artikel sichtbar.

Bild: die Grafik von einer fremden websiteGrafik: 7 ist eigefügt, obwohl sie auf einer anderen website liegt. Im ALT text solte dies erwähnt sein; Bildquelle: www.secure.biosign.de, Bild des Qiu. Übrigens ein interessantes Gerätchen, mit dem auf einfache Weise eine Art biofeedback gemacht wird, um die Herzratenvariabilität zu beeinflußen.

 

 

 

 

AutorIn: 

Martin Geiger, MSc

Buchbewertung: 
0
No votes yet