Bilder einbinden

Von Karl-Wilhelm Ahlborn, Medienzentrum Osnabrück

Achtung: Das MZO-Wiki ist sehr empfindlich: Schwierigkeiten kann man aus dem Weg gehen, wenn man seine Dateien nach den alten „goldenen“ Regeln benennt:

  • Keine Großbuchstaben,
  • Keine Sonderzeichen (.,;/:),
  • Keine Umlaute,
  • Keine Leerzeichen im Dateinamen.

Der Befehl zum Einbinden von Bildern lautet nicht Attach: bildername.jpg sondern
(:embed file=bildername.jpg html-width=500px print-width=12.5cm caption="Bildunterschrift hier einfügen.":)

Zur Erläuterung:
Um Bilder in einem Wiki anzuzeigen, müssen sie im Wiki als Datei vorhanden sein. Man kann zwar Bilder auch mittels eines Verweises auf eine Internetadresse anzeigen lassen, ohne sie im Wiki gespeichert zu haben. Dann werden sie aber nicht im Wiki-Buch ausgedruckt!

Die Vorgehensweise ist also folgende:

  1. Ein passendes Bild im Internet finden und mittels rechter Maustaste anklicken. Dann die Option „Datei speichern unter ...“ (o.ä., je nach Browser) auswählen und als Speicherort den DESKTOP von Hand aussuchen.
    Der Desktop wird üblicherweise auf der linken Seite der Auswahlbox als Symbol zum Anklicken gezeigt. Wenn man den Desktop wählt, findet man die Datei später sehr schnell zum Löschen wieder.
  2. Im Wiki anmelden und zu der Seite navigieren, auf der das gerade gespeicherte Bild angezeigt werden soll. Dort den Prozess des Hochladens mittels Klick auf „Anhängen“ (links außen unter „Aktionen“) starten. Der Mechanismus entspricht demjenigen beim Anhängen eines Datei-Anhangs an eine E-Mail. Die aufgerufene Seite erklärt die Vorgehensweise detailliert.
  3. Ist die Datei erfolgreich hochgeladen, kann man die Seite nun bearbeiten. Dazu bietet die „Hochladen“-Seite gleich einen passenden Link an.
  4. Unterhalb der Zeile, nach der das Bild erscheinen soll, gibt man nun den (:embed file ...:)-Befehl ein. Die einzelnen Optionen werden nun erläutert:
  • (:embed file=bildername.jpg:)
    (:embed file=pferd.jpg:)

Das ist die Minimal-Version des Befehls. Das Bild wird, so wie es ist, angezeigt. Hierbei muss der Dateiname so eingetragen werden, wie er auf der „Anhängen“-Seite unten zu sehen ist. Normalerweise notiert man sich die (häufig kryptische) Bezeichnung auf einem Notizzettel. Als Datei-Format empfehlen wir das jpg-Format, weil es so unkompliziert ist. Falls Sie ein anderes Format nutzen wollen, können Sie ausprobieren, ob es dargestellt wird. Falls nicht, müssen Sie das Bild mit einer externen Anwendung ins jpg-Format umwandeln. Eine einfache Umbenennung ist wirkungslos.

  • (:embed file=bildername.jpg html-width=500px:)
    (:embed file=pferd.jpg html-width=500px:)

Falls das angezeigte Bild nicht in das Wiki passt (zu breit, zu hoch), kann man den Befehl erweitern. Die gewünschte Breite in der Wiki-Version (HTML) wird in Pixeln angegeben. 500 Pixel (500px) sind eine gebräuchliche Breite, da die Skins etwa 800 Pixel breit sind. Falls der Wert nicht passt, so lange von Hand ändern, bis man zufrieden ist. Die Bildhöhe wird jeweils entsprechend angepasst. Auch Hochkant-Bilder werden nach der gewünschten Breite skaliert! Die Höhe passt sich ja entsprechend an.

  • (:embed file=bildername.jpg html-width=500px print-width=12.5cm:)
    (:embed file=pferd.jpg html-width=500px print-width=12.5cm:)

Passt die Darstellung im Wiki, kann die Darstellung im Wiki-Buch davon deutlich abweichen. Mittels „print-width“ kann man nun die Darstellung im Wiki-Buch unabhängig von der Darstellung im Wiki festlegen. Da eine DIN A4-Seite ca. 20cm breit ist,und nach Abzug eines linken und rechten Randes ca. 15 cm übrig bleiben, sind 12cm ein guter Ausgangswert, um den optimalen Wert zu finden. Auch hier muss man diesen Wert durch Ausprobieren finden. Falls man einen Wert findet, der nicht auf einen ganzen Zentimeter festzulegen ist (bspw. 12.5 cm), muss man als Trenner den „Punkt“ (wie auf dem Taschenrechner) und nicht das „Komma“ nehmen. Ansonsten gibt es beim Erstellen des PDFs eine Fehlermeldung.

  • (:embed file=bildername.jpg html-width=500px print-width=12.5cm caption="Bildunterschrift hier einfügen.":)
    Bildunterschrift hier einfügen. Die vollständige Syntax lautet: (:embed file=pferd.jpg html-width=500px print-width=12.5cm caption="Bildunterschrift hier einfügen.":)

Soll das Bild eine Bildunterschrift haben, nimmt man die Option „caption="..."“. Die Anführungszeichen sind wichtig, um auch Leerzeichen in der Bildunterschrift nutzen zu können.

Damit sind die grundlegenden Möglichkeiten erläutert. Wer andere Multimedia-Dateien einbinden will, kann das ebenfalls über den „embed file“-Befehl machen. Genauere Infos und Beispiele gibt es hier.

0 Kommentare (zeigen/schreiben)