Webdesign 11

Einbinden von Grafiken

Die Möglichkeiten sind vielfältig und man riskiert riesengroße Dateien, die ein Ärgernis für all diejenigen Betrachter sind, deren Downloadgeschwindigkeit klein ist:
Zu Demonstrationszwecken sind hier dennoch einige Bilder eingebunden.



Variante 1: Man setzt einfach einen Link zum Bild:

Kirschbaumblüte


Variante 2: Man bindet das Bild in eine Tabelle ein, die im StyleSheet entsprechend formatiert wird:

Eine Rose


Variante 3: Im Gegensatz zu den beiden ersten Möglichkeiten ist hier das Bild nicht über das Kontextmenü (rechte Maustaste über dem Bild gedrückt) runterladbar, sondern es ist über das Stylesheet eingebunden. Bei vielen Fotos/Grafiken wird bei dieser Methode das Stylesheet sehr groß.



Variante 4: Man möchte viele Bilder/Fotos zeigen und gestaltet eine Galerie, die dann aus mehreren HTML-Seiten besteht und etwas aufwändig ist.
Ein solches Beispiel ist HIER in einem neuen Fenster zu sehen.

Variante 5: Man bindet ein Hintergrundbild ein. Ein Beispiel dafür ist der Farbverlauf hinter diesem Container. Im BODY-Container wird das Bild mit background: url('bgbild.jpg') repeat; eingebunden.


© 2011 Asti PoVRay-Site Mathematische Streiflichter Algorithmische Kunst