MosaPedia:Bildertutorial

Aus MosaPedia

Aktuelle Version vom 18:34, 31. Okt. 2014

[Bearbeiten] Bilder hochladen

Angemeldete Nutzer können Bilder hochladen. Auf der linken Seite findet man in der Rubrik Werkzeuge den Punkt Hochladen. Ein hochzuladendes Bild muss sich auf dem Rechner befinden. Über den Button Durchsuchen kann man auf seiner Festplatte nach dem Bild suchen. In der Zeile darunter kann man, wenn man will, den Namen ändern.

Im Beschreibungsfeld sollte man angeben, was auf dem Bild zusehen ist, hinzu kommt die Bildkategorie. Weiterhin MUSS hier die Bildlizenz angegeben werden. Bilder, die gegen Lizenzrechte verstoßen, dürfen nicht hochgeladen werden.

Bei Bildern von Comiccovern (z.B. Mosaikheft) ist eine Höhe von 200 Pixeln der Einheitlichkeit zuliebe wünschenswert. Ansonsten sollte die Bildgröße dem jeweiligen Zweck angemessen und nicht unnötig groß bzw. speicherintensiv sein. Man kann Bilder beim Einbinden in die Artikel in der Größe ändern.

Es ist nicht gestattet, Figuren freizustellen, d.h. den Hintergrund von Bildern mit einem Bildbearbeitungsprogramm zu "entfernen". Freistehende Figuren z.B. auf Bastelbögen dürfen verwendet werden.

[Bearbeiten] Bilder einbinden

Beim Bearbeiten eines Artikels wird durch Drücken auf den "Datei einfügen"-Knopf Datei:Button image.png in der "Editierleiste" ein Bild eingebunden: Dieser Knopf erzeugt im Text die Zeichenfolge

(Man kann diese oder eine ähnliche Zeichenfolge selbstverständlich auch "von Hand" eintippen.) Auf diese Weise wird ein Beispielbild namens Beispiel.jpg in den Artikel eingefügt:

Dies allein ist natürlich noch nicht sehr sinnvoll. Darum gibt es nun zweierlei zu tun:

1. Anstelle von Beispiel.jpg muss der Name der gewünschten Bilddatei eingetragen werden,
2. die Darstellung des Bildes (Anordnung, Größe, Rahmen usw.) kann verändert werden.

Hierfür gibt es eine Reihe von Möglichkeiten, die im folgenden ausführlich beschrieben werden.

[Bearbeiten] Bild fehlt

Falls in jedem Fall ein Bild vorgesehen, aber dieses noch nicht Teil der MosaPedia-Datenbank ist, kann man den Bildbereich zwischenzeitlich mit dem Platzhalter "Bild fehlt" belegen:

Das Ergebnis sieht dann so aus:

[Bearbeiten] Bildgröße beibehalten

Soll das Bild einfach genauso dargestellt werden, wie im Original, lautet die Syntax folgendermaßen:

Der Bildname kann durchaus Leerzeichen enthalten; diese können wahlweise durch Unterstriche _ ersetzt werden. Bildart ist meist jpg oder gif. Bei Bildort gibt man entweder links, rechts oder zentriert ein (oder englisch: left, right, center). Statt Bild: am Anfang kann man auch Datei: oder Image: schreiben.

Beispiel:

Ergebnis:

Soll das Bild nun noch einen Rahmen mit Bildunterschrift haben, kommt folgendes hinzu:

Statt gerahmt kann man auch frame oder framed schreiben. Beispiel:

Ergebnis:

Hallihallo!

Soll das ganze Bild als Link zu einem anderen Artikel funktionieren, geht man folgendermaßen vor:

Statt verweis= kann man auch englisch link= benutzen. Wichtig: Das darauf folgende Lemma hat keine eckigen Klammern!

Beispiel:

Ergebnis:

[Bearbeiten] Bild verkleinern

Um ein einzelnes Bild verkleinert darzustellen, nutzt man folgende Syntax:

Bei Bildgröße trägt man eine Pixelzahl für die Bildbreite ein, bzw. mit einem x davor eine Pixelzahl für die Bildhöhe. Beispiel mit Angabe der Bildbreite:

Ergebnis:

Beispiel mit Angabe der Bildhöhe:

Ergebnis:

Auch verkleinerte Bilder können als Link zu einem anderen Artikel funktionieren. Die Syntax dafür ist analog zu der oben beschriebenen. Beispiel:

Ergebnis:

Um verkleinerte Bilder zu rahmen und mit einer Bildunterschrift zu versehen, benutzt man die Erweiterung miniatur (oder englisch: thumb):

Beispiele:

Ergebnisse:

Bildbreite angepasst

Bildhöhe angepasst

Lässt man in einem solchen Fall die Angabe Bildgröße fort und benutzt nur miniatur (thumb), erscheint das gerahmte Bild in einer Normgröße von 180px breit. Diesen Wert können angemeldete Nutzer bei ihren Einstellungen ändern.

Beispiel:

Ergebnis:

Hände hoch!

[Bearbeiten] Galerien

Um mehrere Bilder in einer Galerie anzuordnen, gibt es die Funktion <gallery>. Die Syntax lautet wie folgt:

Die Bilder werden dabei in standardisierten Quadratfeldern angeordnet und deren Höhe und Breite angepasst (d.h. entsprechend verkleinert oder vergrößert). Wird der Parameter perrow für die Spaltenzahl weggelassen, hat die Galerie standardmäßig vier Spalten.

Die Bildunterschriften können natürlich auch verlinkt werden. Beispiel mit drei Spalten:

Ergebnis:

Baldo	Farbvariante	Soldat
Whisky	Mark und Ed

Beispiel ohne Spaltenzahlangabe, d.h. mit standardisierten vier Spalten:

Ergebnis:

Baldo	Farbvariante	Soldat	Whisky
Mark und Ed

Um eine andere als die Standard-Kästchengröße zu erreichen, benutzt man die Erweiterungen heights= für die Höhe und widths= für die Breite. Und um eine Überschrift für die Galerie zu erzeugen, gibt es die Angabe caption=. Diese Angaben können sowohl gemeinsam als auch einzeln verwendet und mit der Spaltenanzahl perrow= kombiniert werden.

Die Syntax dafür lautet:

Beispiel für zwei Spalten mit Kästchen zu 100x80 Pixeln und einer Überschrift:

Ergebnis:

Wahllose Bilder

Baldo	Farbvariante
Soldat	Whisky

Spaltenartige Galerie rechts mit ziemlich breitem freiem linkem Rand

Baldo

Farbvariante

Spaltenartige Galerie links mit ziemlich schmalem freiem rechtem Rand

Baldo

Farbvariante

Man kann Galerien auch noch mit weiteren Parametern beeinflussen und formatieren. So kann man sie z.B. mit align="right" an den rechten Rand schieben oder mit style="margin:..." mit einem unsichtbaren Rand versehen, der den umgebenden Fließtext "auf Abstand hält".

Die Maßeinheit bei margin ist die Breite des Buchstabens m, geschrieben 0em, 1em, 2em etc., wobei die Standardeinstellung (also wenn man auf jegliche Angabe von margin verzichtet) 0em ist; d.h.: keinerlei Rand. Fügt man hinter margin: nur eine em-Angabe ein, gilt diese für alle vier Ränder. Will man hingegen unterschiedliche Abstände an den vier Rändern erzielen, muss man diese auch für alle vier eigens angeben, und zwar im Uhrzeigersinn oben, rechts, unten, links. Beispiele: style="margin:0em 1em 5em 0em" erzeugt einen breiten freien Rand unten und einen schmalen freien Rand an der rechten Seite der Galerie; hingegen sorgt style="margin:2em" für einen gleichmäßig mittelbreiten Rand um die ganze Galerie. Genauso möglich ist die Angabe von Pixel-Größen, also z.B. 20px. Will man lediglich auf einer Seite einen leeren Rand erreichen, kann man auch die Angaben margin-top:, margin-right:, margin-bottom: bzw. margin-left: benutzen.

Erstes Beispiel für align und margin. Das Ergebnis hierfür ist am rechten Rand zu sehen.

Zweites Beispiel. Das Ergebnis ist am linken Rand zu sehen.

Wie man hier auch schön sieht, kann man auf diese Weise links und rechts vom Fließtext spaltenartige Galerien erzeugen. Allerdings ist zu beachten, dass Bilder mit der Positionsangabe "left" oder "right" von der Software nicht zwischen solchen Galeriespalten geduldet und nach ganz unten verschoben werden; Bilder mit Positionsangabe "none" oder "center" sowie reine, unformatierte Bilder können hingegen zwischen den Galeriespalten dargestellt werden.

[Bearbeiten] Mehrere Bilder

Zur ansprechenden, etwas kompakteren Darstellung mehrerer Bilder gibt es auch noch die Vorlage:Mehrere Bilder. Eine genaue Beschreibung der Benutzungsmöglichkeiten findet man auf der Vorlagen-Seite selbst; hier nur einige Beispiele.

Der Brand in Nancy

Maman

Zwentibold

Sprachlos: Die Abrafaxe

Ludolf

Gisèle

{{Mehrere Bilder | align = left | Richtung = v2
 | Breite1 =  65 | Bild1 = Maman.jpg
 | Breite2 =  65 | Bild2 = Zwentibold.jpg
 | Breite3 = 180 | Bild3 = Nancy_Stadt.jpg
 | Breite5 =  69 | Bild5 = Ludolf1.jpg
 | Breite6 =  69 | Bild6 = Gisele.jpg
 | Kopfzeile   = Der Brand in [[Nancy]]
 | Untertitel1 = [[Maman]]
 | Untertitel2 = [[Zwentibold]]
 | Untertitel3 = Sprachlos: Die [[Abrafaxe]]
 | Untertitel5 = [[Ludolf Fickelscherer|Ludolf]]
 | Untertitel6 = [[Gisèle]]
}}

385

386

387

388

389

390

391

392

393

394

395

396

{{Mehrere Bilder | Breite=70 | Richtung=h4
 | Bild1=Tb_385.jpg | Untertitel1=[[385]]
 | Bild2=Tb_386.jpg | Untertitel2=[[386]]
 | Bild3=...
}}

[Bearbeiten] Klickbare Bilder (Imagemap)

Bilder können nicht nur als Ganzes zu einem Link umfunktioniert werden, sondern auch einzelne Bildbereiche. Das ist zum Beispiel bei Landkarten interessant, wenn sich hinter den dargestellten Lokalitäten die Links zu den jeweiligen MosaPedia-Artikeln verbergen.

Die möglichen Syntaxvarianten hierfür lauten folgendermaßen:

Hinter dem Bildnamen und der Bildart kann man die üblichen Bildparameter angeben - also z.B. gerahmt oder miniatur und die Bildunterschrift.

Die anderen fünf Angaben - rect, circle, poly, default und desc - können einzeln oder gemeinsam eingesetzt werden. Die Koordinatenpaare (erst die Breite, dann die Höhe) werden immer in Pixeln, aber ohne die Maßeinheit px, angegeben und von der linken oberen Bildecke aus gerechnet. Dabei bewirken die fünf Angaben Folgendes:

• Mit rect erzeugt man ein rechteckiges Feld, das als Link zum Artikel Lemma A funktioniert. Dieses Rechteck wird durch den linken oberen und den rechten unteren Eckpunkt definiert.
• Mit circle erzeugt man ein kreisförmiges Feld, das als Link zum Artikel Lemma B funktioniert. Dieser Kreis wird durch den Mittelpunkt und die Länge des Radius' definiert.
• Mit poly erzeugt man ein unregelmäßiges Vieleck (Polygon), das als Link zum Artikel Lemma C funktioniert. Dieses Vieleck wird durch seine Eckpunkte definiert; die Zahl der Eckpunkte ist nicht begrenzt.
• Hinter default kann man einen Link zum Artikel Lemma D angeben, der für alle Bildflächen gilt, die nicht zuvor mit rect, circle oder poly eigens definiert wurden. Das heißt: Lässt man rect, circle und/oder poly ganz weg und benutzt nur die default-Angabe, so gilt dieser Link für die gesamte Bildfläche.
• Normalerweise erscheint ja beim Klick auf ein Bild die zugehörige Seite, wo das Bild größer zu sehen ist und vor allem die Bildrechte angegeben sind. Da dies bei der Imagemap-Erweiterung nicht mehr geht, gibt es in einer Ecke des Bildes einen extra Bereich - einen kleinen blauen Kreis mit einem i darin -, der als Link zu der Bildbeschreibungsseite funktioniert. Wo dieser blaue Kreis erscheinen soll, kann man mit desc bestimmen: Es gibt die Varianten oben links, unten links, oben rechts und unten rechts (bzw. englisch top-left, bottom-left, top-right, bottom-right). Lässt man die Angabe desc weg, erscheint der blaue Infokreis standardmäßig unten rechts. Bei Bildern mit miniatur- Erweiterung (englisch thumb) gibt es keinen Infokreis. Der Link zur Bildbeschreibungsseite versteckt sich stattdessen in dem Vergrößerungssymbol unten rechts.

In folgendem Beispiel sind die Abrafaxe mit einem Kreis markiert, Hauptmann Stauberl und Festungsbaumeister von Wühler mit jeweils einem Polygon und Hans Wurst mit einem Rechteck. Die restlichen Bildbereiche verlinken auf das Heft 6/78, aus dem das Bild stammt; der blaue Infokreis erscheint oben links. Das Bild ist mittig angeordnet und mit einer Bildunterschrift versehen worden.

Ergebnis:

Beispiel für Imagemap

In den nächsten drei Beispielen sieht man, wie man gerahmte Bilder (also entweder mit der gerahmt-/frame- oder mit der miniatur-/thumb-Erweiterung) ganzflächig verlinken kann.

Gerahmtes Bild in Originalgröße

Man beachte, dass bei der Benutzung der miniatur-/thumb-Erweiterung der blaue Kreis fehlt und stattdessen das Vergrößerungssymbol auf die Bildbeschreibungsseite verlinkt.

Ergebnis:

Verkleinertes Bild mit Rahmen

Ergebnis:

Thumbnail-Bild

[Bearbeiten] Erklärtext neben dem Bild oder den Bildern

Erklärende Texte unter dem jeweiligen Bild sind bereits mit den oben genannten Beispielen zu realisieren. Soll ein Text neben einem Bild erscheinen, ist dies nur über die Form einer Tabelle möglich.

Ergebnis:

Ein Kochbuch ist schön und gut, aber schließlich lernt Califax während der Abenteuer immer neue Köstlichkeiten kennen und probiert auch selbst so Einiges aus.

[Bearbeiten] Bildkategorien

Jedes Bild in der MosaPedia wird einer Kategorie zugeordnet.

[Bearbeiten] Bilder aus dem Mosaik

Bilder aus den Mosaikheften werden auf ihrer Beschreibungsseite der Bildkategorie des entsprechenden Heftes zugewiesen. Die Syntax dafür entspricht der normalen Kategorienbenutzung bei Artikeln.

Beispiele für Bilder aus den Heften 45, 195 (Digedags), 4/76, 195 (Abrafaxe) und 381:

Titelbilder werden dabei mit einem nachgestellten "|!" an die Spitze der Kategorie geschoben. Beispiele:

Diese Heftbildkategorien sind jeweils zu übergeordneten Serienbildkategorien zusammengefasst. Beispiele:

[Bearbeiten] Skizzen und Modelle

Abbildungen von Vorstudien aller Art - Skizzen, Modelle, verworfene Titelbilder, Manuskripte etc. - werden serienweise in eigenen Kategorien zusammengefasst. Die Syntax hierfür lautet beispielsweise:

Diese Skizzen/Modell-Kategorien sind einerseits den entsprechenden Serienbildkategorien zugeordnet (siehe oben) und werden andererseits noch einmal gesondert in der Kategorie:Skizzen und Modelle zusammengefasst.

[Bearbeiten] Bildvorlagen

Bildvorlagen werden ebenfalls serienweise zusammengefasst. Beispiele:

Diese Bildvorlagen-Kategorien sind einerseits den entsprechenden Serienbildkategorien zugeordnet (siehe oben) und werden andererseits noch einmal gesondert in der Kategorie:Bildvorlagen zusammengefasst.

[Bearbeiten] Sketche

Sketche von Mosaikzeichnern - die man z.B. beim Signieren bekommt - werden nach dem Künstler kategorisiert, wobei der Familienname zuerst genannt wird. Beispiel:

[Bearbeiten] Werbung und Merchandising

Für Abbildungen von Werbung und Merchandisingprodukten gibt es folgende Kategorien:

In eigene Unterkategorien gehören jedoch Bilder aus Kalendern, Beilagen und Newslettern:

[Bearbeiten] Fotos

Alle Fotos, die nicht nur Produkte wie Merchandising etc. oder Fanart zeigen, kommen in folgende Kategorie:

Für einzelne Veranstaltungen, zu denen ganze Fotoserien vorhanden sind, gibt es eigene Unterkategorien.

[Bearbeiten] Fanbilder

Abbildungen von/aus Fanzines werden nach den einzelnen Publikationen kategorisiert. Beispiele:

Abbildungen aus Fancomics bekommen folgende Kategorie:

Abbildungen von sonstiger Fanart - d.h. sonstige von Fans gezeichnete oder gestaltete Werke mit Motiven des MOSAIK, seien es auch nur umgearbeitete oder umgetextete Originalbilder - werden folgendermaßen kategorisiert:

Ganzseitige Abbildungen von Fancomics oder Fanart, die aus Fanzines stammen, werden entsprechend doppelt kategorisiert. Außerdem ist zu beachten, dass all diese Bilddateien gesonderte Lizenzhinweise erhalten (s.u.).

[Bearbeiten] Artikelillustrationen

Bilder, die nur zur Illustration eines Artikels hochgeladen wurden - z.B. Porträts von historischen Personen o.ä. -, kommen in die Kategorie Artikelillustration:

[Bearbeiten] Bildlizenzen

Jedes in der MosaPedia hochgeladene Bild muss neben der Kategorie auch zwingend einen Lizenzhinweis erhalten. Diese werden mit den im Folgenden beschriebenen Vorlage-Bausteinen erzeugt.

[Bearbeiten] Bilder aus dem MOSAIK und seinen Nebenuniversen

Für Bilder aus dem MOSAIK oder seinen Nebenuniversen (Onepager, Kalender...) gibt man eine der beiden Verlagsvorlagen ein:

Das ergibt dann die Lizenzhinweise:

bzw.

[Bearbeiten] Produktabbildungen

Für Comic- oder Buch-Titelbilder (mit Ausnahme des MOSAIK selbst), Filmposter, Merchandising und ähnliches nutzt man folgende Vorlage:

Das ergibt dann den Lizenzhinweis:

[Bearbeiten] Bildzitate

Für Bilder aus anderen Werken, die Vergleichen mit MOSAIK-Bildern dienen sollen, gibt es die Vorlage Bildzitat. Sie wird folgendermaßen benutzt:

Der Buchtitel kann, wenn es für das Buch einen eigenen Artikel in der MosaPedia gibt, auch verlinkt werden. Beispiel:

Das ergibt dann den Lizenzhinweis:

[Bearbeiten] Fanbilder

Für jegliche Form von auf MOSAIK-Vorbildern beruhenden Fanbildern - Fanart, Fancomics, Fanzines -, mit Ausnahme der Titelbilder von eigenständigen Publikationen, ist die Vorlage Fanartbild zu verwenden. Sie kann mit oder (falls nicht bekannt) ohne Angabe des jeweiligen Künstlers erfolgen:

Der Künstler kann, wenn es zu ihm einen eigenen MosaPedia-Artikel gibt, auch verlinkt werden. Beispiel:

Das ergibt dann folgenden Lizenzhinweis:

Wird der Künstler hingegen nicht angegeben, stellt sich der Lizenzhinweis folgendermaßen dar:

[Bearbeiten] Eigene Fotos und Grafiken

Für eigene Fotos und Grafiken gibt es die Lizenzvorlage Foto. Sie wird folgendermaßen verwendet:

Die vier Angaben müssen nicht alle ausgefüllt werden, aber zumindest der Name des Urhebers muss genannt werden. Beispiel:

Das ergibt folgenden Lizenzhinweis:

[Bearbeiten] Urheberrechtschutzfrist abgelaufen

Für Bilder, die nicht (mehr) dem Urheberrecht unterliegen, nutzt man die Vorlage gemeinfrei. Auch hier sollten eine Bildbeschreibung und die Angabe der Bildherkunft erfolgen. Beispiel:

Das ergibt folgenden Lizenzhinweis:

Dieses Bild ist nicht (mehr) durch das Urheberrecht geschützt, es ist somit gemeinfrei („public domain“).

[Bearbeiten] GNU-Lizenz für Bilder aus der Wikipedia

Für Bilder aus der Wikipedia gilt zumeist die GNU-Lizenz. Als Vorlage nutzt man entsprechend GNU mit Angabe des Bildinhalts und der Bildherkunft. Der Urheber muss bei dieser Lizenz auch angegeben werden.

Beispiel:

Das ergibt folgenden Lizenzhinweis: