Grafiken in HTML-Dateien einbinden

Grafiken in HTML-Seiten einzubinden, ist nicht sonderlich schwer. Es gibt jedoch verschiedene Dinge zu beachten:

Grafikformat

Verwenden Sie Grafiken, die in den Formaten GIF, JPEG (Endung JPG, JPE oder JPEG) oder XBM vorliegen. Diese Grafikformate werden von den gängigen Webbrowsern verstanden, so daß Sie auch sicher sein können, daß man Ihre Grafiken auch sieht. Liegen diese Formate in einem anderen Format vor, sollten Sie sie in eines der drei Formate konvertieren. Geeignete Programme auf dem Atari wären Gemview und Zeig's Mir, auf dem PC ist es das Sharewareprogramm Paint Shop Pro und der Mac wartet mit dem Programm Grafikkonverter auf, das ähnliche Dienste leistet.

Größe

Aufgrund der derzeitigen geringen Geschwindigkeit des WWW sollten Grafiken möglichst klein sein (damit ist natürlich die Dateigröße gemeint!). Eine bestimmte Länge vorzuschreiben fällt hier schwer, aber Sie eine Seite voller Grafiken haben, sollten Sie den Benutzer vorher darauf hinweisen, daß die folgende Seite sehr grafikintensiv ist und somit auch länger zum herunterladen braucht.

Einbinden von Grafiken

Befindet sich die Grafik im gleichen Verzeichnis wie die HTML-Datei, wird die Grafik wie folgt referenziert:
Beispiel
<img src="bild.gif">
Das Tag img src= sorgt dafür daß das Bild im Browser angezeigt wird. Der Dateiname wird dabei immer in Anführungszeichen geschrieben, der Befehl wird wie auch jedes andere Tag von Spitzklammern umschlossen. Im Beispiel würde das Bild 'bild.gif' angezeigt werden.
Etwas anders sieht es aus, wenn sich das Bild in einem anderen Verzeichnis befindet. Nehmen wir einmal an, Sie hätten ein Hauptverzeichnis in dem sich alle HTML-Dateien befinden und ein Unterverzeichnis speziell für die Bilder:
Beispiel
<img src="bilder/bild.gif">
Das Beispiel zeigt das Bild 'bild.gif' aus dem Verzeichnis 'bilder' an. Die Pfadangabe wird immer aus der Sicht der HTML-Datei gesehen. Statt dem auf Atari und PCs üblichen Backslash '\' als Trennung für Pfadnamen wird der auf Unix-Rechner übliche Slash '/' verwendet. Unabhängig von dem Rechner auf dem die HTML-Seite liegt, wird immer der Slash verwendet!
Die Pfad-Verästelung kann man jedoch weitertreiben, z.B. kann man eine Grafik ansprechen, die eine Verzeichnisebene tiefer liegt als die HTML-Datei:
Beispiel
<img src="../bild.gif">

Alternativer Text

Viele Benutzer schalten beim 'Surfen' durch das Internet die Grafiken aus, damit sie schneller an die gewünschten Informationen kommen. Damit diese trotzdem erfahren, was die Grafik zeigt, gibt es die Möglichkeit, alternativen Text zu plazieren. Dieser Text wird nur angezeigt, wenn es - aus welchen Gründen auch immer - nicht möglich ist, die Grafik anzuzeigen.
Beispiel
<img src="bild.gif" alt="Alternativer Text">
Mit alt= wird ein alternativer Text definiert. Dieser Text darf keine HTML-Befehle enthalten und muß in Anführungszeichen stehen!
Wie man Grafiken ausrichtet, erfahren Sie im nächsten Kapitel.
Start * Das WWW * Inhalt