Grundsätzliches

Dieser kleine Kurs soll Ihnen helfen, sich eine "Neue Welt" im Web-Design zu erschließen. Er beginnt da, wo HTML aufhört.

Dabei ist er wie eine kulinarische Köstlichkeit strukturiert, mit vielen kleinen Happen zum Zwischendurchessen: Die Aufteilung in praxistaugliche Kapitel erleichtert das "Nachschlagen" bestimmter Problematiken und bietet Ihnen einen sinnvollen Weg durch die neue Materie.

Probieren geht über studieren?

Natürlich braucht heute fast jede neue Entwicklung auch eine Theorie derselben, und sei es auch nur dafür, dass sich alle Beteiligten damit immer wieder daran erinnern lassen, wofür der ganze Aufwand denn eigentlich gut sein soll.

Deshalb steht hinter SVG natürlich auch eine ganz moderne, ausgefuchste Theorie, (man nennt sie auch XML), aber um Sie nicht zu langweilen, werden Sie hier nur selten damit gepiesackt.

Trotzdem gibt es natürlich einige sehr gute Bücher, die interessierten  VolleintaucherInnen ein umfassendes Studium der Materie ermöglicht.

Die meisten dieser gedruckten Werke sind in englischer Sprache erschienen, aber neben dem empfehlenswerten Praxisbuch von Alexander Adam (SVG – Scalable Vector Graphics, Hardcover, 550 Seiten, Franzis Verlag, ISBN: 3772361900) vom August 2002 dürften in den kommenden Monaten auch vermehrt deutschsprachliche Erzeugnisse den Weg aus den Druckmaschinen finden.

Also, nichts gegen Bücher. Das Ziel von SVG ist allerdings die praktische Anwendung. Deshalb sollten Sie sich nicht nur in Papiere vergraben, sondern ganz konkret eigene SVG-Dateien erstellen, fremde modifizieren und Schritt für Schritt vorgehen.

Dazu brauchen Sie nichts weiter als einen Text-Editor und einen SVG-fähigen Internet-Browser (z.B.: Internet Explorer 6 mit Adobe SVG-PlugIn 3).

Übung 1:
Kopieren Sie sich den folgenden Text in ein leeres Blatt Ihres Texteditors, speichern Sie die Datei als ueb1.svg in ein neues Verzeichnis Ihrer Wahl und doppelklicken Sie diese im Explorer:

Wenn Sie nichts sehen oder nur den kopierten Text, liegt das vielleicht an Ihrem Browser, der versteht einfach kein SVG. Laden Sie sich das PlugIn dafür bei nebenstehendem Link herunter und probieren Sie es noch einmal.

Oder beim Übertragen des Textes sind Ihnen Zeilenumbrüche oder Leerzeichen dazwischen geraten. Wie Sie aus HTML ja sicher schon kennen, sind Leerzeichen in Web-Adressen z.B. sehr schädlich. Überprüfen Sie Ihre Editordatei einmal daraufhin.

Wenn Sie aber in Ihrem Browser die SVG-Logo-Grafik sehen, dann: Glückwunsch! Sie haben eben gerade Ihr erstes SVG produziert.