Aus Das deutschsprachige Scratch-Wiki
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:
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:
Rahmen
Ein Rahmen wird mit den Attribut "framed" (eng. eingerahmt) erzeugt.
Beispiel:
[[Datei:Ebene2.gif|framed]] ergibt:
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:
[[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:
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
- Bilder auf Wikipedia
- Bilder auf MediaWiki
- Extended Image Syntax auf Wikipedia englisch (umfangreichste info)
- Bild Bilder im Englischsprachigem Scratch-Wiki
[wiki=de:Scratch-Wiki:Hilfe:Bilder]Hilfe:Bilder[/wiki]
