|
|
| (38 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| '''<big>Nicht vom Beckenrand Pinkeln!</big>'''
| | <div class="hintergrund"> |
| | <div class="box_oben"> |
| | {{Suche Hilfe}} |
| | </div> |
| | <div class="spacer"></div> |
|
| |
|
| =Hilfe:Bilder= | | <div class="overflow"> |
| Diese Seite erklärt, wie du Bilder, Grafiken und Karten in Artikel einfügst. Wie du Bilder hochladen kannst, erfährst du im [[Hilfe:Bildertutorial|Bildertutorial]].
| | <div class="box_links_test"> |
|
| |
|
| ==Grundregeln== | | <div class="box_inhalt"> |
| * Du musst beim Tamriel-Almanach [[Hilfe:Registrierung|registriert]] und angemeldet sein, um Bilder/Dateien hochladen zu können.
| | <h4>Tutorials</h4> |
| * Gib deinem Bild einen klaren und detaillierten Dateinamen (zum Beispiel "Balmora.jpg" statt "Bild 1.jpg"). Der Dateiname sollte immer so wie das Objekt lauten, für das das Bild erstellt wurde.
| | #'''[[Hilfe:Tutorial|Tutorial]]''' - Ein Tutorial über den Einstieg in den Almanach. |
| * Bearbeite das Bild so, dass es das Wesentliche zeigt.
| | #'''[[Hilfe:Artikeltutorial|Artikeltutorial]]''' - Ein Tutorial über das Schreiben eines Artikel, von Anfang bis Ende. |
| | #'''[[Hilfe:Bildertutorial|Bildertutorial]]''' Ein Tutorial über das Erstellen, Hochladen und Einbinden von Bildern. |
| | </div> |
| | <div class="spacer"></div> |
|
| |
|
| Weil das Aussehen einer Webseite in erster Linie davon abhängt, wie sie der jeweilige Browser darstellt, nicht, wie der Autor sie plant, soll bei Anordnung, Ausrichtung und Größe möglichst auf zu spezielle Vorgaben verzichtet werden. Gutes Webdesign zeichnet sich durch Flexibilität aus.
| | <div class="box_inhalt"> |
| | <h4>Hilfe für Einsteiger</h4> |
| | #'''[[Hilfe:Erste Schritte|Erste Schritte]]''' - Deine Ersten Schritte im Tamriel-Almanach. |
| | #'''[[Hilfe:FAQ|FAQ]]''' - Antworten auf häufig gestellte Fragen. |
| | #'''[[Hilfe:Mitmachen|Mitmachen]]''' - Was es zu tun gibt im Tamriel-Almanach. |
| | #'''[[Hilfe:Mentorenprogramm|Mentorenprogramm]]''' - Lass dir von erfahrenen Benutzern bei deinen ersten Schritten unter die Arme greifen. |
| | #'''[[Hilfe:Seite bearbeiten|Seite bearbeiten]]''' - Alles über das Bearbeiten einer Seite. |
| | #'''[[Hilfe:Seite anlegen|Seite anlegen]]''' - Alles über das Neuanlegen einer Seite. |
| | #'''[[Hilfe:Formatierung|Formatierung]]''' - Alles über das Formatieren einer Seite. |
| | #'''[[Hilfe:Links|Links]]''' - Alles über das Verlinken. |
| | #'''[[Hilfe:Fußnoten|Fußnoten]]''' - Alles über Fußnoten. |
| | #'''[[Hilfe:Kategorien|Kategorien]]''' - Alles über Kategorien. |
| | #'''[[Hilfe:Zusammenfassung|Zusammenfassung]]''' - Alles über Zusammenfassungen. |
| | #'''[[Hilfe:Begriffsklärung|Begriffserklärung]]''' - Alles über Begriffsklärungsseiten. |
| | #'''[[Hilfe:Diskussionsseiten|Diskussionsseiten]]''' - Alles über Diskussionsseiten. |
| | #'''[[Hilfe:Signatur|Signatur]]''' - Alles über Signaturen. |
| | </div> |
| | <div class="spacer"></div> |
|
| |
|
| Die Bilder sollten möglichst in die jeweiligen Kapitel gesetzt werden. Zuviele Bilder am Anfang des Artikels angeführt, um sich „von selbst“ auf den Artikel zu verteilen, sind ungüstig: Sie zeigen leicht unerwüschte Nebenwirkungen im Layout, und bringen auch manche Browser zum Absturz.
| | <div class="box_inhalt"> |
| | <h4>Hilfe für Fortgeschrittene</h4> |
| | #'''[[Hilfe:Bilder|Bilder]]''' - Alles weitere über Bilder. |
| | #'''[[Hilfe:Vorlagen|Vorlagen]]''' - Alles über Vorlagen. |
| | #'''[[Hilfe:Variablen|Variablen]]''' - Alles über Variablen. |
| | #'''[[Hilfe:Sonderzeichen|Sonderzeichen]]''' - Alles über Sonderzeichen. |
| | #'''[[Hilfe:Tabellen|Tabellen]]''' - Alles über Tabellen. |
| | #'''[[Hilfe:Weiterleitung|Weiterleitung]]''' - Alles über Weiterleitungen. |
| | #'''[[Hilfe:Verschieben|Verschieben]]''' - Alles über das Verschieben von Seiten. |
| | #'''[[Hilfe:Wiederherstellen|Wiederherstellen]]''' - Alles über das Wiederherstellen einer älteren Version einer Seite oder Datei. |
| | </div> |
| | <div class="spacer"></div> |
|
| |
|
| ==Das Einfügen von Bildern== | | </div> |
| Bilder fügt man, ähnlich wie Wiki-Interne Links, mit doppelten eckigen Klammern ein. Wie man gut erkennen kann, muss immer mit dem Befehl '''Datei:''' klargemacht werden da es sich dabei um eine Datei handelt. Auch ähnlich wie bei Wiki-Internen Links, ist das hinzufügen von Parametern, die mit einem | getrennt werden.
| | <div class="box_rechts_test"> |
| | <div class="box_inhalt"> |
| | <h4>Richtlinien</h4> |
| | #'''[[Hilfe:Regeln und Normen|Regeln und Normen]]''' |
| | #'''[[Tamriel-Almanach:Über Tamriel-Almanach|Über Tamriel-Almanach]]''' |
| | #'''[[Hilfe:Netiquette|Netiquette]]''' |
| | #'''[[Hilfe:Quellen & Referenzen|Quellen und Referenzen]]''' |
| | #'''[[Hilfe:Gute Artikel schreiben|Gute Artikel schreiben]]''' |
| | #'''[[Hilfe:Formatierung|Formatierung]]''' |
| | #'''[[Hilfe:Sei mutig|Sei Mutig]]''' |
| | </div> |
| | <div class="spacer"></div> |
|
| |
|
| '''<nowiki>[[Datei:Bild.jpg]]</nowiki>''' | | <div class="box_inhalt"> |
| | <h4>Benutzer</h4> |
| | #'''[[Hilfe:Registrierung|Registrierung]]''' |
| | #'''[[Hilfe:Beobachtungsliste|Beobachtungsliste]]''' |
| | #'''[[Hilfe:Benutzergruppen|Benutzergruppen]]''' |
| | #'''[[Hilfe:Novizen|Novizen]]''' |
| | #'''[[Hilfe:Vertraute|Vertraute]]''' |
| | #'''[[Hilfe:Gelehrte|Gelehrte]]''' |
| | #'''[[Hilfe:Administratoren|Administratoren]]''' |
| | </div> |
| | <div class="spacer"></div> |
|
| |
|
| ===Bildbeschreibung=== | | <div class="box_inhalt"> |
| Es gibt eine Menge festgelegter Parameter die bestimmte Effekte verursachen, aber dazu später mehr. Der einfachste davon ist die Bildbeschreibung. Damit kann man einen kurzen Satz zum Inhalt der Bildes schreiben, der dann erscheint wenn man den Cursor über das Bild hält oder es steht unter dem Bild, je nach anderen Parametern.
| | <h4>Software</h4> |
| | #'''[[Hilfe:Menüpunkte|Menüpunkte]]''' |
| | #'''[[Hilfe:Einstellungen|Einstellungen]]''' |
| | #'''[[Hilfe:Namensräume|Namensräume]]''' |
| | #'''[[Tamriel-Almanach:Nirn-Karte/Hilfe|Interaktive Nirn-Karte]]''' |
| | #'''[[Tamriel-Almanach:Himmelsrand-Karte/Hilfe|Interaktive Himmelsrand-Karte]]''' |
| | #'''[[Hilfe:Suche|Suche]]''' |
| | #'''[[Hilfe:Chat|Chat]]''' |
| | </div> |
| | <div class="spacer"></div> |
|
| |
|
| <center> | | <div class="box_inhalt"> |
| {| class="wikitable"
| | <h4>Wartung</h4> |
| |-
| | #'''[[Hilfe:Wartungslisten|Wartungslisten]]''' |
| ! Wikicode !! Wirkung
| | #'''[[Hilfe:Vandalismus|Vandalismus]]''' |
| |- | | #'''[[Hilfe:Geschützte Seiten|Geschützte Seiten]]''' |
| | '''<nowiki>[[Datei:Bild.jpg|Bildbeschreibung]]</nowiki>''' || [[Datei:Bild.jpg|Bildbeschreibung]]
| | </div> |
| |}
| | <div class="spacer"></div> |
| </center> | |
|
| |
|
| ===Thumbnails===
| | </div></div> |
| Ein sehr wichtiger Parameter ist ''thumb''. Dieser erzeugt vom Bild ein sogenanntes Thumbnail. Ein Thumbnail, ist eine verkleinerte Version die automatisch am rechten Bildrand mit Untertitel dargestellt wird und gleichzeitig mit dem Original verlinkt ist, sodass man bei einem Klick auf die Seite des Bildes weitergeleitet wird. Dies ist die gängigste Art der Einbindung von Bilder im Almanach.
| |
|
| |
|
| <center>
| | __NOTOC__ __NOEDITSECTION__ |
| {| class="wikitable"
| |
| |-
| |
| ! Wikicode !! Wirkung
| |
| |-
| |
| | '''<nowiki>[[Datei:Bild.jpg|thumb|Bildbeschreibung]]</nowiki>''' || [[Datei:Bild.jpg|thumb|Bildbeschreibung]]
| |
| |}
| |
| </center>
| |
| | |
| ===Links- und Rechtsbündigkeit===
| |
| Wenn sich Bilder zu einem Artikel ansammeln, entsteht meist das Bedürfnis, die Thumbnails auch an den linken Bildrand zu platzieren. Auf der anderen Seite möchte man hin und wieder auch Bilder, die nicht automatisch an der rechten Seite stehen, an die rechte Seite stellen. Diese Beiden Wünsche erfüllen die beiden Parameter ''left'' und ''right''.
| |
| | |
| <center>
| |
| {| class="wikitable"
| |
| |-
| |
| ! Wikicode !! Wirkung
| |
| |-
| |
| | '''<nowiki>[[Datei:Bild.jpg|thumb|left|Bildbeschreibung]]</nowiki>''' || [[Datei:Bild.jpg|thumb|left|Bildbeschreibung]]
| |
| |-
| |
| | '''<nowiki>[[Datei:Bild.jpg|right|Bildbeschreibung]]</nowiki>''' || [[Datei:Bild.jpg|right|Bildbeschreibung]]
| |
| |}
| |
| </center>
| |
| | |
| ===Feste Skalierung===
| |
| Die Skalierung des Bildes stellt man mit '''?px''' wobei das ? dann die Breite des Bildes festlegt. Beispielsweise stellt '''100px''' die Breite des Bildes auf 100 Pixel, '''200px''' auf 200 Pixel.
| |
| | |
| <center>
| |
| {| class="wikitable"
| |
| |-
| |
| ! Wikicode !! Wirkung
| |
| |-
| |
| | '''<nowiki>[[Datei:Bild.jpg|100px|Bildbeschreibung]]</nowiki>''' || [[Datei:Bild.jpg|100px|Bildbeschreibung]]
| |
| |}
| |
| </center>
| |
| | |
| ===Upright===
| |
| Werden hoch- und querformatige Bilder untereinander gesetzt, ohne dass eine Breite vorgegeben wird, wirken die hochformatigen Thumbs meist übermäßig groß. Es empfiehlt sich in solchen Fällen, dem hochformatigen Bild den Parameter '''''upright''''' mitzugeben. Damit wird es standardmäßig um den Faktor 0,75 schmaler als das querformatige Bild dargestellt, was in der Regel zu einer schöneren Aufteilung führt. Der große Vorteil liegt in der automatischen Skalierung, die für anonyme Benutzer genau so funktioniert wie für angemeldete Benutzer, die sich in ihren persönlichen Einstellungen eine andere Bildbreite vorgegeben haben. Die Verhältnisse bleiben immer gewahrt.
| |
| | |
| <center>
| |
| {| class="wikitable"
| |
| |-
| |
| ! Wikicode !! Wirkung
| |
| |-
| |
| | '''<nowiki>[[Datei:Bild.jpg|thumb|upright|Bildbeschreibung]]</nowiki>''' || [[Datei:Bild.jpg|thumb|upright|Bildbeschreibung]]
| |
| |}
| |
| </center>
| |
| | |
| Dem Parameter upright kann auch ein Faktor mitgegeben werden, falls es sich um sehr hohe Bilder handelt, bei der eine Skalierung auf 0,75 noch nicht reicht:
| |
| | |
| <center>
| |
| {| class="wikitable"
| |
| |-
| |
| ! Wikicode !! Wirkung
| |
| |-
| |
| | '''<nowiki>[[Datei:Bild.jpg|thumb|upright=0.5|Bildbeschreibung]]</nowiki>''' || [[Datei:Bild.jpg|thumb|upright=0.5|Bildbeschreibung]]
| |
| |}
| |
| </center>
| |
| | |
| Auf diese Weise können auch sehr breite Bilder, z.B. Panoramen, skaliert werden. Mit einem upright-Wert > 1 werden sie entsprechend breiter als das Standard-Thumbnail dargestellt. Die Proportionen bleiben dadurch in jeder Darstellung erhalten:
| |
| | |
| <center>
| |
| {| class="wikitable"
| |
| |-
| |
| ! Wikicode !! Wirkung
| |
| |-
| |
| | '''<nowiki>[[Datei:Bild.jpg|thumb|upright=1.8|Bildbeschreibung]]</nowiki>''' || [[Datei:Bild.jpg|thumb|upright=1.8|Bildbeschreibung]]
| |
| |}
| |
| </center>
| |
| | |
| Die Breite der so berechneten Thumbnails wird immer auf den nächsthöheren 10er-Wert aufgerundet. Dieser automatischen Skalierung sollte der Vorzug gegeben werden vor der Verwendung fester Bilderbreiten.
| |
| | |
| ==Die Gallerie==
| |
| Die Galerie eignet sich, um mehrere Bilder tabellarisch anzuordnen. Das Einfügen und Befüllen von Galerien sollte allerdings nicht übertrieben werden, da nur selten mehr als vier Bilder zu einem Thema notwendig sind.
| |
| | |
| <pre>
| |
| <gallery>
| |
| Bild:Hund.jpg|Hund
| |
| Bild:Wolf.jpg|Wolf
| |
| Bild:Baer.jpg|Bär
| |
| Bild:Berglöwe.jpg|Berglöwe
| |
| </gallery>
| |
| </pre>
| |
| | |
| <gallery>
| |
| Bild:Hund.jpg|Hund
| |
| Bild:Wolf.jpg|Wolf
| |
| Bild:Baer.jpg|Bär
| |
| Bild:Berglöwe.jpg|Berglöwe
| |
| </gallery>
| |
| | |
| ===Bilder pro Zeile===
| |
| Mit dem Parameter '''perrow''' kann angegeben werden, wieviele Bilder pro Zeile gezeigt werden sollen:
| |
| | |
| <pre>
| |
| <gallery perrow="2">
| |
| Bild:Hund.jpg|Hund
| |
| Bild:Wolf.jpg|Wolf
| |
| Bild:Baer.jpg|Bär
| |
| Bild:Berglöwe.jpg|Berglöwe
| |
| </gallery>
| |
| </pre>
| |
| | |
| <gallery perrow="2">
| |
| Bild:Hund.jpg|Hund
| |
| Bild:Wolf.jpg|Wolf
| |
| Bild:Baer.jpg|Bär
| |
| Bild:Berglöwe.jpg|Berglöwe
| |
| </gallery>
| |
| | |
| ===Skalierung in Galerien===
| |
| Mit den Parametern '''heights''' bzw. '''widths''' wird die Breite und/oder Höhe der Bilder vorgegeben. Das jeweils breiteste bzw. höchste Bild wird für die Galerie als Maßstab genommen und die kleineren Bilder entsprechend angepasst. Kombinationen von '''heights''' und '''widths''' sind möglich.
| |
| | |
| <pre>
| |
| <gallery heights="300">
| |
| Bild:Hund.jpg|Hund
| |
| Bild:Wolf.jpg|Wolf
| |
| Bild:Baer.jpg|Bär
| |
| Bild:Berglöwe.jpg|Berglöwe
| |
| </gallery>
| |
| </pre>
| |
| | |
| <gallery heights="300">
| |
| Bild:Hund.jpg|Hund
| |
| Bild:Wolf.jpg|Wolf
| |
| Bild:Baer.jpg|Bär
| |
| Bild:Berglöwe.jpg|Berglöwe
| |
| </gallery>
| |
| | |
| ==Panoramabilder==
| |
| Panoramabilder einzubinden ist immer mit Problemen verbunden; wichtig dabei ist, dass wir nicht wissen, wie groß das Browser-Fenster des Lesers ist: Also sollte das Bild nie größer werden als die Breite der Druckversion (ca. 780px).
| |
| | |
| ==Einfügen eines Links zur Bildbeschreibungsseite==
| |
| Durch einen Klick auf ein hochgeladenes Bild erscheint eine Seite mit der Beschreibung und einer meist höher aufgelösten Version dieses Bildes. Wenn das Bild im Text nicht angezeigt werden soll, kann auf diese Seite verwiesen werden, indem man im Link vor das Wort
| |
| '''Bild''' einen ''Doppelpunkt'' setzt: Aus '''<nowiki>[[:Datei:Bild.jpg|Bildbeschreibung]]''' wird [[:Datei:Bild.jpg|Bildbeschreibung]].
| |
