MediaWiki/Bilder: Unterschied zwischen den Versionen

Aus Foxwiki
Zeile 1: Zeile 1:
'''Bilder''' einem Wiki-Artikel hinzufügen
'''Bilder''' einem Wiki-Artikel hinzufügen


= Bedeutung von Bildern in Wiki-Artikeln =
= Bilder in Wiki-Artikeln =
* Interesse wecken
* Interesse wecken
* Komplexe Zusammenhänge visualisieren
* Komplexe Zusammenhänge visualisieren

Version vom 21. Dezember 2021, 11:51 Uhr

Bilder einem Wiki-Artikel hinzufügen

Bilder in Wiki-Artikeln

  • Interesse wecken
  • Komplexe Zusammenhänge visualisieren
  • Informationsentnahme erleichtern

Bilder hochladen

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

Meldungen

Datei schon vorhanden

  • Datei umbenennen

Format nicht unterstützt

  • Grafikformat ändern

Datei ersetzen

  • neue Version der Datei hochladen

Bilder einfügen

An gewünschter Stelle des Artikels einfügen:

Beispielbild
 [[File: Dateiname | Skalierung | Darstellungsart | Ausrichtung | Bildbeschreibung ]]

Beispiel (Resultat Bild rechts)

 [[File:Example de.svg | 150px | mini | right| Beispielbild]]

Bildeigenschaften

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

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

Darstellungsverhalten

Das Darstellungsverhalten beschreibt die Dateidarstellung bei der Codeformatierung.

Darstellung ohne Eigenschaften

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

[[File:Example_de.svg]]
Text Text Text ..
.. Text Text Text
Text Text Text..
Kein Format festgelegt
schwebender Textblock: nein
Inline-Element: ja
Bildbeschreibung: als Tooltip
.. Text Text Text
[[File:Example_de.svg]]

Text Text Text ..
.. Text Text Text
Text Text Text..
Kein Format festgelegt
schwebender Textblock: nein
Inline-Element: ja
Bildbeschreibung: als Tooltip
.. Text Text Text

[[File: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: als Tooltip
.. Text Text Text
[[File:Example_de.svg|border|Bildbeschreibung]]
Text Text Text ..
.. Text Text Text Bildbeschreibung 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: als Tooltip
.. Text Text Text
[[File:Example_de.svg|frameless|Bildbeschreibung]]
Text Text Text ..
.. Text Text Text Bildbeschreibung 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: als Tooltip
.. Text Text Text
[[File:Example_de.svg|frameless|border|Bildbeschreibung]]
Text Text Text ..
.. Text Text Text Bildbeschreibung Text Text Text..
Format frame: Gerahmt mit Bildunterschrift
schwebender Textblock: ja
Inline-Element: nein
Bildbeschreibung: als Bildunterschrift
.. Text Text Text
[[File:Example_de.svg|frame|Bildbeschreibung]]
Text Text Text ..
.. Text Text Text
Bildbeschreibung
Text Text Text..

Links

Intern

Weblinks

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