Crashkurs Homepage         Inhalt         rückwärts - Seite 8 - vorwärts

Crash-Kurs Homepage: mein erstes Bild im Internet

Was immer man auf einer WWW-Seite sieht, beruht auf einer HTM-Datei mit HTM-tags. Deshalb werden auch Bilder mit tags eingefügt. Ein Bild muss in Form einer Datei in einem zulässigen Format vorliegen. Die beiden meistverwendeten Formate sind "GIF" und "JPG (JEPG)". Damit Bilder dieses Format haben, muss man sie mit einem Bildbearbeitungsprogramm unter dem entsprechenden Datei-Typ speichern. Oft hat man auf dem Computer schon viele solche Bilder, oder man kann sie im Internet suchen und kopieren. Wenn Sie keine Datei mit der Endung .jpg auf Ihrem Computer haben, suchen Sie im Internet irgendeine Seite mit einem Bild. Sie stellen den Cursor auf das Bild und klicken die rechte Maustaste. Dann speichern Sie das Bild mit einem Namen (zb "merlin.jpg") in den Ordner Ihres Computers, in welchen Sie auch die .htm-Dateien speichern.

Oeffnen Sie eine Ihrer htm-Dateien im Editor und fügen Sie folgenden Befehl für die Anzeige eines Bildes an einem beliebigen Ort innerhalb der <body></body>-Klammer ein:
 
<img src="merlin.jpg">
 
Nachdem Sie die Datei gespeichert und im Browser neu aufgerufen (aktualisieren) haben, sehen Sie dann:

          

Die Bild-Datei (hier merlin.jpg) muss natürlich wie jede Datei auch mit FTP auf den Server kopiert werden, damit die Sache funktioniert.

Man kann die Bilder im gleichen Ordner speichern wie die .htm-Dateien. Ich mache für Bilder jeweils einen eigenen Ordner, den ich beispielsweise "images" nenne, weil das so üblich ist. Dann muss ich den Ordnernamen vor den Bildnamen setzen, also beispielsweise <img src="images/merlin.jpg"> schreiben.

Diese Ordner-Philosophie kann man natürlich auch für gewöhnliche Dateien, die zusammengehören, verwenden. Es ist dieselbe Logik, die auf jedem PC verwendet wird.

 

Jetzt wissen Sie, wie Bilder auf eine Seite gesetzt werden, jetzt lernen Sie noch, wie man die Seiten verlinkt und wie man sie layouten kann: weiter.