Grafik - allgemein

Grafikformate

Zwei pixelorientierte Formate - *.gif und *.jpg - werden im Internet verwendet, die auch im Browswefenster angezeigt werden. Das *.png Format ist noch in Entwicklung.

a. Das GIF - Format
Dieses Format mit der Dateiende ***.gif hat drei effektvolle Möglichkeiten:

1. Die Grafik kann schichtenweise gespeichert und geladen werden (interlaced),was den Vorteil hat, dass sehr schnell ein unscharfes Bild erscheint, welches immer schärfer wird. Die Ungeduld des Betrachters wird schnell befriedigt :-)!
2. Dadurch, dass mehrere Grafiken in eine Datei gespeichert werden können, sind effektvolle bewegliche Bilder möglich (daumenkinoartig).
Baustelle Zahnräder Kaffeepause ist jetzt angesagt!
3. Eine Farbe der Grafik kann transparent gemacht werden, sodass die Hintergrundfarbe durchscheint.
4. Bewegliche GIF-Bilder gibt es wie Sand am Meer im WWW. Wenn man jedoch selber eine bewegliche Grafik oder eine Art Diashow herstellen will, benötigt man eigene Programme.

Da nur 256 Farben abgebildet werden, ist das GIF - Format für Fotos oder andere starkauflösende Bilder nicht so gut geeignet.
Im WWW gibt es sehr viele Homepages mit kostenlosen animierten GIF-Dateien:
Free Clipart-Graphics.net - 10,000+ Images

b. Das JEPG - Format
Das JEPG - Format (Dateiendungen sind ***.jpg, ***.jpeg oder ***.jpe) komprimiert die Bilddatein sehr gut, hat jedoch den Vorteil, dass 16,7 Mill. Farben gespeichert werden können. Jedoch je höher komprimiert wird, dasto mehr Verluste treten auf und desto schlechter wird die Grafik. Es eignet sich für gescannte Fotos und für Bilder mit sehr hohen Farbnuancen.
Einstellbar sind jedoch zwei Parameter:

Die Bildpunktdichte: Ein Wert von 70 - 100 dpi (=dots per inch)reichen für eine gute Darstellung im WWW.
Die Kompression: Für eine gute Bildqualität sollte der Wert von 5 - 10 ausreichen. Bei zu hoher Kompression leidet dann die Bildqualität.

Die Kompression ist zu hoch daher die schlechte Bildqualität (Bild anklicken).

c. Das PNG - Format
Dieses Format soll dann die Vorzüge des GIF und JEPG Format vereinen.

Beide Formate (GIF, JEPG) erzeugen die Bilder pixelmäßig, d. h. es werden Bildpunkte mit diversen Farben aneinandergereiht. Jedoch für viele Fälle sind vektororientierte (Linien und Flächen) Grafiken besser (3D-Effekt. Farbvelauf).
Wenn man solche Grafiken herstellen will braucht man z. B. Coral Draw oder Paintshop pro. Letzteres ist als Shareware viel billiger, sehr gut und für unsere Zwecke mehr als ausreichend.
Um Vektorgrafiken ins GIF oder JEPG - Format zu bringen muss man die Datei konvertieren. Mit Paintshop pro soll man überhaupt ein Vektorbild nehmen können und gleich als GIF oder JEPG Datei abspeichern können. Paint Shop Homepage

Grafikarten

a. Buttons
Die Buttons dienen vorwiegend, um Verweise besser darzustellen. Da es hier noch keinen Rückverweis auf die Homepage gibt werde ich das austesten. Die Buttongrafik ist die gleiche wie auf der Homepage - nur verkleinert.

Der Befehl lautet:
<a href="index.html"><img src="Pix/cooltext1196.jpg" width="94" height="28" border="0" alt="Homepage"></a>

b. Dots
Dots sind kleine punktartige Zeichen, wodurch Texte übersichtlicher werden. Man könnte z.B. überall dort wo eine Anmerkung steht so ein Zeichen setzen. Für eine Funktion sollte es aber immer einen bestimmten Dot geben.

Der Befehl lautet:
<img src="Pix/dot.gif" width="18" height="18" border="0" alt="">

Anmerkung: Dieser Dot wird ab nun die Anmerkungen kennzeichnen.

c. Bars (Trennlinien)

Solche Trennlinien findet man im Internet, man könnte sie jedoch auch mit einem Grafikprogramm selber machen.

<img src="Pix/xbar03.gif" width="620" height="8" border="0" alt=""></font></b>

d. Wallpaper (Hintergrundbild)

Also bei solchen Hintergrundbildern muss man auf eines wirklich achten - die Lesbarkeit des Textes darf nicht beeinträchtigt werden. Der Befehl wird dann an Stelle der Hintergrundfarbe im body - Anfangstag eingetragen.
Der Befehl lautet: <body background="datei.gif">
Interessant ist die Möglichkeit eines unbeweglichen Hintergrundbildes; die Schrift gleitet über das feststehende Hintergrundbild.
<body background="datei.gif" bgproperties=fixed>

e. Symbole und Cliparts

Die Symbole dienen der Struktuierung des Textes. Cliparts sind meist lustige Auflockerungen eines Textes.

f. Thumbnails (Vorschau-Grafiken)

Darüber kann man das Wichtigste bereits im vorherigen Kapitel lesen. hier klicken