Dazu sind 3 Schritte notwendig:
1. Aufbereiten für's Web
Das kann jeder Autor selbst machen - soweit bekannt ist wie so etwas funktioniert.
Oder aber die Aufgabe wird dem Supervisor überlassen.
Es geht darum den Speicherbedarf für Bilder bei möglichst hoher Bildqualität gering zu halten, damit die Ladezeit nicht zu hoch ist, denn wer wartet schon gerne auf den Aufbau einer Seite. Es geht hierbei nicht um die Größe der Bilder in Bezug auf Höhe und Breite.
Es können nur Bilder des Formats JPG hochgeladen werden.
GIFs werden aus urheberrechtlichen Gründen nicht unterstützt.
2. Hochladen auf die Website
Das kann jeder angemeldete Autor von der Seite
Bilder verwalten aus machen. Dort gibt´s auch eine Liste aller Bilder, die bereits zur Verfügung stehen.
3. Integrieren in eine Seite
Das kann jeder Autor mit Bearbeitungsrecht für die jeweilige Seite machen.
Beim Bearbeiten einer Seite kann dann z.B. folgendes eingegeben werden:
[[ahoi.jpg|auf hoher See|<|400|600]]
Die Angaben zum Bild sind in 2 eckige Klammern eingeschlossen und durch senkrechte Striche getrennt.
Es gibt maximal 5 Einzelangaben, deren Reihenfolge wichtig ist:
- [1] der Name der Bilddatei, z.B. ahoi.jpg
- [2] der Text der angezeigt wird, wenn man mit der Maus über das Bild fährt oder wenn das Bild aus technischen Gründen nicht angezeigt werden kann, z.B. auf hoher See
- [3] die Position des Bildes, < linksbündig, ! zentriert oder > rechtsbündig
- [4] die Breite des Bildes in Pixel oder Prozent, z.B. 400 bzw. 100%
- [5] die Höhe des Bildes in Pixel, z.B. 600
Tipps
- Von den 5 Werten müssen nicht alle angegeben werde.
- Werden die Breite und Höhe nicht angegeben, wird das Bild mit den Maßen in die Seite integriert, mit denen es hochgeladen wurde. Es reicht also z.B. [[ahoi.jpg|auf hoher See|<]]
- Soll das Bild andere Maße bekommen, reicht es die Breite anzugeben, z.B.: [[ahoi.jpg|auf hoher See|<|200]]. Die Höhe wird dann automatisch ermittelt.
- Wird keine Position angegeben, wird das Bild linksbündig augerichtet, z.B.: [[ahoi.jpg|auf hoher See||200]].
- Der Text muss nicht angegeben werden. Wenn aber trotzdem die Position bestimmt werden soll, muss durch die senkrechten Striche klargemacht werden, dass die Position die 3. Angabe ist. Also z.B. [[ahoi.jpg||>]]
- Es geht auch ganz einfach: [[ahoi.jpg]]. So kommt das Bild ohne zugehörigen Text in Originalgröße nach links.
- Bei der links- oder rechtsbündigen Ausrichtung beginnt der Text neben dem Bild. Ab der eingefügten Markierung [/] läuft der Text unter dem Bild weiter.
- Auch Bilder nebeneinander sind möglich, z.B.: [[ahoi.jpg||>]][[nixe.jpg||>]]. Soll der Freiraum zwischen den Bilder etwas größer werden kann ein transparentes Bild zum Abstandhalten eingefügt werden. Das schreibt man z.B. so: [[ahoi.jpg||>]][[frei.png||>|20]][[nixe.jpg||>]]
es folgen ein paar Beispiele . . . . . . .
Bild links
[[liftoff4.jpg|Sula fly|<|200]]Bild links Text rechts .....
Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts
nur etwas Text rechts daneben
[[liftoff4.jpg|Sula fly|<|200]]Bild links Text rechts .....
[/]unter dem Bild geht´s weiter und weiter und weiter
Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links Text rechts Bild links
unter dem Bild geht´s weiter und weiter und weiter
gar kein Text neben dem Bild
[[liftoff4.jpg|Sula fly|<|200]]
[/]unter dem Bild geht´s weiter und weiter und weiter
unter dem Bild geht´s weiter und weiter und weiter
2 Bilder rechts in Höhe 100px
[[liftoff4.jpg||>||100]][[clouds-x.jpg||>|300|100]]Bilder rechts Text links .....
Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links
die beiden Bilder mit 20px zusätzlichem Freiraum dazwischen
[[liftoff4.jpg||>||100]][[frei.png||>|50|1]][[clouds-x.jpg||>|300|100]]Bilder rechts Text links .....
Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links Bilder rechts Text links
die Gannets in ganzer Breite
[[liftoff2.jpg|fly||100%]]
die Gannets zentriert
[[liftoff4.jpg|in der Mitte|!|400]]
oder
[!][[liftoff4.jpg|in der Mitte||400]][!]
und mit Link versehen und anklickbar gemacht
[!][[http://www.newfoundlandandlabradortourism.com|liftoff4.jpg|Newfoundlandand||200]][!]

© Holly
Enno und Nelly
Goto
[Patti Smith]?
Gannets & Clouds, 1990, Neufundland © Folker Behrens
Druckversion
| Seite aktualisiert am 13.05.2011 23:02:59