Navigation für Fortgeschrittene:

Nebenstehende Grafik ist eine eingebettete SVG-Datei. Thematisch Fortgeschrittenen erschließt sie einen Schnellzugang zu den aktuellen Infos.

Wie in jeder SVG-Datei können Sie mit einem Maus-Klick und zusätzlichem Drücken bestimmter Tasten in die Grafik hineinzoomen [Ctrl] oder [Strg], herauszoomen [Umschalt+Strg] oder die Grafik verschieben [Alt]. Die ursprüngliche Größe erreichen Sie mit einem Refresh (Seite aktualisieren).

Was ist Skalierbare Vektor Grafik?

SVG ist eine neue XML-basierte Seitenbeschreibungssprache für flache 2-dimensionale Anzeigen auf Bildschirmen oder Papier, die Vektor-Formen, Pixelbilder und Text erzeugt, verwaltet und anzeigt. Beliebige Objekte lassen sich gruppieren, stylen, transformieren und in andere Objekte integrieren. Text ist als Text such-, find- und ansteuerbar.

Eine SVG-Datei ist eine in jedem einfachen Editor lesbare Textdatei, die von einem Browser-Plugin interpretiert und angezeigt wird (ähnlich HTML-Seiten). SVG-Grafik kann dynamisch und interaktiv sein, so lassen sich z.B. (auch ohne Javascript) einfach Mouse-Overs oder die Verlinkung zu anderen SVG- oder normalen HTML-Seiten herstellen.

Aber der größte Vorteil von SVG ist ihre Skalierbarkeit: Text bleibt endlich scharf wie nie gesehen, dünne Linien behalten ihre Präzision auch bei starker Vergrößerung.

Dabei ist SVG im Gegensatz zu Flash ein offener Standard, der sich in das vom W3C verabschiedete Modell der XML-Inhaltsbeschreibung nahtlos einfügt und Austauschbarkeit und Referenzierung über das gesamte Document Object Model (DOM) bietet. Das heißt: die Grenze zwischen Kurven-Datei und HTML-Umfeld ist endlich weg.

SVG wird seit 3 Jahren entwickelt und steht gerade erst am Anfang seines wahrscheinlichen Siegeszuges, wird es doch das Internet ebenso stark verändern, wie es Postscript vor 15 Jahren mit der Druckvorstufe getan hat.

Grundsätzliches zu diesem Kurs


Skalierbar heißt, dass ein Objekt (fast) beliebig vergrößert werden kann, ohne an Darstellungs-Qualität zu verlieren.

Vektoren sind eigentlich Pfeile mit bestimmter Länge und Richtung, hier stehen sie für Kurven, die die Umrisse eines Objektes beschreiben. Mit dieser "Umriss"-Beschreibung lassen sich beliebige Formen definieren. Diese Formen können Attribute haben wie Füllung, Linienstärke, Opazität oder auch ein Verhalten wie Mouse-Over, Hyperlinks oder eine zeitlich genau definierte Veränderung erfahren.

XML ist eine offene Sprachnorm zur Organisation von Inhalten.

Verbesserungsvorschläge für diesen Kurs sind übrigens herzlich willkommen. Schicken Sie mir einfach eine eMail.

Im nächsten Kapitel erstellen Sie folgende Übungsdatei:
 


Fünf vor Ganz (5vg): Wichtiger Hinweis zu allen Links...
Das Landgericht Hamburg hat in einem Urteil vom 12.Mai 1998 (Az.: 312 0 85/98) entschieden, dass die Anbringung eines Links dazu führen kann, dass der Verlinkende die Inhalte der Seite, auf die er verlinkt, ggf. mit zu verantworten hat, es sei denn, er schließt diese Verantwortung ausdrücklich aus: Auch wenn wir große Sorgfalt darauf verwenden, qualitativ gute Links anzubieten, erklären wir hiermit, dass wir für die Inhalte der verlinkten Sites keine Verantwortung übernehmen und uns diese nicht zu eigen machen. Diese Erklärung gilt für alle auf 5vg.de angebrachten Links. (M.Baierl)