Willkommen bei SelfSVG
Sie finden hier ein Tutorial, welches sich zur Aufgabe gemacht hat Einsteigern, aber auch fortgeschrittenen Anwendern, den offenen Grafikstandard SVG (Scalable Vector Graphics) etwas näher zu bringen. Mit SVG, welches mit dem proprietären Shockwave Flash-Format (SWF) der Firma Macromedia konkurriert, lassen sich auf eine ziemlich einfache Weise Vektorgrafiken für das World Wide Web (WWW) erstellen.
Um den Einstieg in diese Website ein wenig zu erleichtern, folgen einige Erläuterungen zu den Einträgen der Navigationsleiste.
- Momentan befinden Sie sich auf der Startseite von SelfSVG. Hier werden Informationen rund um diese Website zur Verfügung gestellt.
- Im Inhaltsverzeichnis befinden sich Verweise auf alle Kapitel und Unterkapitel des Tutorials. Wenn Sie mit Ihrer SVG-Tour beginnen möchten, sind Sie hier genau an der richtigen Stelle.
- Hinter dem Menüpunkt Links verbirgt sich eine Linkliste mit interessanten und nützlichen Quellen rund um SVG. Darin finden sich u.a. Links auf diverse Spezifikationen des World Wide Web Consortiums (W3C), auf Code-Beispiele oder auf SVG-Software.
- Haben Sie Anregungen, Kritik oder möchten Sie dieses Projekt vielleicht sogar unterstützen (siehe
Unterstützung), so finden Sie unter dem Menüpunkt Kontakt/Impressum Möglichkeiten, wie Sie mit dem Autor in Kontakt treten können. Der Autor bittet jedoch um Ihr Verständnis, daß Anfragen, die sich mit konkreten SVG-Problemen befassen, aus zeitlichen Gründen nicht beantwortet werden können. - Die Menüpunkte lassen sich überdies nicht nur wie gewohnt per Maus anwählen, sondern wurden zusätzlich mit Tastaturkürzeln versehen, die eine schnellere Navigation ermöglichen. Sie werden verwendet, in dem man eine spezielle Taste oder Tastenkombination (z.B. Alt oder Alt + Shift) zusammen mit dem Buchstaben drückt, der in der Navigationsleiste unterstrichen dargestellt wird. Wie die Tastenkürzel genau aussehen und ob sie überhaupt funktionieren, hängt vom verwendeten Web-Browser ab.
Die kommenden Abschnitte liefern weitere Informationen rund um die SelfSVG-Website.
Status
Haftung
Zielgruppe
Verwendete Symbole
Technische Hinweise
Rechte
Fehlermeldungen
Unterstützung
Danksagungen
Status
Die Website ist vorerst fertiggestellt, d.h. sie enthält alle Kapitel der originalen Kursunterlage, die im Rahmen einer Studienarbeit erstellt wurde. Nichtsdestotrotz gibt es noch einiges zu tun, denn die Dokumentation ist noch lange nicht vollständig. Darum wird jegliche Unterstützung in Form von neuen oder überarbeiteten Kapiteln auch gerne und dankend angenommen. Momentan wird daran gearbeitet zukünftig auch eine Offline-Version verfügbar zu machen. Dazu sollen mit Hilfe von XML Style Sheets aus den jetzt schon existierenden XML-Dateien, in denen sich das komplette Tutorial befindet, automatisch XHTML-Seiten generiert werden. Diese Technik soll dann ebenfalls bei der Erzeugung der statischen Inhalte der Online-Version eingesetzt werden.
Haftung
Bei diesem Dokument handelt es sich nicht um eine Publikation einer öffentlichen Stelle. Es erhebt keinerlei Anspruch auf Fehlerfreiheit oder Vollständigkeit. Für Fehler auf kommerziellen Websites, die auf falsche oder falschverstandene Beschreibungen dieses Dokuments zurückzuführen sind, übernimmt der Autor keine Haftung.
Zielgruppe
Dieses Dokument soll Computer-Anwender ansprechen, die selbst gerne SVG-Grafiken erstellen und sich mit SVG und der zugrunde liegenden Technologie vertraut machen wollen. Diese Dokumentation möchte erreichen, daß Anwender verstehen was sie lernen und wissen was sie tun. Es richtet sich hauptsächlich an diejenigen, die dazu bereit sind sich mit einer neuen, faszinierenden Materie auseinanderzusetzen und den damit verbundenen Lernaufwand nicht scheuen.
Verwendete Symbole
Um das Tutorial ein wenig übersichtlicher zu gestalten, werden in SelfSVG folgende Symbole verwendet:
| Symbol | Bedeutung |
|---|---|
 |
Dieses Piktogramm kennzeichnet interne Verweise auf Kapitel. |
|
Dieses Piktogramm kennzeichnet interne Verweise auf Unterkapitel. |
 |
Dieses Piktogramm kennzeichnet interne Verweise auf Tabellen. |
 |
Dieses Piktogramm kennzeichnet interne Verweise auf SVG-Beispiele. Achtung: Die Verweise führen direkt auf SVG-Grafiken. Damit sie korrekt angezeigt werden, muß der Browser eine SVG-Unterstützung beinhalten oder die Datei an ein SVG-Plugin weiterreichen. Ist dies nicht der Fall, wird nur der Quelltext des SVG-Dokuments angezeigt. |
 |
Dieses Piktogramm kennzeichnet interne Verweise auf Quelltexte. |
 |
Dieses Piktogramm kennzeichnet interne Verweise auf Grafiken. |
 |
Dieses Piktogramm kennzeichnet interne Literaturverweise. |
 |
Dieses Piktogramm kennzeichnet E-Mail-Verweise. |
 |
Dieses Piktogramm kennzeichnet externe Verweise auf deutschsprachige Seiten. |
 |
Dieses Piktogramm kennzeichnet externe Verweise auf englischsprachige Seiten. |
 |
Dieses Piktogramm kennzeichnet externe Verweise auf französischsprachige Seiten. |
 |
Ein Piktogramm dieser Art kennzeichnet externe Verweise auf gemischtsprachige Seiten. |
 |
Dieses Piktogramm kennzeichnet eine Fehlerseite und sollte eigentlich nie auftauchen ;o). |
 |
Ein Klick auf dieses Symbol führt zum Beginn der aktuellen Seite. |
 |
Ein Klick auf dieses Symbol führt zum Ende der aktuellen Seite. |
 |
Ein Klick auf dieses Symbol führt zur vorherigen Seite. |
 |
Ein Klick auf dieses Symbol führt zur nächsten Seite. |
Technische Hinweise
Erstellung der Website
Bei der Erstellung dieser Website wurde darauf geachtet aktuelle Web-Standards einzusetzen und diese auch einzuhalten. Dies bedeutet, daß im Endeffekt jeder Browser, der XHTML 1.1, CSS 2.0 und JavaScript (ECMAScript) unterstützt, die Seiten problemlos darstellen sollte. Die Seiten können selbstverständlich auch ohne JavaScript betrachtet werden. Ledigliche die E-Mail-Adressen werden nicht angezeigt (zum Schutz vor sogenannten Mail-Harvestern).
Zur Betrachtung der Website werden zwar keine besonderen Bildschirmeinstellungen benötigt, empfohlen werden jedoch eine Bildschirmauflösung größer oder gleich 1024 x 768 Pixel und eine Farbtiefe von mindestens 16 Bit.
Web-Browser
Getestet wurde die Website mit den folgenden Browsern:
- Konqueror: 3.5.x
- Microsoft Internet Explorer: 6.0, 7.0
- Mozilla Firefox: 1.x, 2.x, 3.x
- Opera: 8.0.x, 8.5.x, 9.x
- Safari: 1.4.2, 3.1.2
Weitere Programme, die auf der Gecko Runtime Engine aufbauen (z.B. Epiphany, Galeon oder SeaMonkey), sollten ebenfalls keine Probleme mit der Darstellung haben. Tests mit andere Browsern werden gegebenenfalls noch folgen.
Empfehlung
Obwohl die Website auch mit dem Internet Explorer problemlos angezeigt werden sollte, wird die Verwendung eines alternativen Webbrowsers empfohlen. Während der Entwicklung dieser Seiten, hat es sich nämlich herausgestellt, daß der Internet Explorer starke Schwächen beim Rendern von Webseiten und bei der CSS-Unterstützung aufweist.
Ebenso gibt es Probleme bei der Darstellung von XHTML-Seiten. Obwohl im Internet Explorer ein XML-Parser integriert ist, kann der Browser keine XHTML-Dokumente darstellen, die mit dem offiziellen MIME-Type application/xhtml+xml verschickt wurden. Deshalb werden XHTML-konforme Webbrowser identifiziert und mit dem korrekten MIME-Type application/xhtml+xml versorgt, während alle anderen Browser den MIME-Type text/html erhalten. Mehr Informationen zum diesem Thema findet man u.a. auf den Seiten The Road to XHTML 2.0: MIME Types [ XML04], XHTML Media Types [ W3C04f] und XHTML media type test - results [ W3C04g]
Außerdem wurde der Internet Explorer 6.0 nach dem Jahr 2001 nicht mehr aktiv weiterentwickelt, sondern nur noch mit Sicherheitsupdates versorgt. Des weiteren steht und stand er wegen diverser Sicherheitsmängel häufiger in der Kritik als Konkurrenzprodukte anderer Hersteller. Auch die am 19.10.2006 erschienene Version 7.0 wird voraussichtlich nicht viel daran ändern und ist technisch den konkurrierenden Browsern weiterhin unterlegen.
Der Einsatz eines alternativen Browsers lohnt sich aber nicht nur aus sicherheitstechnischen Gründen, denn diese Browser bringen meist auch noch nützliche Features mit (z.B. Popup Blocker, Tabbed Browsing, automatische Vervollständigung von Suchbegriffen, ...), welche den Surf-Komfort erheblich steigern.
Rechte
Urheberrecht
Alle Texte, Grafiken und das Layout von SelfSVG werden durch das Urheberrecht geschützt. Die Verwendung einzelner, aus dem Zusammenhang gerissener Komponenten (z.B. Textabschnitte oder Grafiken) auf eigenen Websites oder in anderen Medien verletzt das Urheberrecht und wird bei Entdecken zunächst persönlich durch den Autor abgemahnt (kostenlos). Sollte dies nichts bewirken, so wird ein Anwalt eingeschaltet (kostenpflichtig).
Web-Anwender, die solche Verstöße entdecken, werden dazu aufgerufen diese dem Autor mitzuteilen. Dadurch helfen sie, die Qualität von SelfSVG zu sichern und das Rechtsbewußtsein der Leute zu schärfen, die denken man könne sich im WWW bei allem und jedem bedienen.
Creative Commons License
SelfSVG (im folgenden auch als Inhalt bezeichnet) wurde unter der Creative Commons Lizenz Namensnennung-NichtKommerziell-KeineBearbeitung 2.0 Deutschland lizenziert, d.h. diese Dokumentation darf vervielfältigt, verbreitet und öffentlich aufgeführt werden. Dabei gelten jedoch die folgenden Bedingungen:
- Der Name des Autors/Rechteinhabers muß genannt werden.
- Dieser Inhalt darf nicht für kommerzielle Zwecke verwendet werden.
- Der Inhalt darf nicht bearbeitet oder in anderer Weise verändert werden.
- Im Falle einer Verbreitung müssen Sie anderen die Lizenzbedingungen, unter die dieser Inhalt fällt, mitteilen.
- Jede dieser Bedingungen kann nach schriftlicher Einwilligung des Rechtsinhabers aufgehoben werden.
Zusätzliche Einschränkungen
- Sollten Änderungen des Dokuments aufgrund spezieller Gründe (z.B. juristische Probleme) notwendig werden, sind diese direkt mit dem Autor abzuklären.
- Das Einbetten in fremde Framesets und das Einfügen von Fremdwerbung in SelfSVG ist nicht gestattet.
- SelfSVG darf nicht mit nationalsozialistischen, kinderpornografischen, fundamentalistisch-religiösen oder sonstigen illegalen Inhalten kombiniert oder in Verbindung gebracht werden.
Fehlermeldungen
Der Autor hat sich zwar bemüht eine möglichst fehlerfreie Dokumentation zu erstellen, eine absolute Fehlerfreiheit ist aber nahezu unmöglich. Sollten Sie dennoch einen Fehler entdecken, zögern Sie nicht diesen dem Autor mitzuteilen, damit er sofort korrigiert werden kann.
Unterstützung
Aktualisierung und Erweiterung der Website
SelfSVG entstand als Teilprodukt meiner Studienarbeit, die ich hiermit in leicht veränderter Form der Öffentlichkeit kostenlos zugänglich gemacht habe. Da ich mich momentan leider nicht mehr mit SVG beschäftigen kann, wird auch SelfSVG vorerst nur sporadisch aktualisiert und weiter ausgebaut. Ich bin aber gerne dazu bereit Änderungsvorschläge und Erweiterungen (z.B. eine Element- und Attributreferenz, neue Kapitel, neue Links für die Linkliste, Vorstellung weiterer SVG-Software, Übersetzungen in andere Sprachen, ...) die von Seiten der Web-Besucher kommen, nach einer Kontrolle in die Dokumentation aufzunehmen und den Helfer, falls gewünscht, namentlich zu nennen.
Verbreitung der Website
Des weiteren würde ich mich freuen, wenn dieses Tutorial weiter an Bekanntheitsgrad gewinnen würde. Deshalb biete ich hier einige Banner an, die Sie problemlos auf Ihrer Website einbinden können. Allerdings bitte ich darum diese Grafiken unverändert zu übernehmen. Falls andere Formate gewünscht werden, können diese - auf Anfrage - zusätzlich erstellt und hier angeboten werden.
| Dateiname | Größe | Grafik | Quelltext (XHTML-konform) |
|---|---|---|---|
| selfsvg.png | 8.613 Bytes |  |
|
| selfsvg1.gif | 10.736 Bytes |  |
|
| selfsvg2.gif | 37.910 Bytes |  |
|
| selfsvg3.gif | 54.382 Bytes |  |
|
| selfsvg4.gif | 62.182 Bytes |  |
Spenden
Aber auch finanzielle Hilfe wird gerne angenommen. Zum einen wurde viel Zeit für die Erstellung, Pflege und Erweiterung dieser Dokumentation aufgewendet, zum anderen entstehen natürlich monatliche Kosten für die Bereitstellung dieser Website seitens des Providers. Falls Sie SelfSVG gerne benutzen und es Ihnen gute Dienste erwiesen hat, würde ich mich über eine kleine, private Spende über einen Betrag Ihrer Wahl sehr freuen. Für weitere Informationen genügt der Versand einer E-Mail (siehe Kontakt/Impressum) an mich.
Helfen können Sie jedoch auch, in dem Sie eines der Bücher kaufen, die im Anzeigenbereich jeder Web-Seite in Form eines Buchempfehlungsbanners eingeblendet werden. Dazu genügt ein Mausklick auf das Banner, welcher Sie direkt zu Amazon.de bringt. Wenn Sie nun während dieser Sitzung etwas einkaufen, erhalte ich eine kleine Provision gutgeschrieben.
Oder Sie machen mir eine Freude, in dem Sie einen Blick auf meinen Amazon.de-Wunschzettel werfen und mir einen der dort aufgelisteten Artikel schenken.
Egal in welcher Weise Sie mich unterstützen möchten, ich bin auf jeden Fall für jegliche Hilfe äußerst dankbar.
Danksagungen
Hier möchte ich mich namentlich bei allen Personen bedanken, die mir bei der Arbeit an dieser Dokumentation geholfen haben:
- Diese Dokumentation wäre wahrscheinlich ohne Herrn Prof. Dipl. Inform. med. Winfried Bantel, bei dem ich meine Studienarbeit "Darstellung von Flug-Routen im Internet mittels SVG" anfertigt habe, niemals zustande gekommen.
- Bedanken möchte ich mich vor allem auch bei Nädde, welche die ursprüngliche, gedruckte Fassung mehrmals korrekturgelesen und jede Menge Geduld mit mir bewiesen hat ;o).
- Durch Matzes flexible Programmcodes inspiriert, habe ich einige seiner Ideen für den Code, der im Verborgenen für die korrekte Darstellung und Auslieferung der XHTML-Seiten zuständig ist, übernommen.
- Den Hinweis auf das Open Source-Vektorgrafikprogramm Inkscape, welches hauptsächlich SVG und andere W3C-Standards verwendet, hat mir freundlicherweise der Wok zukommen lassen.
Dank geht selbstverständlich auch an all die zahlreichen Menschen, die mir Fehler und interessante Verbesserungen mitgeteilt oder mich auf irgendeine andere Art und Weise bei diesem Projekt unterstützt haben.
