Relaunch 2003
Wolfgang Wiese (www.xwolf.de, xwolf@xwolf.de), 17. April 2003
Nach der letzten wesentlichen Designänderung von xwolf.de|com im Jahr 1999 hat sich viel
getan in Sachen HTML, CSS, Browser und Web-Standards.
Zeit genug, um auch hier mal etwas aufzutäumen: Die Startsite von xwolf.de|com wurde komplett
umgestaltet und ist nun auch Tablefree
.
Was ist los?
Ab Ostern 2003 präsentiert sich xwolf.de|com in einen neuen Design. Oder genauer gesagt:
In drei neuen Designs. Oder vier? Oder mehr? Die Site wurde mit CSS und einfachen HTML-Tags neu
gestaltet und bietet mit Hilfe des Styleswitchers von Eric Meyer
auch die Möglichkeit, andere Designs zu wählen.
Und noch mehr: Jeder mit einen modernen Browser (worunter ich natürlich nicht den Internet
Explorer verstehe!) ist sogar in der Lage sich ein eigenes Design für diese Site zu definieren.
(Diese kann man bei Mozilla mit der Option View->Use Style für sich lokal aktivieren.
Wer was tolles hat, kann mir ja auch die CSS-Datei schicken, auf
daß ich sie hier für jeden verfügbar einbau.)
Andere Meinung
Der neue Aufbau der Website muss nicht jeden gefallen und es könnensich noch diverse
Fehler eingeschlichen haben, die ich übersehen habe.
Wer darüber mit mir reden will, Gegenvorschläge oder einfach nur Feedback geben
will, kann dies gerne auf meinen Forum tun. Ich freue mich drauf.
Warum?
Seit 1996 hat diese Site viele Änderungen mitgemacht. Genauso wie sich die "Webwelt" veränderte,
änderte sich auch nach und nach das Gesicht von xwolf.de|com. Wobei der Inhalt im wesentlichen immer
gleich blieb und bleibt.
Neue Standards und immer bessere Browser, aber auch eine steigende Erwartungshaltung seitens der
Besucher erfordern, daß eine Website, die sich mit Webworking beschäftigt, sich auch etwas
an diese Standards hält. Und ganz im ernst: Wer seinen Besuchern schreibt, was man alles
so machen sollte, um eine gute Website zu machen, der muß sich auch selbst
daran halten!
Mir persönlich war schon seit längeren die Inkompatbilität der xwolf-Seiten zum
W3C ein Dorn im Auge.
Sicher ist W3C HTML- und inzwischen auch CSS-Konformität nicht wichtiger als das Ziel
die Inhalte den meisten Besuchern zu präsentieren; Jedoch bedeutet Abwärtskompatibilität
nicht nur eine Rücksichtnahme auf wenige Personen mit alter Hard- und Software, sondern auch
eine Ignoranz gegenüber Personen, die sich gerade wegen neuer Möglichkeiten für ein
moderneres Environment entschieden haben.
Schlußendlich muß man sich sagen: Man kann es einfach nicht jeden Recht machen!
Und ehrlich gesagt: Ich will das auch garnicht.
Den Ausschlag für die Entscheidung, die Site nach den Richtlinen des W3C zu gestalten und nicht
nach Browsern, war dann auch persönliche Präferenz ... und Faulheit:
Eine Site, die mit Hilfe von CSS und nur ganz wenigen HTML-Tags gestaltet wird, ist viel einfacher zu
pflegen als eine, wo die Inhalte in mehrfach verschachtelten Tables eingesetzt werden.
Versteht mich nicht falsch - Eine Webseite mit mehreren ineinander verwobenen Tables ist für mich
kein Problem. Mein vorheriges Design war ja genau so. Jeder mit etwas mehr als Grundlagenwissen in HTML
kann das machen.
Aber es nervt einfach, wenn man solche Webseiten später modifizieren will; Wenn man einfach mal
an einer Stelle einen neuen Menüeintrag oder eine neue Grafik eintragen will.
Und individuell anpassbare Designs kann man da dann auch vergessen. Man kann zwar etwas die Farben
und die Schriftfonts ändern, aber das war es dann schon.
Mit Hilfe der neuen Techniken dagegen, kann man nicht nur persönliche Ansichten machen (wie hier
zum Beispiel mit Hilfe des Styleswitchers implementiert), es schadet sogar niemand.
Wer mit einen alten Browser
surft, bekommt einfach die schöne Ansicht nicht zu sehen. Aber das hindert ihn nicht daran,
den Text zu lesen. Und wenn es um den Text geht, was interessiert es dann noch, wie wenig spacig
das
Drumherum ist?
Im Gegenteil ist es sogar so, dass die neu gestalteten Seiten von mehr alten Browsern betrachtet werden
können, als es mit dem vorherigen Design möglich war. So machten die ineinander verschachtelten
Tables den Browsern Mosaic und Lynx doch ein paar Schwierigkeiten.
Wie funktioniert das?
Ein Blick in den Source-Code sagt eigentlich alles. Ich möchte hier nun nicht die x'te Seite machen,
wo jemand erklärt, wie er sein Design auf CSS umstellte. Davon gibt es nun wirklich schon
genug Seiten.
Stattdessen nur ein paar Bemerkungen über die Grundstruktur:
- Jede HTML-Datei besteht nur aus einen kleinen Kopfteil und dem CSS-Bereich main
- Mit Hilfe von SSI werden alle anderen dynamischen Sachen beim Laden der Seite vom Server eingefügt. Dies sind vorallem das Menü, die gesamte Linknavigation im Kopfteil und der Endteil der Seite.
- Derzeit 4 CSS-Dateien stehen für das Design zur Verfügung, wovon immer nur 2 wirken: Eine CSS-Definitionsdatei für die grundlegende Basis basis.css und die jeweils gewählte CSS-Datei, die das eigentliche Design ausmacht. Mit dem Relauch stehen diese Dateien zur Verfügung:
- Eine JavaScript-Datei xwolf.js, die ebenfalls dynamisch mittels SSI eingebunden wird, ermöglicht den Styleswitcher und diverse andere Hilfsaufgaben.
- Die Link-Navigation (oder Site Navigation) wird mit Hilfe des CGI-Skriptes LinkNav dynamisch und SSI eingebunden.
- Die Versionsverwaltung erfolgt mittels CVS.
Für mich als Seitenautor steht dann eine einfache Vorlage zur Verfügung, die dann etwa so aussieht:
<!--#include virtual="/navigation/Default_Menu.shtml" -->
<!-- BEGIN_PRINTER_FRIENDLY_COPY -->
<div id="main" lang="de">
<h2>Hier steht der Titel</h2>
<p class="desc">
Hier steht eine optionale Kurzbeschreibung für den Inhalt
</p>
<p>
Inhalt
</p>
<div id="endteil">
<h2>Info</h2>
<p>
$Id: relaunch2003.shtml,v 1.11 2006/01/19 20:47:17 xwolf Exp $<br>
© 1996 - 2003 by <a href="http://www.xwolf.de/impressum.shtml#lizenz">xwolf</a>
- xwolf ist eingetragene Marke beim Deutschen Patent- und Markenamt (Nr. 301 04 380)
</p>
</div>
</div>
<!-- END_PRINTER_FRIENDLY_COPY -->
<!--#include virtual="/navigation/Default_Ende.shtml" -->
Ausnahmen machen nur spezielle Seiten, wie die News und Seiten, die komplett aus einem Skript kommen.
Rückblick
Dies ist inzwischen das sechste Design für die xwolf-Site. Da ich 1996 mit der Site anfing (vorher
waren meine Seiten ja auf einer Studentenhomepage), hab ich auch ziemlich viel von der Entwicklung
des WorldWideWebs mitbekommen, was dann einigen Einfluß auf die Gestaltung hatte.
Wie fing alles an? Wie war das eigentlich damals, in den vergangenen Zeiten, von denen uns inzwischen
tiefe Schluchten der Internetzeit trennen?
Zwischen 1995 und 1996
Tja. Die erste Version meiner CGI-Seite hat sich leider nicht mehr retten können. Eigentlich war ich
der Meinung, ich hätte sie aufgehoben. Aber entweder schlummert sie auf irgendeiner Floppy-Disk (!)
und hofft darauf, daß ich da nochmal raufschaue, bevor ich es wegwerfe, oder aber sie hat sich
auf zur Scheibenwelt gemacht um in einen Koffer aus intelligenten Bastholz unterzutauchen.
Wie auch immer: Falls jemand eine Version findet, wo alles noch auf einer Seite ist und wo Realm of CGI
drübersteht und Ryan Bhorling erwähnt wird, möge man sich bitte bei mir melden.
1997
Auch diese Version ist mir verschütt gegangen. Glücklicherweise hat irgendwann mal
jemand eine meiner Seiten geklaut und auf seinen Server getan. Mittels Suchmaschinen konnte
ich dann diese Datei finden und hab sie mir ganz schnell zurückgeholt :)
1997 - 1998
Die Hochzeit der Frames. Auch ich beging diese Sünde und gestaltete meine Seite mit Hilfe von
Frames. Damals war es sogar noch kritischer als heute, da der MS Internet Explorer Frames noch nicht sehr
gut unterstützte. Aber da zu dieser Zeit der Browserwar
erst richtig losging war man
auch etwas subjektiv beeinflußt: Meine Site richtet(e) sich an professionelle Webworker. Und
professionelle Webworker benutz(t)en kein Internet Explorer!
1999 - 2000
Die Frames, bzw. die Art wie ich sie verwendete, hatten mich Ende 1998 dann doch zu sehr geärgert
und ich wollte zurück zu einem überschaubaren und einfachen Design. Dies hatte auch damit zu tun,
daß die Site immer größer wurde.
Zwar behielt ich die Frame-Technik bei, jedoch machte ich einige strukturelle Änderungen
in der Art wie ich die Dateien verwaltete und aufrief.
2000 - 2003
Ende 1999 bin ich auf einen neuen Server umgezogen und hab begonnen die Site in Projekt-Subdomains aufzuteilen,
während die Sachartikel auf der www-Domain blieben.
So entstanden zuerst die Subdomains cgi.xwolf.de|com und grafik.xwolf.de|com.
Später kamen dann
security.xwolf.de|com, service.xwolf.de|com und
forum.xwolf.de|com hinzu. Die Forums-Domain gab
ich aber wieder auf um meine Foren auf eigenen Domainnamen laufen zu lassen.
Kürzlich gab es noch zwei neue Subdomains perlbase und
dicte, die aber noch im Aufbau, bzw. um Umdesign
stecken.
Die Zukunft
Wer weiß schon was die Zukunft bringt? Eigentlich niemand.
Ausgehend von der bisherigen Entwicklung meiner Site und auch des Internets liegt es für mich jedoch
nahe zu glauben, daß auch das jetzige neue Design nicht auf ewig dasein wird.
Zwar erlaubt es aufgrund des Verschiebens des Designs in unterschiedliche CSS-Dateien eine sehr hohe
zukunftskompatibilität, jedoch vermute ich, werden auch diese Standards früher oder
später durch neue Entwicklungen abgelöst.
Dies ist jedoch Stoff für einen anderen Artikel. Nur soviel möchte ich verraten: Meines Erachtens
wird sich das Internet immer mehr weg von einem Informationsmedium, hin zu einem Kultur- und Lebensraum
entwickeln. Und der Weg ist das Ziel.
Info
$Id: relaunch2003.shtml,v 1.11 2006/01/19 20:47:17 xwolf Exp $
© 1996 - 2006 by xwolf -
xwolf ist eingetragene Marke beim Deutschen Patent- und Markenamt (Nr. 301 04 380)