Webseiten erstellen Browser zeigen das Web Viele einzelne Publikationen Text ist die Basis Blick auf bits und bytes HTML beschreibt das Web Bau einer HTML-Seite Ihre erste HTML-Seite Ihr eigenes Mini-CMS Ausgestaltung von HTML-Befehlen Bilder einbinden Bildformate beachten Bilder aus dem Internet Seitengestaltung mit CSS Einfache Dynamik mit JavaScript AJAX im Web 2.0 HTML-Editoren

Bilder einbinden

Nachdem Sie nun eine Reihe erster Webseiten erstellt haben, sollten Sie diese noch mit Bildern gestalten.

Bedenken Sie bei der Einbindung von Bildern immer, dass Sie die Bilder vor der Einbindung in Ihre Webseite auf die passende Größe skalieren sollten. Verwenden Sie dazu ein Bildbearbeitungsprogramm. (siehe auch folgende Seite)

Legen Sie sich nun also einige Bilddateien in Ihren Arbeitsordner. Sie können für die Bilder auch einen eigenen Unterordner erstellen.

Bilder publizieren

Bedenken Sie schon jetzt, dass Sie Ihre Bilder später einzeln auch im Internet publizieren müssen. Ihre HTML-Seiten werden die Bilder zwar verknüpft darstellen, die HTML-Seiten beinhalten die Bilder jedoch nicht. Jede Bilddatei muss später auf Ihren Webserver kopiert werden. Dabei müssen Sie online die gleiche Verzeichnisstruktur nutzen, wie auf ihrem lokalen Rechner. Bilder Sie sie nun also in einem Ordner Bilder ablegen, müssen auch später online in einem solchen Ordner liegen.

Bilder einbinden

Der HTML-Befehl für die Einbindung eines Bildes in Ihre Webseite lautet „<img />“. Damit auch klar wird, welches Bild gezeigt werden soll, müssen Sie zudem wieder den Pfad zum Bild angeben:

<img src=“bilder/bild1.jpg“>

Versuchen Sie nun eines Ihrer Bilder in eine Ihrer Webseiten einzubinden.

Fremde Bilder einbinden

Da wie zuvor beschrieben jedes Bild im Internet eine eigene Publikation darstellt, können Sie auch fremde Bilder in Ihrer Webseite darstellen. Ermitteln Sie dazu die Webadresse eines beliebigen Bildes, indem Sie im Webbrowser die Maus über das Bild bewegen, die rechte Maustaste drücken und die Eigenschaften dieses Elements aufrufen. Dort finden Sie auch die Adresse der Grafik. Diese können Sie nun als „src“ (source / Quelle) in Ihrer eigenen Webseite nutzen.

Urheberrecht beachten

Die Einbindung fremde Bilder wird hier nur aufgezeigt, um die technischen Zusammenhänge darzustellen. Stellen Sie vor einer Einbindung fremder Bilder in Ihre Webseite sicher, dass der Ersteller bzw. Rechteinhaber des Bildes mit dieser Aktion einverstanden ist. Anderenfalls verstoßen Sie mit einem solchen Schritt vielleicht gegen das Urheberrecht, das zu hohen Strafen führen kann!