Aus Das deutschsprachige Scratch-Wiki

← zurück zum Hilfeportal


Um einen Artikel schön zu gestalten, braucht es natürlich Medien wie zum Beispiel Bilder. Diese werden mit dem folgendem Standard-Syntax eingebunden:

[[Datei:Ebene2.gif]] ergibt:

Ebene2.gif

Wobei das "Ebene2.gif" für den Dateinamen steht. Man kann aber auch das "Datei" durch "image" oder "File" ersetzen, das ergibt das Gleiche. Standardmäßig wird das Bild links im Artikel ausgerichtet.

Attribute

Um Bilder noch schöner zu gestalten, gibt es verschiedene Attribute, die mit einem "|" von dem vorhergegangenen abgegrenzt werden.

Bildbeschreibung

Für die Bildbeschreibung braucht es kein Attribut, sie wird einfach hinter den Text geschrieben. Ohne einen Rahmen wrd sie als Tooltip angezeigt wenn man mit der Maus darüber fährt.

Beispiel:

[[Datei:Ebene2.gif|Hier steht der Beispieltext als Tooltip]] ergibt:

Hier steht der Beispieltext als Tooltip

Rahmen

Ein Rahmen wird mit den Attribut "framed" (eng. eingerahmt) erzeugt.

Beispiel:

[[Datei:Ebene2.gif|framed]] ergibt:

Ebene2.gif

Eingerahmte Bilder werden standardmäßig rechts angezeigt. Hat das Bild zusätzlich noch eine Bildbeschreibung, wird die Beschreibung unter das Bild und in den Rahmen geschrieben.

Vorschaubilder (Thumbnails)

Bei größeren Bildern ist es sinnvoller Bilder als sogenannte "Thumb(nails)" anzuzeigen, um lange Ladezeiten zu verhindern. Der Code dazu sieht so aus:

[[Datei:Ebene2.gif|thumb]]

In diesem Beispiel ergibt das keinen großen Unterschied, da das Bild nicht so groß ist, als dass man dafür ein Vorschaubild bräuchte. Ein Thumb ist normalerweise 180px breit, die Höhe ergibt sich aus dem Seitenverhältnis.

Bilder skalieren

Man kann sowohl normale Bilder als auch thumbs skalieren, indem man die gewünschte Breite in Pixeln (px) als Attribut in den Syntax schreibt.

Beispiele:

  • [[Datei:Ebene2.gif|300px]] ergibt:

Ebene2.gif

  • [[Datei:Ebene2.gif|thumb|50px]] ergibt einen verkleinerten Thumb

Bilder ausrichten

Mit den Attributen "left" und "right" bestimmst Du die Ausrichtung des Bildes. Um das Bild links auszurichten, schreibe

[[Datei:Ebene2.gif|left]].

Bilder als Links

Mit dem Attribut "link" kannst du vom Bild aus eine Wikiseite verlinken. [[Datei:Ebene2.gif|link=Scratch]] ergibt:

Ebene2.gif

Generieren von Bildlinks für ein Verzeichnis von Bildern

Wenn man ein ganzes Verzeichnis mit Bilddateien hat, hilft folgendes Pythonskript zum Erstellen der Wikicodes für die Bilder:

  import os
  imagetypes=['.png','.jpg','.gif','.bmp']
  for subdir, dirs, files in os.walk('./'):
      for file in files:
        ext = os.path.splitext(file)[1]
        if ext.lower() in imagetypes:
            print "[[Datei:"+file+"|thumb|300px]]"


Dieses gibt für jede Datei im Verzeichnis einen String

  [[Datei:bildname.png|thumb|300px]]

aus. Diese können dann in das Wiki hineinkopiert werden und bilden dort rote Links auf Grafiken, welche dann noch separat hochzuladen sind.

Weblinks


Code zum Einbinden ins Forum:
[wiki=de:Scratch-Wiki:Hilfe:Bilder]Hilfe:Bilder[/wiki]