Zum Inhalt springen

WikiText Multimedia: Unterschied zwischen den Versionen

Aus KMB Wiki
Keine Bearbeitungszusammenfassung
 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 46: Zeile 46:


<pre>
<pre>
[[Datei:VPN-Client-Loginfenster.png]]
[[Datei:TestKatze.jpg]]
</pre>
</pre>
[[Datei:TestKatze.jpg]]


In englischen Wikis funktioniert oft auch:
<pre>
[[File:VPN-Client-Loginfenster.png]]
</pre>
Je nach Wiki-Sprache ist <code>Datei:</code> oder <code>File:</code> üblich.


=== 1.3 Bild mit Vorschau und Beschreibung einfügen ===
=== 1.3 Bild mit Vorschau und Beschreibung einfügen ===
Zeile 64: Zeile 58:
[[Datei:VPN-Client-Loginfenster.png|mini|VPN-Client mit markiertem Loginfenster]]
[[Datei:VPN-Client-Loginfenster.png|mini|VPN-Client mit markiertem Loginfenster]]
</pre>
</pre>
 
[[Datei:TestKatze.jpg|mini|Eine Katze]]
{{clear}}
Das zeigt das Bild als kleine Vorschau mit Beschreibung.
Das zeigt das Bild als kleine Vorschau mit Beschreibung.
 
Auf Englisch kann statt <code>mini</code> auch <code>thumb</code> verwendet werden:
 
<pre>
[[File:VPN-Client-Loginfenster.png|thumb|VPN client login window]]
</pre>
 
=== 1.4 Bildgröße festlegen ===
=== 1.4 Bildgröße festlegen ===


Zeile 78: Zeile 67:


<pre>
<pre>
[[Datei:VPN-Client-Loginfenster.png|600px|VPN-Client mit Loginfenster]]
[[Datei:TestKatze.jpg|200px|TestKatze]]
</pre>
</pre>
[[Datei:TestKatze.jpg|200px|TestKatze]]


Mit Vorschau:
Mit Vorschau:


<pre>
<pre>
[[Datei:VPN-Client-Loginfenster.png|mini|600px|VPN-Client mit Loginfenster]]
[[Datei:TestKatze.jpg|mini|400px|VPN-Client mit Loginfenster]]
</pre>
</pre>


[[Datei:TestKatze.jpg|mini|400px|VPN-Client mit Loginfenster]]
{{clear}}
Für interne Dokumentation sind oft 400px bis 800px sinnvoll.
Für interne Dokumentation sind oft 400px bis 800px sinnvoll.


Beispiele:
<pre>
[[Datei:Fehlermeldung-RDP-Verbindung.png|mini|400px|Fehlermeldung bei fehlgeschlagener RDP-Verbindung]]
[[Datei:Benutzerkonto-Anlegen-Schritt-1.png|mini|700px|Maske zum Anlegen eines neuen Benutzerkontos]]
</pre>


=== 1.5 Bild links, rechts oder zentriert anzeigen ===
=== 1.5 Bild links, rechts oder zentriert anzeigen ===
Zeile 102: Zeile 88:


<pre>
<pre>
[[Datei:VPN-Client-Loginfenster.png|mini|rechts|VPN-Client mit Loginfenster]]
[[Datei:TestKatze.jpg|mini|rechts|TestKatze]]
</pre>
</pre>


Zeile 108: Zeile 94:


<pre>
<pre>
[[Datei:VPN-Client-Loginfenster.png|mini|links|VPN-Client mit Loginfenster]]
[[Datei:TestKatze.jpg|mini|links|TestKatze]]
</pre>
</pre>


Zeile 114: Zeile 100:


<pre>
<pre>
[[Datei:VPN-Client-Loginfenster.png|mini|zentriert|VPN-Client mit Loginfenster]]
[[Datei:TestKatze.jpg|mini|zentriert|TestKatze]]
</pre>
 
In vielen Wikis funktionieren auch die englischen Begriffe:
 
<pre>
right
left
center
</pre>
 
Beispiel:
 
<pre>
[[Datei:VPN-Client-Loginfenster.png|mini|right|VPN-Client mit Loginfenster]]
</pre>
</pre>



Aktuelle Version vom 28. Mai 2026, 06:06 Uhr

1. Bilder und Screenshots einfügen

Bilder und Screenshots können in Wiki-Seiten eingefügt werden. Das ist besonders nützlich für Anleitungen, Fehlermeldungen und Oberflächen-Erklärungen.

Wichtig: Screenshots sollten nur verwendet werden, wenn sie wirklich helfen. Ein Screenshot ersetzt keine schriftliche Erklärung.

1.1 Bild oder Screenshot hochladen

Bilder müssen zuerst ins Wiki hochgeladen werden.

Typischer Ablauf:

  1. Im Wiki auf „Datei hochladen“ gehen.
  2. Datei auswählen.
  3. Einen sinnvollen Dateinamen verwenden.
  4. Eine kurze Beschreibung eintragen.
  5. Datei hochladen.

Die Upload-Seite heißt:

Spezial:Hochladen

Spezial:Hochladen

Gute Dateinamen:

VPN-Client-Loginfenster.png
Fehlermeldung-RDP-Verbindung.png
Benutzerkonto-Anlegen-Schritt-1.png

Schlechte Dateinamen:

Screenshot.png
Bild1.png
Unbenannt.png
image.png

1.2 Bild einfach einfügen

Ein Bild wird so eingefügt:

[[Datei:TestKatze.jpg]]


1.3 Bild mit Vorschau und Beschreibung einfügen

Für Dokumentation ist diese Schreibweise meistens am besten:

[[Datei:VPN-Client-Loginfenster.png|mini|VPN-Client mit markiertem Loginfenster]]
Eine Katze

Das zeigt das Bild als kleine Vorschau mit Beschreibung.

1.4 Bildgröße festlegen

Man kann die Breite des Bildes festlegen:

[[Datei:TestKatze.jpg|200px|TestKatze]]

TestKatze

Mit Vorschau:

[[Datei:TestKatze.jpg|mini|400px|VPN-Client mit Loginfenster]]
VPN-Client mit Loginfenster

Für interne Dokumentation sind oft 400px bis 800px sinnvoll.


1.5 Bild links, rechts oder zentriert anzeigen

Rechts ausgerichtet:

[[Datei:TestKatze.jpg|mini|rechts|TestKatze]]

Links ausgerichtet:

[[Datei:TestKatze.jpg|mini|links|TestKatze]]

Zentriert:

[[Datei:TestKatze.jpg|mini|zentriert|TestKatze]]

1.6 Nur auf eine Datei verlinken

Manchmal soll ein Bild nicht direkt angezeigt werden, sondern nur als Link erscheinen.

Dafür setzt man einen Doppelpunkt vor Datei::

[[:Datei:VPN-Client-Loginfenster.png]]

Mit sichtbarem Linktext:

[[:Datei:VPN-Client-Loginfenster.png|Screenshot des VPN-Loginfensters öffnen]]

Ohne Doppelpunkt wird die Datei normalerweise eingebettet. Mit Doppelpunkt wird nur darauf verlinkt.

1.7 Mehrere Screenshots in einer Anleitung

Bei Schritt-für-Schritt-Anleitungen sollte jeder Screenshot direkt beim passenden Schritt stehen.

Beispiel:

# VPN-Client öffnen.
# Auf „Neue Verbindung“ klicken.

[[Datei:VPN-Neue-Verbindung.png|mini|600px|Schaltfläche „Neue Verbindung“ im VPN-Client]]

# Serveradresse eintragen.
# Mit Benutzerkonto anmelden.

[[Datei:VPN-Anmeldung.png|mini|600px|Anmeldemaske des VPN-Clients]]

Noch besser ist oft: Erst der Schritt, dann der Screenshot, dann ein kurzer Hinweis.

# Öffne den VPN-Client.
# Klicke auf „Neue Verbindung“.

[[Datei:VPN-Neue-Verbindung.png|mini|600px|Die Schaltfläche „Neue Verbindung“ befindet sich oben rechts.]]

# Trage die Serveradresse ein.

1.8 Gute Regeln für Screenshots

  • Verwende Screenshots nur, wenn sie den Text wirklich verständlicher machen.
  • Entferne oder schwärze personenbezogene Daten, Kundendaten, IP-Adressen, Tokens und Passwörter.
  • Benenne Dateien eindeutig.
  • Schreibe eine kurze Bildbeschreibung.
  • Zeige nur den relevanten Ausschnitt, nicht den ganzen Bildschirm.
  • Vermeide Screenshots von Dingen, die sich häufig ändern.
  • Aktualisiere Screenshots, wenn sich die Oberfläche stark geändert hat.

1.9 Häufige Fehler bei Bildern

Falsch:

[[Datei:Screenshot.png]]

Problem: Der Dateiname ist nicht aussagekräftig.

Besser:

[[Datei:VPN-Client-Loginfenster.png|mini|600px|Loginfenster des VPN-Clients]]

Falsch:

[[Datei:Fehler.png]]

Besser:

[[Datei:RDP-Fehlermeldung-Zeitueberschreitung.png|mini|500px|Fehlermeldung bei Zeitüberschreitung der RDP-Verbindung]]

Falsch:

Hier sieht man alles:
[[Datei:Ganzer-Bildschirm.png]]

Besser:

Der relevante Fehler wird im unteren Bereich des Dialogfensters angezeigt:

[[Datei:RDP-Fehlerdialog.png|mini|500px|Fehlerdialog bei fehlgeschlagener RDP-Verbindung]]