About...
Diese Seite wurde komplett mit einem einfachen Text-Editor erstellt. Beim Design habe ich mich wie Gi, der Macher von www.k-pocking.de, von einem Entwurf ("Pneuma") aus dem css Zen Garden inspirieren lassen. Wie zu erkennen ist, wurde jedoch im Verlauf der Erstellung Pneuma stark abgeändert.
XHTML, CSS, PHP
Alle Seiten wurden in validem XHTML und CSS verfasst. XHTML löst als Standard des W3C (Gremium zur Standardisierung des World Wide Web) HTML als Textauszeichnungssprache für Webseiten im Internet ab. CSS ist eine Stylesheet-Sprache für strukturierte Dokumente (z.B. HTML, XHTML und XML). Durch die Trennung von Stil und Inhalt wird das Veröffentlichen und Betreuen von Dokumenten wesentlich vereinfacht. D.h. eine einzige CSS-Datei definiert das Layout für eine komplette Homepage! Valide bedeutet, dass der Quelltext den Kriterien des W3C entspricht und er wird somit von ihrem Validator ("Überprüfer") akzeptiert. Deshalb befinden sich unten auf jeder Seite die kleinen Bilder mit der Aufschrift "W3C XHTML 1.1" bzw. "W3C CSS". Das Logo "Get Firefox" soll für den neuen Mozilla-Browser Firefox werben, der gegenüber dem Microsoft Internet Explorer klar im Vorteil ist (Sicherheit, Geschwindigkeit, Pop-Up-Blocker, Tabs, etc.). Der Webbrowser Opera bietet ähnliche Vorteile. Einfach mal probieren, die Seiten werden tatsächlich schneller angezeigt!
Um die Bearbeitung der Webseite zu erleichtern, wurde neben CSS auch noch PHP verwendet. Mit dem PHP-Include-Befehl ist es möglich Dateien einzubinden. Damit kann man beispielsweise die Navigation in eine einzelne Datei auslagern. Wenn man nun die Navigation ändern möchte, muss man nicht mehr alle Einzelseiten, sondern nur noch diese Datei bearbeiten. Das erspart einiges an Arbeit und Nerven.
Der richtige MIME-Typ
Es gibt viele Seiten im Internet, die in XHTML vefasst sind, doch nur die wenigsten werden mit dem vom W3C-Gremium empfohlenen "application/xhtml+xml"-MIME-Typ ausgeliefert. Ein MIME-Typ ist eine Angabe über das Format (also Text, Bild, etc.) von in Computersystemen genutzten Daten. Laut W3C sollten XHTML-Seiten gar nicht mit dem üblichen MIME-Typ "text/html" vom Webserver gesendet werden. Die Möglichkeit einfach von Haus aus alle Seiten als "application/xhtml+xml" zu senden fällt leider weg, weil manche Browser (darunter auch der Internet Explorer) diesen MIME-Typ schlichtweg nicht unterstützen. Neil Crosby hat sich mit diesem Thema auseinandergesetzt und ein PHP-Skript entwickelt, welches die Seiten je nach Browser als XHTML mit dem MIME-Typ "application/xhtml+xml" bzw. als HTML mit dem Typus "text/html" versendet. Dieses nützliche Skript wird auch auf dieser Homepage eingesetzt.
Browserkompatibilität
Diese Homepage wird von allen gebräuchlichen Browsern (Internet Explorer, Mozilla, Opera und Konqueror) unterstützt. Ich konnte die Page lediglich noch nicht mit dem Safari-Browser von Apple testen, da ich keinen Mac besitze. Da die Seite von den o.g. Browsern einwandfrei angezeigt wird, denke ich, dass es mit dem Safari auch möglich sein müsste, die Homepage einigermaßen leserlich darzustellen.
Weiterführende Links
Wer sich selbst mit Webdesign befasst kann ja mal einen Blick auf die folgenden Seiten werfen.
- Wikipedia-Artikel zu XHTML
- Wikipedia-Artikel zu CSS
- Wikipedia-Artikel zu PHP
- SELFHTML - de.selfhtml.org
- SELFPHP - www.selfphp.info
- PHP Manual - de.php.net
- 10 Best Resources for CSS - developers.slashdot.org
- Web Developer's Handbook www.alvit.de/handbook
- CSS Frome the Ground Up - www.wpdfd.com/editorial/basics
- css Zen Garden - www.csszengarden.com
- CSS Vault Gallery - cssvault.com
- XHTMLFORUM - www.xhtmlforum.de
- A List Apart - www.alistapart.com
- And all that Malarkey - www.stuffandnonsense.co.uk
- The Open Source Web Design Toolbox - www.designvitality.com
- Und noch eine gute Page - www.workingwith.me.uk
Formatierungshilfen
- HTML Tidy - tidy.sourceforge.net
- CSS Formatter and Optimiser - floele.flyspray.org/csstidy/css_optimiser.php
Browser-Tests
- Acid2 - www.webstandards.org/action/acid2
- Acid3 - acid3.acidtests.org
- css selectors testsuite - www.css3.info/selectors-test/test.html
- DNS Rebinding Attacke - crypto.stanford.edu/dns
- Mozilla JavaScript fuzzer - bugzilla.mozilla.org/show_bug.cgi?id=jsfunfuzz
- c't-Browsercheck - www.heise.de/security/dienste/browsercheck