MediaWiki/Bilder

Wie werden Bilder/Dateien eingepflegt, wofür sind diese gut und was kann man damit machen?

Warum sind Bilder wichtig

• dienen der Visualisierung
• Fesslung der Benutzer
• Informationsentnahme erleichtern
• lockern einen langen Text auf und informieren gleichzeitig
• Bilder bleiben länger in Erinnerung als ein Text
• Bilder untermauern Beispiele

Bilder einbinden

1. Bilder hochladen
2. Bilder einbinden

Bilder hochladen

1. "Datei hochladen" im linken Bedienfeld
2. Gewünschte Datei über "Durchsuchen" auswählen.
3. Bildbeschreibung hinzufügen
4. Falls notwendig Quellen und Lizenz angeben (bei fremden Bildern)
5. Datei hochladen

Probleme

Datei schon vorhanden

1. Datei umbenennen

Format nicht unterstützt

1. Grafikformat ändern (z.B. mit Paint)

Datei ersetzen

1. neue Version der Datei hochladen

Beispiel

1. An gewünschter Stelle des Artikels folgende Syntax (nach diesem Schema) einfügen:

Beispielbild

 [[Datei: Dateiname | Skalierung | Darstellungsart | Ausrichtung | Bildbeschreibung ]]

Reales Beispiel und Resultat (Bild rechts):

 [[Datei:Example de.svg | 150px | mini | rechts | Beispielbild]]

Bilder aus Wikipedia einfügen

• einfach und unkompliziert
• die Beschreibung, das Datum, die Quelle, der Urheber, die Genehmigung und die Lizenz wird dabei übernommen

Bildauswahl über Medien Archiv

1. Die Medien Archiv Suche aufrufen. (https://commons.wikimedia.org/w/index.php?search&uselang=de)
2. Nach einem passendem Bild durchsuchen.
3. Passendes Bild aussuchen und Dateiname 1:1 übernehmen und in der Syntax (s.o) einfügen.

Beispiel

Die Medien Archiv Suche

Sucheingabe

Suchergebnis, Auswahl des passenden Bildes und der Dateiname

Nach Eingabe des Dateinamens in die Syntax (s.O) und leichter Anpassung entsteht folgendes:

Beispielbild

Bildauswahl über Wikipedia-Artikel

1. Wikipedia aufrufen. (https://www.wikipedia.de/)
2. Über die Suchfunktion nach Artikel suchen.
3. Auf dem Artikel nach passendem Bild suchen.
4. Mit rechter Maustaste auf das gewünschte Bild drücken "Link in neuem Tab öffnen" (oder mittlerer Maustaste).
5. Nun auf der Bilddatei-Seite den Dateiname 1:1 übernehmen und in der Syntax (s.O) einfügen.

Beispiel

Wikipedia Artikel und Bildauswahl

Ausgewähltes Bild im neuen Tab öffnen (rechte Maustaste oder mittlere Maustaste

Dateiseite des geöffneten Bildes und Dateiname

Nach Eingabe des Dateinamens in die Syntax (s.O) und leichter Anpassung entsteht folgendes:

Beispielbild

Bildeigenschaften

kurze Übersicht

Eigenschaft	Funktion	Syntax	Beispiel	Zusatz
Dateiname	Dient zur Dateiauswahl	"File: Dateiname"	[[File:Example de.svg| 150px | mini | rechts | Beispielbild]]	Dateiname muss vollständig sein
feste Skalierung	festgelegte Größenangabe in Pixel	"150px", "150x150px"	[[File:Example de.svg | 150px | mini | right| Beispielbild]]	Breite oder auch Höhe und Breite können festgelegt werden
automatische Skalierung	Skalierbare Vergrößerung mit 50 % der Standardbreite	"upright=0.5"	[[File:Example de.svg | upright=0.5 | mini | right| Beispielbild]]	Funktioniert nur zusammen mit "mini" oder "frameless" Nur bei stark unterschiedlichen Seitenverhältnissen
Darstellungsart	legt die Art des Bildes fest	"mini", "thumb", "thumbnail", "frameless"	[[File:Example de.svg | 150px | thumb | right| Beispielbild]]	bei "frameless" wird die Bildbeschreibung als Tooltip angezeigt bei Verwendung mehrerer, wird nur die erste verwendet
Ausrichtung	richtet das Bild aus	"right", "left", "center", "none"	[[File:Example de.svg | 150px | mini | right | Beispielbild]]	"none" verhindert den Textumfluss des Bildes
Bildbeschreibung	Beschreibt das Bild	"Beispielbild"	[[File:Example de.svg | 150px | mini | right| Beispielbild]]	möglichst kurz fassen

Eingabeverhalten

Das Darstellungsverhalten beschreibt die Dateidarstellung bei der Codeformatierung.

Darstellung ohne Eigenschaften

Beschreibung	Eingabe	Ergebnis
Kein Format festgelegt schwebender Textblock: nein Inline-Element: ja Bildbeschreibung: nein	.. Text Text Text [[Datei:Example_de.svg]] Text Text Text ..	.. Text Text Text Text Text Text..
Kein Format festgelegt schwebender Textblock: nein Inline-Element: ja Bildbeschreibung: nein	.. Text Text Text [[Datei:Example_de.svg]] Text Text Text ..	.. Text Text Text Text Text Text..
Kein Format festgelegt schwebender Textblock: nein Inline-Element: ja Bildbeschreibung: nein	.. Text Text Text [[Datei:Example_de.svg]] Text Text Text ..	.. Text Text Text Text Text Text..
Kein Format festgelegt schwebender Textblock: nein Inline-Element: ja Bildbeschreibung: nein	.. Text Text Text [[Datei:Example_de.svg]] .. Text Text Text	.. Text Text Text Text Text Text..

Darstellung der Formateigenschaften

• Gleiches Darstellungsverhalten wie bei "Darstellung ohne Eigenschaften"

Beschreibung	Eingabe	Ergebnis
Format border = Darstellung in einem sehr dünnen grauen Rand schwebender Textblock: nein Inline-Element: ja Bildbeschreibung: Tooltip	.. Text Text Text [[Datei:Example_de.svg|border|Bildbeschreibung]] Text Text Text ..	.. Text Text Text Text Text Text..
Format frameless = übernimmt User-Vorgabe für Bildbreite (Standard=220px), ohne Rahmen, ohne rechtes Umfließen des Textes schwebender Textblock: nein Inline-Element: ja Bildbeschreibung: Tooltip	.. Text Text Text [[Datei:Example_de.svg|rahmenlos|frameless|Bildbeschreibung]] Text Text Text ..	.. Text Text Text Text Text Text..
Format frameless und border = übernimmt User-Vorgabe für Bildbreite (Standard=220px), mit Rand, ohne rechtes Umfließen des Textes schwebender Textblock: nein Inline-Element: ja Bildbeschreibung: Tooltip	.. Text Text Text [[Datei:Example_de.svg|frameless|border|Bildbeschreibung]] Text Text Text ..	.. Text Text Text Text Text Text..
Format frame = gerahmt mit Bildunterschrift schwebender Textblock: ja Inline-Element: nein Bildbeschreibung: Bildunterschrift	.. Text Text Text [[Datei:Example_de.svg|frame|Bildbeschreibung]] Text Text Text ..	.. Text Text Text Bildbeschreibung Text Text Text..

Links

Weblinks

1. Hilfe:Bilder - MediaWiki
2. Hilfe:Bilder - Wikipedia