41.613
Bearbeitungen
Änderungen
Aus KingWiki
→Anzahl der Bilder in einer Zeile
Ein Bild hochzuladen, sieht anfangs schwieriger aus, als es ist, jedoch braucht man einige Übung darin. Hier sollen einige der wichtigsten Funktionen kurz dargestellt werden.
==Hochladenvon Dateien =====Bild-Link erzeugen===Um ein Bild Das Hochladen von der Festplatte hochladen zu können, muss man zunächst einen Link erzeugen (als würde man einen neuen Artikel verfassen)Dateien wie Bildern oder Videos für unsere Trailer geschieht über die Spezialseite [[Spezial:Hochladen]].Hier gibt es drei wichtige Bereiche:
[[Bild:Sie.jpg]]
Wollt ihr ein '''Bild-Link: als Platzhalter''' verwenden, so nutzt die Datei <code><nowiki>[[BildDatei:SieFragezeichen.jpg</nowiki>|'''200px''']]</code>. Damit kann gezeigt werden, dass ein Bild (beispielsweie ein Cover oder eine Vorschau) noch nicht veröffentlicht wurde.
Die Formatierung wird direkt an dem Bild-Link: <nowiki>[[Bild:Sievorgenommen.jpgMan kann mehrere Formatierungen in selben Link vornehmen, während man die einzelnen Befehle mit einem senkrechten Strich </nowikicode>|'''50px|''']]</code> von einander abtrennt.
<code><nowiki>[[Bild:Sie.jpg]]</nowiki></code>
[[Bild:Sie.jpg]]
So groß sollte das Bild nicht sein, da es vom Artikel ablenkt und den Text in eine lange dünne Spalte verwandelt.
Die Größe lässt sich mit dem Befehl <code>'''|Zahlpx|'''</code> verändern, die in den Bild-link eingegeben wird. Um die richtige Größe zu finden, braucht man manchmal einige Versuche mit der Vorschaufunktion, indem man die Zahl probeweise erhöht oder verkleinert, bis das Bild in Ordnung ist.
<code><nowiki>[[Bild:Sie.jpg</nowiki>|'''100px'''<nowiki>]]</nowiki></code>
[[Bild:Sie.jpg|100px]]
<code><nowiki>[[Bild:Sie.jpg</nowiki>|'''200px'''<nowiki>]]</nowiki></code>
[[Bild:Sie.jpg|200px]]
<code><nowiki>[[Bild:Sie.jpg</nowiki>|'''50px'''<nowiki>]]</nowiki></code>
[[Bild:Sie.jpg|50px]]
Es gibt auch die Möglichkeit die '''Höhe''' des Bildes vorzugeben. Besonders hilfreich dann, wenn mehrere Bilder nebeneinander angeordnet werden sollen, aber nicht die identischen Maße haben. Über <code><nowiki>x120px</nowiki></code> wird das Bild nur noch 120 Pixel hoch dargestellt. <code><nowiki>[[Datei:Sie.jpg|x120px]]</nowiki></code> wird so zu:
[[Datei:Sie.jpg|x120px]]
===Ausrichtung===
Standardmäßig werden alle Bilder ohne Vorschaufunktion links, alle Vorschauen rechts angeordnet. Dies ist nicht immer so gewollt, wenn beispielsweise andere Bilder oder Infoboxen rechts neben dem Text stehen. Ähnlich wie mit der Größe, lässt sich das Bild auch nach links ('''|left|'''), rechts ('''|right|''') oder zentral ('''|center|''') ausrichten.
<code><nowiki>[[Bild:Sie.jpg|150px</nowiki>|'''left'''<nowiki>]]</nowiki></code>
[[Bild:Sie.jpg|150px|left]]
[[Bild:Sie.jpg|150px|center]]
[[Bild:Sie.jpg|150px|right]]
<div style="clear:both"></div>
Der Formationsbefehl für die Größe und der für die Ausrichtung haben keine Wechselwirkung aufeinander, sie können beliebig kombiniert werden. Auch die Reihenfolge der Befehle spielt keine Rolle:
<code><nowiki>[[Bild:Sie.jpg</nowiki>'''|150px|center''']]</code> ist das gleiche wie: <code><nowiki>[[Bild:Sie.jpg</nowiki>'''|center|150px''']]</code>
=== Bilder als Verweise ===
Standardmäßig wird das Bild mit einem Verweis auf die Detailseite des Bildes im Artikel erzeugt. Bilder können aber auch zu Artikeln oder externen Links führen, wie wir es beispielsweise auf der Hauptseite nutzen. Dies wird möglich durch das Schlüsselwort <code>link=Linktext</code>.
<code><nowiki>[[Datei:Sie.jpg|x150px|link=Sie]]</nowiki></code> wird so zu
[[Datei:Sie.jpg|x150px|link=Sie]]
<div style="clear:both"></div>
Vorschaubilder (siehe kommender Abschnitt) haben nicht die Möglichkeit auf eine Seite außer der Detailseite zu verlinken. Der Einsatz einer '''Imagemap''' ist zwar technisch möglich, wird aber aktuell noch von uns ausprobiert. Ein entsprechendes Tutorial kommt demnächst dazu!
=== Minitatur-/ Vorschauansicht ===
Um eine Miniaturansicht zu erzeugen, gibt man den Befehl <code>'''|thumb|'''</code> ein. Der Begriff Thumb ist die Kurzform vom englischen Wort thumbnail (Daumennagel).
Die Minaturansicht hat 2 Vorteile:
# sie spart Speicherplatz und Traffic, da die Wiki-Software ein neues Bild erstellt und anzeigt und nicht das über 100kb große Bild nur minimiert.
# In dem Rahmen, der um das Bild erzeugt wird, wird die Bildbeschreibung für jeden Benutzer angezeigt. Fügt man das reine Bild ein, ist die Beschreibung nur als "hover"-Effekt vorhanden.
<div style="clear:both"></div>
<code><nowiki>[[Bild:Sie.jpg|150px</nowiki>'''|thumb'''<nowiki>]]</nowiki></code>
[[Bild:Sie.jpg|150px|thumb]]
Das Bild wird automatisch standardmäßig rechts angeordnet, wodurch der Befehl |right| überflüssig wird.
Die Reihenfolge von Thumb und , Größe und Ausrichtung ist nicht entscheidend. Auch Bilder in Miniaturansicht können sollten durch den Größe-Befehl verändert werden, da jeder Benutzer den Standardwert selbst festlegen kann und somit die Bilder unterschiedlich dargestellt werden können.
<div style="clear:both"></div>
<code><nowiki>[[Bild:Sie.jpg|150px</nowiki>'''|left|'''<nowiki>thumb]]</nowiki></code>
[[Bild:Sie.jpg|150px|left|thumb]]
=== Beschreibungstext ===
Soll das Bild einen Bildtext erhalten, so kann man diesen einfach, durch senkrechte Striche abgetrennt, wie einen Befehl eingeben. Der Text kann auch Links und andere Textformatierungen enthalten:
<code><nowiki>[[Bild:Sie.jpg|150px</nowiki>'''<nowiki>|[[Stephen King]]: [[Sie]]|</nowiki>'''thumb]]</code>
[[Bild:Sie.jpg|150px|[[Stephen King]]: [[Sie]]|thumb]]
Auch die Position des Textes im Bild-Link ist nicht entscheidend.
<div style="clear:both"></div>
==Galerien==
Galerien werden bei uns häufig in Artikeln eingesetzt, wenn es mehrere Bilder - meist Cover - zu einem Thema gibt und sie einen prominenteren Platz als am Rand des Textes einnehmen sollen. Das Einbinden ist etwas spezieller, aber nicht unmöglich.
<pre><nowiki>
<gallery>
Datei:The Stand Frankreich1.jpg|vollständige französische Ausgabe Teil 1, J'ai Lu
Datei:The Stand Frankreich2.jpg|vollständige französische Ausgabe Teil 2, J'ai Lu
Datei:The Stand Frankreich3.jpg|vollständige französische Ausgabe Teil 3, J'ai Lu
</gallery></nowiki></pre>
<gallery>
Datei:The Stand Frankreich1.jpg|vollständige französische Ausgabe Teil 1, J'ai Lu
Datei:The Stand Frankreich2.jpg|vollständige französische Ausgabe Teil 2, J'ai Lu
Datei:The Stand Frankreich3.jpg|vollständige französische Ausgabe Teil 3, J'ai Lu
</gallery>
Die Galerie wird standardmäßig im Artikel zentriert dargestellt. Einzelne Bilder werden über <code><nowiki>Bild:Bildtitel.format|Beschreibung</nowiki></code> eingebunden. Eine Grenze, wie viele Bilder eingebunden werden können, gibt es nicht. Die Software erstellt die Liste der Bilder in der Galerie dynamisch. Das bedeutet, dass ohne eine bestimmte Vorgabe, so viele Bilder wie möglich in einer Zeile dargestellt werden.
Angaben, wie die Maße der Bilder, die Ausrichtung der Galerie und wie viele Bilder in einer Zeile dargestellt werden sollen, werden direkt hinter das Schlüsselwort <code>gallery</code> geschrieben.
=== Höhe und Breite der Vorschaubilder ===
Die Bilder in der Galerie werden verhältnismäßig klein dargestellt. Dies dient bei großen Galerien der Übersichtlichkeit, geht aber bei wenigen Bildern zu Lasten der Detailtiefe. Es gibt eine Möglichkeit '''Höhen und Breiten''' anzupassen.
<pre><nowiki>
<gallery heights="200px" widths="180px">
Datei:The Stand Frankreich1.jpg|vollständige französische Ausgabe Teil 1, J'ai Lu
Datei:The Stand Frankreich2.jpg|vollständige französische Ausgabe Teil 2, J'ai Lu
Datei:The Stand Frankreich3.jpg|vollständige französische Ausgabe Teil 3, J'ai Lu
</gallery></nowiki></pre>
wird zu:
<gallery heights="200px" widths="180px">
Datei:The Stand Frankreich1.jpg|vollständige französische Ausgabe Teil 1, J'ai Lu
Datei:The Stand Frankreich2.jpg|vollständige französische Ausgabe Teil 2, J'ai Lu
Datei:The Stand Frankreich3.jpg|vollständige französische Ausgabe Teil 3, J'ai Lu
</gallery>
<center>
{| class="wikitable" width="40%"
!width="120px" valign="top"| Hinweis
|So gut wie immer müssen <code>heights</code> und <code>widths</code> zusammen verwendet werden, da mitunter eine Änderung der Höhe oder Breite erst dann dargestellt wird, wenn auch die zweite Option mit angepasst wird. Verwendet die ''Vorschau''-Option um euch das Ergebnis eurer Eingaben vor dem Abspeichern anzeigen zu lassen.
|}</center>
=== Überschriften ===
Mit Hilfe des Attributs <code>caption="Überschrift"</code> kann man der Galerie eine Überschrift verpassen. Diese wird zentriert über der ersten Zeile der Galerie dargestellt.
<pre><nowiki>
<gallery caption="vollständige französische Ausgabe von J'ai Lu">
Datei:The Stand Frankreich1.jpg|Teil 1
Datei:The Stand Frankreich2.jpg|Teil 2
Datei:The Stand Frankreich3.jpg|Teil 3
</gallery></nowiki></pre>
wird zu
<gallery caption="vollständige französische Ausgabe von J'ai Lu">
Datei:The Stand Frankreich1.jpg|Teil 1
Datei:The Stand Frankreich2.jpg|Teil 2
Datei:The Stand Frankreich3.jpg|Teil 3
</gallery>
=== Anzahl der Bilder in einer Zeile ===
In bestimmten Fällen, ist aber eine feste Vorgabe gewollt, wie viele Bilder ''maximal'' in einer Zeile stehen sollen. Diese kann durch die Option <code><nowiki>perrow="Zahl"</nowiki></code> gewählt werden. Der Aufruf der Galerie sieht dann so aus:
Und das Ergebnis:
<gallery perrow="3" caption="Die Cover von ''Lady of Shadows''">
Bild:DT-14-1-Cover.jpg|Das Cover des ersten Hefts
Bild:DT-14-2-Cover.jpg|Das Cover des zweiten Hefts
Bild:DT-14-3-Cover.jpg|Das Cover des dritten Hefts
Bild:DT-14-4-Cover.jpg|Das Cover des vierten Hefts
Bild:DT-14-5-Cover.jpg|Das Cover des fünften Hefts
</gallery>
<center>
{| class="wikitable" width="40%"
!width="120px" valign="top"| Hinweis
|Die Angabe steht für die '''Maximalzahl'''. Ist der freie Platz zu gering, erzeugt die Software schon nach der Darstellung weniger Bilder einen Umbruch in der Darstellung. Verkleinert als Beispiel mal das Browserfenster und schaut euch das Resultat der Beispiele an.
|}</center>
=== Verlinkungen der Bilder ===
Wie auch bei der Darstellung der einzelnen Bilder, kann der Link der dargestellten Galeriebilder geändert werden. Im Standard wird auf die Detailseite des jeweiligen Bildes verwiesen. Mit Hilfe des Schlüsselwortes <code><nowiki>|link=Artikelname</nowiki></code> kann das angepasst werden.
Beispiel:
<pre><nowiki><gallery perrow="3" caption="Die Cover von ''Lady of Shadows''">
Bild:DT-14-1-Cover.jpg|Link auf die Dark-Tower-Comics|link=Dark-Tower-Comics
Bild:DT-14-2-Cover.jpg|Link auf Lady of Shadows|link=Lady of Shadows
</gallery></nowiki></pre>
wird zu
<gallery perrow="3" caption="Die Cover von ''Lady of Shadows''">
Bild:DT-14-1-Cover.jpg|Link auf die Dark-Tower-Comics|link=Dark-Tower-Comics
Bild:DT-14-2-Cover.jpg|Link auf Lady of Shadows|link=Lady of Shadows
</gallery>
==Problembehandlung==
Welche Probleme können auftreten?
;Bild wird nicht hochgeladen
:Wahrscheinlich ist hat das ausgewählte Bild keine .jpg-Dateidas falsche Dateiformat. Um das Bild umzuwandeln, sollte man es mit Bitmap (Paint) öffnenund als GIF, JPEG oder PNG Datei speichern. Ein weiteres Programm, welches umsonst zur Verfügung steht, was auf jedem Windowsrechner vorinstalliert ist (es gibt spezielle Programme für Bildbearbeitung, aber die sind meist sehr teuer)[http://www.foto-freeware.de/photofiltre.php PhotoFiltre]. Wenn man die Datei geöffnet hat, klickt man auf Datei >>-> Speichern unter... und speichert das Bild noch einmal unter einem anderen Namen, wobei man in der Zeile unten den Dateityp unkompliziert in .jpg ändern kannab.
;Bild ist zu groß
:Das Bild sollte nicht größer sein als 150kb. Hört sich härter an, als es istAuch sind Bilder, da die meisten Bilder nicht größer als 100kb sind. Sollte das Bild dennoch mehr Speicherplatz verbrauchen viel zu groß sein, hilft folgendes: um in den Artikeln angezeigt zu werden. Um ein Bild zu verkleinern! Das Bild mit Bitmap , könnt ihr es entweder in Microsoft Paint (Paint) öffnen und über die Kantenlängen verringern. Mit Funktion Sketch/Screw oder Strg+A auf der Tastatur (Kurzform von Bearbeiten >>> Alles markierenW) kann man das ganze Bild in einen Rahmen fassen und von unten rechts nach oben links ziehenoder jedem anderen Grafikprogramm verkleinern. Dabei wird die Kantenlänge verringert und das Bild proportional dazu verkleinert. Das Bild bleibt dabei vollständig erhalten, ist danach jedoch um einiges kleiner und braucht deshalb auch weniger SpeicherplatzWichtig hierbei: Die Seitenverhältnisse sollten gleichbleiben! Vor dem Verkleinern empfielt es sich, eine Sicherheit des Bildes zu machen, falls das Bild durch das Verkleinern zu unscharf wird und nicht mehr gut zu erkennen ist.
;Stress
;Übung
:Es klappt vielleicht nicht beim ersten Mal, aber das ist in Ordnung. Nur durch etwas Übung kommt man zum Erfolg. Schon nach dem zweiten oder dritten Bild stellt sich eine gewisse Routine ein!
{{Weiterführend_Hilfe}}
[[Kategorie:Bild|#]]
[[Kategorie:Hilfe]]
[[Kategorie:KingWiki]]