E-Book Startseite Karteikarten-Programm
0

Bilder und Grafiken

Ein Hauptbestandteil einer Webseite sind Bilder. Egal ob Logo, Banner, Foto, Pfeile, Schriftzüge etc. (Beispiele siehe unten). Für jeden Webseitenbesucher sind Bilder wichtig, denn nur allein Text ist "langweilig" und schreckt viele Besucher ab. Viele Bestandteile einer Webseite sind Bilder, auch wenn man Sie nicht immer auf den ersten Blick als "Bild" bezeichnen würde. Alles was in den Programmiersprachen nicht möglich ist (z. B. ein spezieller Schriftzug) muss mit einem Bild gemacht werden. Der Besucher sieht aber in diesem Fall nur einen Schriftzug.
Beispiele:
Logo Banner Beispiel Foto Pfeil Beispiel Schriftzug


animierte Bilder und Grafiken

Ein weiterer Teil der Bilder bzw. Grafiken sind die animierten Bilder bzw. animierten Grafiken. In animierten Grafiken, wie der Name schon sagt, bewegt oder verändert sich etwas am Bild. Mit manchen Bildbearbeitungsprogrammen können solche Grafiken erstellt werden (mehr zu diesen Programmen im Bereich "Software"). Ein animiertes Bild besteht aus verschiedenen Einzelbildern, die dann in verschiedene Ebenen gesetzt werden und dann in eine Animations-Datei (meistens wird GIF verwendet) abgespeichert wird. Bei animierten Bildern kann es sich z. B. um Farbveränderungen oder um blinkende Schriftzüge handeln. Wir haben für Sie 2 einfache Beispiele.
Beispiele:
Farbspiel Farbspiel


Favicon

Viele Webseiten heutzutage haben ein sogenanntes Favicon. Ein Favicon ist ein kleines Bild, das in den Internetbrowsern meistens links neben dem Titel zu finden ist (siehe Bild). Dieses Bild ersetzt dann z. B. das Internet-Explorer-Bild. Durch das Erstellen eines Favicons wirkt die Webseite "professioneller", deswegen können wir das Favicon allen empfehlen.

So erstellen Sie ein Favicon:
Verwenden Sie ihr Logo (Wichtig: Das Bild muss Quadratisch sein!) und öffnen Sie es mit einem Bildbearbeitungsprogramm (das Programm sollte Bilder verkleinern können). Verkleinern Sie das Bild nun auf die Größe 32 x 32 Pixel. Das Bild muss nun als ICO-, PNG- oder GIF-Datei gespeichert werden (Wichtig: Bitte beachten Sie die Kompatibilität der Browser » siehe Tabelle). Jetzt muss die Datei nur noch auf dem Webserver gespeichert werden und ein Link in die HTML-Datei eingefügt werden (siehe HTML-Kurs - Aufbau einer HTML-Seite).
Beispiele:
Titelanzeige Favicon

Untersützung der Dateierweiterungen der Browser:

Browser ICO-Datei... GIF-Datei... PNG-Datei...
Microsoft Internet Explorer ... wird unterstützt ... wird nicht unterstützt ... wird nicht unterstützt
Mozilla Firefox ... wird unterstützt ... wird unterstützt ... wird unterstützt
Google Chrome ... wird unterstützt ... wird unterstützt ... wird unterstützt
Opera ... wird unterstützt ... wird unterstützt ... wird unterstützt
Safari ... wird unterstützt ... wird unterstützt ... wird unterstützt

Design:
 


Logo
Benjamin Jung
Krummstr. 9/3
73054 Eislingen

E-Mail: info@homepage-webhilfe.de
Webseite: www.homepage-webhilfe.de