Grafik

Definition	analysieren	bekommen
beschriften	erstellen	komprimieren
schützen	unterscheiden	verwenden

Was ist eine Grafik?

Die Grafik ist ein Bild.

Wie kann man eine Grafik analysieren?

siehe Grafiksoftware

Wie kann man in Grafiken versteckte Infos finden?

Metadaten

Wo kann man Grafiken bekommen?

Wie kann man eine Grafik beschriften?

alt

Das alt-Attribut in <img src="bildname.jpg" width="100px" height="50px" alt="Bildname"> gibt dem Bild einen Bildnamen als Text.
alt ist wichtig für Suchmaschinen.
alt kann auch wichtig sein, wenn man seine Bilder im Google-Index bei den Bildern listen will.
alt soll man benutzen für eine gute Suchmaschinenoptimierung.

Beispiel:

Nur für die Suchmaschine zu sehen

title

Das title-Attribut in <img src="bildname.jpg" width="100px" height="50px" title="Bildbeschreibungstext"> gibt dem Bild einen Text.
title ist wichtig für Suchmaschinen.
title gibt eine Beschreibung, wenn man mit der Maus über dem Bild stehen bleibt.
Die Anzahl der angezeigten Zeichen ist aber begrenzt.

Beispiel:

Mouse over Textfeld

Wenn man mit der Maus über einem Bild stehen bleibt, erscheint ein Text.
Man schreibt CSS Befehle:

<style>
div.textkasten .layer {
  display : none;
}
div.textkasten:hover .layer {
  display : block;
  position : absolute;
}
</style>

Da wo der Text erscheinen soll schreibt man:

<div class="textkasten">
Das hier sieht man, wenn die Maus weg ist
<div class="layer">
Das hier sieht man, wenn man mit der Maus über der Grafik ist
</div>
</div>

Beispiel:

Das hier sieht man, wenn man mit der Maus über der Grafik ist. Man kann richtig viel Text schreiben und auch andere Bilder oder andere Elemente, wie z.B. Links, einfügen. Mit dem CSS kann man gesstalten.