Hilfe:Bilder: Unterschied zwischen den Versionen
Aus ÖSF Zentraldatenbank
K |
K |
||
| (6 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
__NOEDITSECTION__ | __NOEDITSECTION__ | ||
| − | Diese Seite erklährt den richtigen Umgang mit Bildern in der ÖSF-Zentraldatenbank. Wir hoffen so, alle offenen Fragen bezüglich Einbindung und Speicherung von Bildern in Artikeln zu klähren. Um mehr über datanbankinterne Regelungen, wie zB Copyrights, Bilddateigröße oder auch die sinnvolle Namensgebung von Bilddateien zu erfahren, empfehlen wir die Regeln zum [[Hilfe:Regeln Bilder|Hochladen von Bildern]]. | + | {{Navigation:Hilfe}} |
| + | Bilder sind ein adäquates Mittel um endlose Texte aufzulockern oder um einfach das im Text beschriebende besser veranschaulichen zu können. Das Einbinden von Bildern in der ÖSF Zentraldatenbank ist einfacher, als man sich vorstellt. Diese Seite erklährt den richtigen Umgang mit Bildern in der ÖSF-Zentraldatenbank. Wir hoffen so, alle offenen Fragen bezüglich Einbindung und Speicherung von Bildern in Artikeln zu klähren. Um mehr über datanbankinterne Regelungen, wie zB Copyrights, Bilddateigröße oder auch die sinnvolle Namensgebung von Bilddateien zu erfahren, empfehlen wir die Regeln zum [[Hilfe:Regeln Bilder|Hochladen von Bildern]]. | ||
==Bilder in Originalgröße== | ==Bilder in Originalgröße== | ||
Bilder lassen sich mit <code><nowiki>[[Bild:Dateiname|Beschreibung]]</nowiki></code> in Artikel einfügen. | Bilder lassen sich mit <code><nowiki>[[Bild:Dateiname|Beschreibung]]</nowiki></code> in Artikel einfügen. | ||
Das Bild wird dann in Originalgröße links im Artikel angezeigt. Mit der Option „framed“, z. B. <code><nowiki>[[Bild:Dateiname|framed|Beschreibung]]</nowiki></code> wird das Bild mit einem Rahmen umgeben. | Das Bild wird dann in Originalgröße links im Artikel angezeigt. Mit der Option „framed“, z. B. <code><nowiki>[[Bild:Dateiname|framed|Beschreibung]]</nowiki></code> wird das Bild mit einem Rahmen umgeben. | ||
| − | {| border="2" cellspacing="0" cellpadding="4" rules="all" style="margin:1em 1em 1em 0; border:solid 1px #AAAAAA; border-collapse:collapse; background-color:#F9F9F9; font-size:95%; empty-cells:show;" | + | <br style="clear:both;" /> |
| + | {| border="2" cellspacing="0" cellpadding="4" width="100%" rules="all" style="margin:1em 1em 1em 0; border:solid 1px #AAAAAA; border-collapse:collapse; background-color:#F9F9F9; font-size:95%; empty-cells:show;" | ||
!width="40%"|So sieht es aus | !width="40%"|So sieht es aus | ||
!width="60%"|Das gibt man ein | !width="60%"|Das gibt man ein | ||
|- | |- | ||
| style="background:#EEEEFF"|[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|Picard und Guinan]] | | style="background:#EEEEFF"|[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|Picard und Guinan]] | ||
| − | | style="background:#EEEEEE"|< | + | | style="background:#EEEEEE"|<code><nowiki>[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|Picard und Guinan]]</nowiki></code> |
|- | |- | ||
| style="background:#EEEEFF"|[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|framed|Picard und Guinan]] | | style="background:#EEEEFF"|[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|framed|Picard und Guinan]] | ||
| − | | style="background:#EEEEEE"|< | + | | style="background:#EEEEEE"|<code><nowiki>[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|framed|Picard und Guinan]]</nowiki></code> |
|- | |- | ||
|colspan="2"| Da durch große Bilder die Seiten dann sehr lange zum Laden brauchen, solltest du aus Rücksicht auf die Modembenutzer dies nur in Ausnahmefällen so handhaben, zum Beispiel wenn das Originalbild sehr klein ist. Benutze sonst lieber verkleinerte Vorschauansichten, sogenannte (Thumbnails), die der Leser, wenn es ihn interessiert, dann mit einem Klick auf die Lupe vergrößert genauer betrachtet kann. In der ÖSF Zentraldatenbank ist die Dateigröße für Bilder auf 50Kb begrenzt. | |colspan="2"| Da durch große Bilder die Seiten dann sehr lange zum Laden brauchen, solltest du aus Rücksicht auf die Modembenutzer dies nur in Ausnahmefällen so handhaben, zum Beispiel wenn das Originalbild sehr klein ist. Benutze sonst lieber verkleinerte Vorschauansichten, sogenannte (Thumbnails), die der Leser, wenn es ihn interessiert, dann mit einem Klick auf die Lupe vergrößert genauer betrachtet kann. In der ÖSF Zentraldatenbank ist die Dateigröße für Bilder auf 50Kb begrenzt. | ||
|} | |} | ||
==Thumbnails und Skalierungen== | ==Thumbnails und Skalierungen== | ||
| − | {| border="2" cellspacing="0" cellpadding="4" rules="all" style="margin:1em 1em 1em 0; border:solid 1px #AAAAAA; border-collapse:collapse; background-color:#F9F9F9; font-size:95%; empty-cells:show;" | + | {| border="2" cellspacing="0" cellpadding="4" width="100%" rules="all" style="margin:1em 1em 1em 0; border:solid 1px #AAAAAA; border-collapse:collapse; background-color:#F9F9F9; font-size:95%; empty-cells:show;" |
!width="40%"|So sieht es aus | !width="40%"|So sieht es aus | ||
!width="60%"|Das gibt man ein | !width="60%"|Das gibt man ein | ||
|- | |- | ||
| style="background:#EEEEFF"|[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|Picard und Guinan]] | | style="background:#EEEEFF"|[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|Picard und Guinan]] | ||
| − | | style="background:#EEEEEE"|Mediawiki kann automatisch Vorschaubilder erzeugen. Dazu fügt man den Zusatz <code>thumb</code> oder <code>thumbnail</code> zwischen Dateiname und Alternativtext ein. Beispielsweise < | + | | style="background:#EEEEEE"|Mediawiki kann automatisch Vorschaubilder erzeugen. Dazu fügt man den Zusatz <code>thumb</code> oder <code>thumbnail</code> zwischen Dateiname und Alternativtext ein. Beispielsweise <code><nowiki>[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|Picard und Guinan]]</nowiki></code> |
|- | |- | ||
|colspan="2"|Das erzeugte Vorschaubild wird rechtsbündig ausgerichtet und vom Artikeltext umflossen. Der Alternativtext wird unter dem Bild als Beschreibung angezeigt. Über die Lupe springt man zur großen Version des Bildes auf seiner Beschreibungsseite.<br>Angemeldete Benutzer können die Bildgröße der Thumbnails in ihren Benutzereinstellungen festlegen; für nichtangemeldete Leser erscheinen diese Bilder mit einer Bildbreite von 180 Pixeln. | |colspan="2"|Das erzeugte Vorschaubild wird rechtsbündig ausgerichtet und vom Artikeltext umflossen. Der Alternativtext wird unter dem Bild als Beschreibung angezeigt. Über die Lupe springt man zur großen Version des Bildes auf seiner Beschreibungsseite.<br>Angemeldete Benutzer können die Bildgröße der Thumbnails in ihren Benutzereinstellungen festlegen; für nichtangemeldete Leser erscheinen diese Bilder mit einer Bildbreite von 180 Pixeln. | ||
| − | |||
|- | |- | ||
| style="background:#EEEEFF"|[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|100px|Picard und Guinan]] | | style="background:#EEEEFF"|[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|100px|Picard und Guinan]] | ||
| − | | style="background:#EEEEEE"|Mit < | + | | style="background:#EEEEEE"|Mit <code><nowiki>[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|100px|Picard und Guinan]]</nowiki></code>legt man die Breite des generierten Thumbnails auf 100 Pixel fest (Standardgröße, keine Definierung: 180 Pixel). Die Höhe wird aus dem Seitenverhältnis automatisch berechnet. |
|- | |- | ||
| style="background:#EEEEFF"|[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|100px|Picard und Guinan]] | | style="background:#EEEEFF"|[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|100px|Picard und Guinan]] | ||
| − | | style="background:#EEEEEE"|Mit < | + | | style="background:#EEEEEE"|Mit <code><nowiki>[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|100px|Picard und Guinan]]</nowiki></code> skalierst du das Bild und lässt es ohne einen Thumbnailrahmen anzeigen. |
|- | |- | ||
|colspan="2"| Die gewählte Bildgröße sollte in Einklang mit dem Textumfang stehen: Ein Bild sollte den Text nicht erschlagen, der Text jedoch auch nicht das Bild begraben. Bei kürzeren Artikeln kann das Bild ruhig etwas größer ausfallen, man sollte jedoch z. B. darauf achten, dass der Text vollständig die Höhe des Bildes erfasst. Auch sollte man versuchen, den kürzeren Artikelinhalt mit Bild auf einer Bildschirmseite zu halten. Ihr werdet schon den harmonischen Mittelweg finden.<br>Prinzipiell sollten starre Bildgrößen jedoch nur in Ausnahmefällen verwendet werden, da dies die individuellen Anzeigeeinstellungen für Thumbnails der Benutzer ignoriert. Wann immer möglich, lass die Benutzer selbst wählen, in welcher Größe sie Bilder sehen wollen. | |colspan="2"| Die gewählte Bildgröße sollte in Einklang mit dem Textumfang stehen: Ein Bild sollte den Text nicht erschlagen, der Text jedoch auch nicht das Bild begraben. Bei kürzeren Artikeln kann das Bild ruhig etwas größer ausfallen, man sollte jedoch z. B. darauf achten, dass der Text vollständig die Höhe des Bildes erfasst. Auch sollte man versuchen, den kürzeren Artikelinhalt mit Bild auf einer Bildschirmseite zu halten. Ihr werdet schon den harmonischen Mittelweg finden.<br>Prinzipiell sollten starre Bildgrößen jedoch nur in Ausnahmefällen verwendet werden, da dies die individuellen Anzeigeeinstellungen für Thumbnails der Benutzer ignoriert. Wann immer möglich, lass die Benutzer selbst wählen, in welcher Größe sie Bilder sehen wollen. | ||
|} | |} | ||
| + | ==Ausrichtung von Bildern== | ||
| + | Die Optionen <code>left</code>, <code>right</code> und <code>none</code> richten Bilder im Text nach links bzw. rechts aus. | ||
| + | {| border="2" cellspacing="0" cellpadding="4" width="100%" rules="all" style="margin:1em 1em 1em 0; border:solid 1px #AAAAAA; border-collapse:collapse; background-color:#F9F9F9; font-size:95%; empty-cells:show;" | ||
| + | !width="40%"|So sieht es aus | ||
| + | !width="60%"|Das gibt man ein | ||
| + | |- | ||
| + | | style="background:#EEEEFF"|[[Bild:Smile.png|left|Smiley]]Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon. | ||
| + | | style="background:#EEEEEE"|<code><nowiki>[[Bild:Smile.png|left|Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon.</nowiki></code> | ||
| + | |- | ||
| + | | style="background:#EEEEFF"|[[Bild:Smile.png|right|Smiley]]Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon. | ||
| + | | style="background:#EEEEEE"|<code><nowiki>[[Bild:Smile.png|right|Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon.</nowiki></code> | ||
| + | |- | ||
| + | | style="background:#EEEEFF"|<center>[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|100px|none|Picard und Guinan]]</center> | ||
| + | | style="background:#EEEEEE"|<code><nowiki><center>[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|100px|none|Picard und Guinan]]</center></nowiki></code> | ||
| + | |- | ||
| + | |colspan="2"|Der Parameter <code>none</code> schaltet jegliche automatische Ausrichtung (bei Thumbnails) ab und stellt das Bild inline dar. Das ist vor allem zum Einfügen von Thumbnails in Tabellen praktisch: | ||
| + | |- | ||
| + | | style="background:#EEEEFF"| | ||
| + | {| border="1" style="border-collapse:collapse" cellpadding="3" | ||
| + | !colspan="4"| Crewbilder | ||
| + | |- | ||
| + | | TNG|| [[Bild:Episoden TNG-Crew.jpg|thumb|none|100px|Crew der Enterprise - D]] | ||
| + | | DS9|| [[Bild:Episoden DS9-Crew.jpg|thumb|none|100px|Crew der Raumstation DS9]] | ||
| + | |} | ||
| + | | style="background:#EEEEEE"| | ||
| + | <code><nowiki>{| border="1" style="border-collapse:collapse" cellpadding="3"</nowiki></code><br> | ||
| + | <code><nowiki>!colspan="4"| Crewbilder</nowiki></code><br> | ||
| + | <code><nowiki>|-</nowiki></code><br> | ||
| + | <code><nowiki>| TNG|| [[Bild:Episoden TNG-Crew.jpg|thumb|none|100px|Crew der Enterprise - D]]</nowiki></code><br> | ||
| + | <code><nowiki>| DS9|| [[Bild:Episoden DS9-Crew.jpg|thumb|none|100px|Crew der Raumstation DS9]]</nowiki></code><br> | ||
| + | <code><nowiki>|}</nowiki></code> | ||
| + | |- | ||
| + | |colspan="2"|Wenn man ein oder mehrere Bild(er) am Rand angeordnet hat, kann man mit <code><nowiki><br style="clear:both;" /></nowiki></code> dafür sorgen, dass der folgende Text (z. B. ein neues Kapitel) unterhalb der Linie der Bildränder weitergeht. Mit <code><nowiki><br style="clear:left;" /></nowiki></code> geht der folgende Text links unterhalb des Bildrands weiter, auf der rechten Seite kann aber weiterhin eine höhere Tabelle oder ein Bild neben dem Text stehen. | ||
| + | |} | ||
| + | ==Galerie== | ||
| + | Die Galerie eignet sich, um viele Bilder tabellarisch mit je vier Bildern pro Zeile anzuordnen. Um eine Galerie zu erstellen, muß vollgender Code eingegeben werden. | ||
| + | <pre><nowiki><gallery> | ||
| + | Bild:Episoden TOS-Crew.jpg|TOS-Crew | ||
| + | Bild:Episoden TNG-Crew.jpg|TNG-Crew | ||
| + | Bild:Episoden DS9-Crew.jpg|DS9-Crew | ||
| + | Bild:Episoden VOY-Crew.jpg|VOY-Crew | ||
| + | </gallery></nowiki></pre> | ||
| + | Das Ergebniss der Eingabe, könnt ihr hier Bewundern. | ||
| + | <gallery> | ||
| + | Bild:Episoden TOS-Crew.jpg|TOS-Crew | ||
| + | Bild:Episoden TNG-Crew.jpg|TNG-Crew | ||
| + | Bild:Episoden DS9-Crew.jpg|DS9-Crew | ||
| + | Bild:Episoden VOY-Crew.jpg|VOY-Crew | ||
| + | </gallery> | ||
| + | -- [[Benutzer:John Scott|Jonathan Michael Scott]] 15:21, 18. Dez 2005 (CET) | ||
| + | [[Kategorie:Hilfe]] | ||
Aktuelle Version vom 9. Februar 2006, 09:38 Uhr
| Handbuch zur ÖSF Datenbank |
|---|
|
Bilder sind ein adäquates Mittel um endlose Texte aufzulockern oder um einfach das im Text beschriebende besser veranschaulichen zu können. Das Einbinden von Bildern in der ÖSF Zentraldatenbank ist einfacher, als man sich vorstellt. Diese Seite erklährt den richtigen Umgang mit Bildern in der ÖSF-Zentraldatenbank. Wir hoffen so, alle offenen Fragen bezüglich Einbindung und Speicherung von Bildern in Artikeln zu klähren. Um mehr über datanbankinterne Regelungen, wie zB Copyrights, Bilddateigröße oder auch die sinnvolle Namensgebung von Bilddateien zu erfahren, empfehlen wir die Regeln zum Hochladen von Bildern.
Inhaltsverzeichnis
Bilder in Originalgröße
Bilder lassen sich mit [[Bild:Dateiname|Beschreibung]] in Artikel einfügen.
Das Bild wird dann in Originalgröße links im Artikel angezeigt. Mit der Option „framed“, z. B. [[Bild:Dateiname|framed|Beschreibung]] wird das Bild mit einem Rahmen umgeben.
| So sieht es aus | Das gibt man ein |
|---|---|
|
[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|Picard und Guinan]]
|
| Picard und Guinan |
[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|framed|Picard und Guinan]]
|
| Da durch große Bilder die Seiten dann sehr lange zum Laden brauchen, solltest du aus Rücksicht auf die Modembenutzer dies nur in Ausnahmefällen so handhaben, zum Beispiel wenn das Originalbild sehr klein ist. Benutze sonst lieber verkleinerte Vorschauansichten, sogenannte (Thumbnails), die der Leser, wenn es ihn interessiert, dann mit einem Klick auf die Lupe vergrößert genauer betrachtet kann. In der ÖSF Zentraldatenbank ist die Dateigröße für Bilder auf 50Kb begrenzt. | |
Thumbnails und Skalierungen
| So sieht es aus | Das gibt man ein |
|---|---|
| |
Mediawiki kann automatisch Vorschaubilder erzeugen. Dazu fügt man den Zusatz thumb oder thumbnail zwischen Dateiname und Alternativtext ein. Beispielsweise [[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|Picard und Guinan]]
|
| Das erzeugte Vorschaubild wird rechtsbündig ausgerichtet und vom Artikeltext umflossen. Der Alternativtext wird unter dem Bild als Beschreibung angezeigt. Über die Lupe springt man zur großen Version des Bildes auf seiner Beschreibungsseite. Angemeldete Benutzer können die Bildgröße der Thumbnails in ihren Benutzereinstellungen festlegen; für nichtangemeldete Leser erscheinen diese Bilder mit einer Bildbreite von 180 Pixeln. | |
| |
Mit [[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|100px|Picard und Guinan]]legt man die Breite des generierten Thumbnails auf 100 Pixel fest (Standardgröße, keine Definierung: 180 Pixel). Die Höhe wird aus dem Seitenverhältnis automatisch berechnet.
|
|
|
Mit [[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|100px|Picard und Guinan]] skalierst du das Bild und lässt es ohne einen Thumbnailrahmen anzeigen.
|
| Die gewählte Bildgröße sollte in Einklang mit dem Textumfang stehen: Ein Bild sollte den Text nicht erschlagen, der Text jedoch auch nicht das Bild begraben. Bei kürzeren Artikeln kann das Bild ruhig etwas größer ausfallen, man sollte jedoch z. B. darauf achten, dass der Text vollständig die Höhe des Bildes erfasst. Auch sollte man versuchen, den kürzeren Artikelinhalt mit Bild auf einer Bildschirmseite zu halten. Ihr werdet schon den harmonischen Mittelweg finden. Prinzipiell sollten starre Bildgrößen jedoch nur in Ausnahmefällen verwendet werden, da dies die individuellen Anzeigeeinstellungen für Thumbnails der Benutzer ignoriert. Wann immer möglich, lass die Benutzer selbst wählen, in welcher Größe sie Bilder sehen wollen. | |
Ausrichtung von Bildern
Die Optionen left, right und none richten Bilder im Text nach links bzw. rechts aus.
| So sieht es aus | Das gibt man ein | ||||||||
|---|---|---|---|---|---|---|---|---|---|
 |
[[Bild:Smile.png|left|Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon.
| ||||||||
|
[[Bild:Smile.png|right|Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon.
| ||||||||
| |
<center>[[Bild:Episoden TNG-Zeitsprung mit "Q" 1.jpg|thumb|100px|none|Picard und Guinan]]</center>
| ||||||||
Der Parameter none schaltet jegliche automatische Ausrichtung (bei Thumbnails) ab und stellt das Bild inline dar. Das ist vor allem zum Einfügen von Thumbnails in Tabellen praktisch:
| |||||||||
|
| ||||||||
Wenn man ein oder mehrere Bild(er) am Rand angeordnet hat, kann man mit <br style="clear:both;" /> dafür sorgen, dass der folgende Text (z. B. ein neues Kapitel) unterhalb der Linie der Bildränder weitergeht. Mit <br style="clear:left;" /> geht der folgende Text links unterhalb des Bildrands weiter, auf der rechten Seite kann aber weiterhin eine höhere Tabelle oder ein Bild neben dem Text stehen.
| |||||||||
Galerie
Die Galerie eignet sich, um viele Bilder tabellarisch mit je vier Bildern pro Zeile anzuordnen. Um eine Galerie zu erstellen, muß vollgender Code eingegeben werden.
<gallery> Bild:Episoden TOS-Crew.jpg|TOS-Crew Bild:Episoden TNG-Crew.jpg|TNG-Crew Bild:Episoden DS9-Crew.jpg|DS9-Crew Bild:Episoden VOY-Crew.jpg|VOY-Crew </gallery>
Das Ergebniss der Eingabe, könnt ihr hier Bewundern.
TOS-Crew
TNG-Crew
DS9-Crew
VOY-Crew
-- Jonathan Michael Scott 15:21, 18. Dez 2005 (CET)
