SpiritualWiki

Spiritualwiki / Bildertutorial


 

      Bilder-Tutorial

 


 

Bitte lesen:
Bilder und Rechtliches !

 

Bilder in SpiritualWiki einbinden

Syntax

Standard

Bild inkl. Link zur Bildadresse:

>>bildrechts<<
%width=250px% [[Bildlink | Bildadresse]] | Bildtext 
>><<

 

Bild ohne Verlinkung:

>>bildrechts<<
%width=250px% Bildadresse | Bildtext
>><<

 

Aus rechtlichen Gründen sind Bilder ohne Verlinkung in seltenen Fällen empfehlenswert!

 

 

Bild mit Rahmen

Bild inkl. Link zur Bildadresse:

>>rframe<<
%width=250px% [[Bildlink | Bildadresse]] | Bildtext 
>><<

 

Bild ohne Verlinkung:

>>rframe<<
%width=250px% Bildadresse | Bildtext
>><<

 

Aus rechtlichen Gründen sind Bilder ohne Verlinkung in seltenen Fällen empfehlenswert!

 

Bild innerhalb einer Box

Bild inkl. Link zur Bildadresse:

%bildlinks width=250px% [[Bildlink | Bildadresse]] | Bildtext %%

 

Bild ohne Verlinkung:

%bildlinks width=250px% Bildadresse | Bildtext %%

 

Aus rechtlichen Gründen sind Bilder ohne Verlinkung in seltenen Fällen empfehlenswert!

 

Genauere Angaben

bildrechts oder rframe

Text fließt links am Bild vorbei

 

Alternativen:
bildlinks oder lframe

Bild ist links, Text fließt rechts daran vorbei

bildmitte oder cframe

Bild wird zentriert, kein Textumfluß

 

width

Definition der Breite in pixeln (px)

height

Definition der Höhe, als Alternative zu width; Bsp: %height=200px%

padding, padding-left, -right, -bottom, -top

Definition des Abstandes zwischen Bild und Rahmen; Bsp: >>rframe padding=20px<<

margin, margin-left, -right, -bottom, -top

Definition des Abstandes zwischen Rahmen und den umgebenden Elementen (Text, Inhaltsangabe und anderer Bilder); Bsp: >>cframe margin-right=30px<<

bgcolor

Definition der Hintergrundfarbe. Vor allen Dingen empfehlenswert bei frame, da die Standardfarbe ein helles Grau ist und mit diesem Syntax die Standardfarbe überschrieben werden kann; Bsp: >>rframe bgcolor=white<<

 

Bildlink

Das "Anklickziel", die Adresse die geladen wird, wenn man auf das Bild klickt

 

Bildadresse

die vollständige URL des Bildes; muss mit .jpg, .jpeg, .gif oder .png enden

 

Beispiele

Bild mit eingerahmter Unterschrift:

 


Wassertropfen auf Blatt

 

Syntax:

>>bildmitte<<
%width=190px%[[ Bildlink | Bildadresse]]|%frame% [-Bildbeschreibung-]
>><<

 

Bild und Bildbeschreibung eingerahmt:

 


Der Heilige Gral, um 1860
Maler: Dante Gabriel Charles Rossetti

 

 

Syntax:

>>cframe bgcolor=white width=280px padding=20px <<
%width=280px%[[ Bildlink | Bildadresse]] |%center% [-Bildbeschreibung-]
>><<

 

Anleitung

Start

>>bildrechts<< oder rframe, falls mit Rahmen

  • öffnet eine Umgebung und definiert, dass das Bild rechts erscheinen soll.
    >>bildrechts<< definiert auch noch den Bildtext klein und zentriert unter dem Bild stehend
  • darauf achten, dass das Kommado >>bildrechts<< oder >>rframe<< am Zeilenanfang steht und kein \\ in der direkten Zeile davor ist
  • Nach >>bildrechts<< oder >>rframe<< eine neue Zeile anfangen!
  • Soll das Bild links an den Rand? → bildlinks statt bildrechts benutzen
  • Soll das Bild mittig platziert werden? → bildmitte statt bildrechts benutzen
  • Später nicht >><< vergessen, um die Umgebung wieder zu schließen; Auch dieser Befehl muss an den Zeilenanfang!

 

Größe des Bildes festlegen

Die einzubindenden Bilder haben nicht unbedingt die richtige Größe, daher mit
width

die Breite oder mit

height

die Höhe bestimmen.

 

Bsp: %width=250px% skaliert das Bild auf 250 Pixel (px) Breite (egal wie groß es vorher war).

 

  • Die % ...% -Umgebung gilt nur für die laufende Zeile! Daher nach %width=...px% keine neue Zeile anfangen, sondern gleich den Bildlink/die Bildadresse anfügen.

 

 

Achtung: Große Originalbilder
Beachte, das jeweils das gesamte ursprüngliche verlinkte Bild in Originalgröße geladen wird und dann auf die gewünschte Größe skaliert wird. Daher: Bitte keine großen Bilder verlinken! Die Seite wird dann nur sehr langsam geladen und es entsteht ein unnötig hoher Traffic, was ab einem bestimmten Punkt zu höheren Kosten für SpiritualWiki führt.

 

Beispiel: Zu große Bilder

 

Bild und Bildlink

Der Kern der Sache.
Nach dem Ort und der Größe kommt nun der Bildlink, das Bild selbst und ggf. ein Bildtext.

 

>>bildrechts<<
%width=250px% [[Bildlink | Bildadresse]]
>><<

 

 

Nach Festlegung der Breitenangabe (Pixel) wird der Link genannte, mit dem man das Bild anklicken kann. Doppelte eckige Klammer auf [[ , dann den Bildlink eintragen, einen Strich | setzen, die Bildadresse angeben, mit einer eckigen Klammer ]] schließen.

 

Bildlink

Das "Anklickziel", die Adresse auf die der Leser kommt, wenn der das Bild anklickt. Diese Adresse muss nicht mit der eigentlichen Bildadresse übereinstimmen, da es in der Regel sinnvoller ist, zu einer Seite zu verlinken, die das Bild im Zusammenhang zeigt und nicht nur das Bild alleine.

 

Beispiel (klassische Bildbeschreibungsseite)

Folgende Informationen sind hier für den Leser zugänglich:

  • Woher kommt das Bild ursprünglich?
  • Wer ist der Rechteinhaber/Ersteller?
  • Unter welcher Lizenz kann das Bild genutzt werden?
  • Gibt es höhere Auflösungen?

 

Bildadresse

  • Die Bildadresse ist die vollständige URL des Bildes. Die Adresse darf nichts anderes als nur(!) das Bild zeigen, sonst erscheint kein Bild.
  • Die Endung der Adresse muss .jpg, .jpeg, .gif oder .png lauten. Wenn sie fehlen, weiß SpiritualWiki nicht, dass der Auftrag einer Bilddarstellung gegeben wurde.

 

Tip: In der Regel erhält man die Bildadresse, wenn man ein Rechtsklick auf ein gezeigtes Bild macht. Alternativ, kann man sich auch das Bild selbst in einem neuen Fenster/Tab anzeigen lassen. Dann sieht man die Bildadresse in der URL-Zeile des Browsers.

 

Beispiel

Dies ist eine klassische Bildadresse. Sie endet auf .jpg und nichts anderes als das Bild wird angezeigt.

 

Bildtext

>>bildrechts<<
%width=250px% [[Bildlink | Bildadresse]] | Bildtext ggf. mit [[Link]]\\
Und einer zweiten Zeile
>><<

 

  • Einfach einen senkrechten Strich nach [[Bildlink|Bildadresse]] machen und den Beschreibungstext schreiben
  • Kann beliebig formatiert werden, Links sind möglich; mehrzeilig auch
  • Soll kein Bildtext angezeigt werden, dann ist auch kein senkrechter Strich | nötig

 


Dies ist ein gerahmter Bildtext.

 

 

  • %frame%: Macht einen netten Rahmen um den Bildtext. Formatierung geht nur für einzeilige Bildunterschriften!

Beispiel:

 

>>bildrechts<<
%width=250px% [[Bildlink | Bildadresse]] | %frame% Bildtext ggf. mit [[Link]]
>><<

 

Ende

Die Bildumgebung mit >><< schließen.

  • dieser Befehl steht alleine am anfang einer neuen Zeile

 

Beispiel

>>bildmitte<<
%width=180px% [[wpe:Image:The_Earth_seen_from_Apollo_17.jpg|http://upload.wiki
media.org/wikipedia/commons/thumb/9/97/The_Earth_se
en_from_Apollo_17.jpg/250px-The_Earth_seen_from_Apollo
_17.jpg]] | Dies ist der Bildtext. Gefunden auf [[http://comm
ons.wikimedia.org/wiki/Hauptseite | Wikimedia Commons]]
>><<

 


Dies ist der Bildtext.
Gefunden auf Wikimedia Commons

 

Die Erde aus der Sicht von Apollo 17

 

Hinweise zu Wikimedia Commons

Momentaner Stand: Alle Bilder, die in Wikimedia Commons zur Verfügung gestellt werden, sind Public Domain oder unterliegen freien Lizenzen, sind also auf SpiritualWiki nutzbar.

 

Die Bildbeschreibungsseiten auf Commons (auf denen das Bild plus zusätzliche Infos stehen) haben alle (so wie bspw. Wikipediaartikel auch) eine immer gleich aufgebaute URL-Adresse. Diese fängt immer an mit: wpe:Image:

 

Genau (und nur dieser Teil) kann mit commons: abgekürzt werden.

 

Achtung: Die Bildbeschreibungsseite nicht mit der eigentlichen Bildadresse verwechseln. Diese hat eine anderne Struktur!

 

Die Syntax sieht dann so aus:

 

>>bildrechts<<
[[wp:bildname | bildadresse]]
>><< 

 

 

Beispiel

 

 

Beispiel:

>>bildrechts<<
[[wpe:Image:Gerbera2.jpg|http://upload.wikimedia.org/wikipedia/commons/thumb/
7/7d/Gerbera2.jpg/100px-Gerbera2.jpg]]
>><< 

 

kann abgekürzt werden durch:

 

>>bildrechts<<
[[wp:Datei:Gerbera2.jpg|http://upload.wikimedia.org/wikipe
dia/commons/thumb/7/7d/Gerbera2.jpg/100px-Gerbera2.jpg]]
>><< 

 

Hinweis Grösse:
Bei Commons steht die Breite des Bildes in Pixeln (px) direkt in der Bildadresse drin. Siehe obiges Beispiel. Vor Gerbera2.jpg steht 100px. Diesen Wert einfach auf die gewünschte Größe anpassen. Damit vermeidet man, das entweder ein zu großes Bild geladen werden muss (was dann mit width doch nur klein angezeigt wird), oder dass ein zu kleines Bild hochskaliert wird und damit grobpixlig wird.

 

Hinweise zu Flickr

Bilder auf Flickr können unter copyright sein! Daher darauf achten, dass dort nicht © All rights reserved steht, dann darf es ohne persönliche Erlaubnis des Rechteinhabers nicht genutzt werden. Die nutzbaren Bilder sind hingegen mit Some rights reserved gekennzeichnet.

 

Für Links zu den Flickr Bildbeschreibungsseiten steht die Abkürzung flickr: bereit. Sie steht für http://www.flickr.com/photos/, dann kommt daran der Bildinhaber und die Bildnummer.

 

 

Bsp:

 

normal:

 

 
>>bildrechts<<
%width=150px% [[flhttp://www.flickr.com/photos/cherence1/
171017072/|http://static.flickr.com/46/171017072_1af1b20a2d.jpg]]
>><<

 

mit flickr: Abkürzung:

 

 
>>bildrechts<<
%width=150px% [[flickr:cherence1/171017072/|http://static.flickr.com/46/171017072_1af1b20a2d.jpg]]
>><<

 

Uploads – die aufwendigere Art Bilder einzubinden

Bilder, die nicht im Netz sind oder die auf Seiten sind, deren Inhalte schnell wechseln (und damit das Bild nicht mehr verfügbar ist) können von Paddel hochgeladen werden. Schicke ihm dazu das Bild bitte per Mail inklusiv der Nutzungserlaubnis vom Rechteinhaber.

 

Voraussetzungen:

  • Es gibt eine eindeutige Erlaubnis vom Rechteinhaber (entweder speziell für SpiritualWiki oder als eine allgemeine Lizenz bzw. Nutzungsbestimmung)
  • das Bild bitte eindeutig bezeichnen, z.B. flickr_Autor_Bildnummer oder commons_Bildname (siehe hierzu auch Uploads)
  • die im Seitenverhältnis kürzere Seite bitte auf 250 Pixel skalieren

 

Nach dem Hochladen vom Admin liegen diese Bilder dann unter
de.spiritualwiki.org/Wiki/Uploads

 

Syntax

>>bildrechts<<
%width=150px% [[Bildlink | Attach:bildname]] | Bildtext
>><< 

 

Attach mit großem Anfangsbuchstaben!

 

 

Der Bildlink kann auch weggelassen werden:

 

>>bildrechts<<
%width=150px% Attach:bildname | Bildtext
>><< 

 

Beispiel

 

>>bildrechts<<
%width=150px% [[wpe:Image:Gerbera2.jpg | Attach:commons_Gerbera2.jpg]]
>><< 

 

Besonderheiten

Wenn Du das Bild nicht in der allgemeinen Wiki, sondern

  • z.B. im Spezial Hawkins
  • auf einer der internen Seiten (Spiritualwiki Hilfeseiten)
  • oder auf den Autorenseiten

einbinden möchtest, ist ein Wiki/ nach dem Attach: und vor dem Bildnamen nötig:

 

 >>bildlinks<<
[[wpe:Image:Gerbera2.jpg|Attach:Wiki/com
mons_Gerbera2.jpg]] 
>><< 

 

Bilder und Rechte

SpiritualWiki achtet die Leistung anderer!
Bei Übernahme von fremden Inhalten (Bild & Text) ist erhöhte Vorsicht geboten: Darf ich das überhaupt? Und zweitens, was habe ich bei einer Nutzung zu beachten (z.B. Nennung/Verlinkung des Rechteinhabers, Bereitstellung des Lizenztextes etc.)

 

Auch bei sogenannten freien Inhalten, wie z. B. Texte der Wikipedia oder Bilder von Wikimedia Commons, ist auf die jeweiligen Lizenzbestimmungen zu achten!

 

Für Bilder auf SpiritualWiki gilt:
Jedes Bild, dass auf SpiritualWiki angezeigt wird, muss frei sein (d.h. public domain oder eine entsprechende Lizenz zur Benutzung besitzen) oder es liegt eine Genehmigung vor (z.B. per Mail oder eine Nutzungserlaubis in Form von generellen Nutzungsbedingungnen auf der Homepage des Rechteinhabers)!

 

Für die Nennung des Rechteinhabers bzw. der Lizenz können Links verwendet werden (bspw. indem man das Bild selbst anklickbar macht). Bei vielen Bildern (bspw. von Wikimedia Commons oder Flickr) bietet es sich an, auf die Original-Bildbeschreibungsseiten zu verweisen. Dort ist das Bild dargestellt, der Rechteinhaber wird genannt und die Lizenz angegeben. Im Allgemeinen hat man mit diesem Linkverweis die Lizenzbestimmungen schon erfüllt.

 

(Beachte dabei, dass die Bild-URL und die URL der Beschreibungsseite zwei verschiedene Adressen sind. SpiritualWiki kann nur Bilder von anderen Seiten darstellen, wenn die Adresse auf das reine Bild zeigt.)

 

Wikipedia als großes Wikiprojekt enthält eine Fülle von Informationen zum Thema Bildrechte und Lizenzen. Dies kann hier nicht alles erläutert werden.

 

Alles zu kompliziert?:
Copyrights, also die Wahrung von Rechten Dritter ist teils kompliziert und verworren. Wem die Beschäftigung damit zuviel ist, der läßt Inhalte von Dritten einfach weg und schreibt nur eigene Texte (kurze Zitate sind dabei natürlich erlaubt).

 

Interne Links

 

 

 
Letzte Bearbeitung:
05.09.2017 um 19:51 Uhr

Page generated in 0,307 seconds.