Wie ich meine html-Seiten erstellt habe

Zu html & Co. bin ich durch einen Arbeitskollegen gekommen, der in unserem Firmennetzwerk einen eigenen Linux-Webserver installiert hat. Von da an lernte ich viel über IP-Adressen und DNS-Server. Und ich habe erfahren, was "rechte Maustaste - Quelltext anzeigen" bedeutet. Weitere Informationen habe ich dann aus der Selfhtml (siehe weiter unten) von Stefan Münz. Er beschreibt auch gut, welcher Gedanke oder welches Konzept hinter html steckt. Damit fällt es mir (und bestimmt auch anderen) viel leichter, die Zusammenhänge zu verstehen.

Einstieg

Die aktuelle Version der Selfhtml findet sich unter http://de.selfhtml.org/. Auf vielen CDs von Computerzeitschriften findet sich ebenfalls die eine oder andere Version. Dann nahm ich mir Notepad, ein Standardwindowsprogramm, und habe meine ersten Seiten programmiert. Als Browser habe ich die Seiten jeweils mit Microsoft Explorer und Netscape Navigator überprüft. So manche hübsche Seite war dann weiß oder grausam oder unleserlich.

Ein weiteres wichtiges Werkzeug ist ein Webserver. Ich habe mir irgendeine Version von Xitami aus dem Netz geladen und auf meinem Rechner installiert. Dann konnte ich, indem ich beim Browser als Adresse die 127.0.0.1 eingegeben habe, über meine eigenen Seiten navigieren. Die Einstellungen stehen meist in der xitami.cfg .Man spart vor allem Onlinekosten und kann eine sehr sehr schnelle Verbindung simulieren, die Seiten sind praktisch sofort verfügbar.

Leider kann man so nicht alle Fehlerquellen ausschließen. Unter Windows kann der Browser mit Groß/Kleinschreibung noch tolerant sein, später im Netz auf einem Sun-Server aber nicht mehr. Oder er hat das Bild noch im Cache, obwohl der Link schon längst tot ist. So groß dann auch die Versuchung nach Spielereien ist - im allgemeinen fühlt man sich als Surfer nur gestört oder genervt. Also habe ich nach Möglichkeit drauf verzichtet. Frames wollte ich dann aber doch haben. Damit das auf Microsoft und Netscape gleich gut aussieht, muß man aber leider einige Sprachregeln von html4.0 verlassen.

Später habe ich meine Seiten noch unter Lynx (Textbrowser für die Konsole) und Arena getestet. Auch dahingehend wurden meine Seiten verändert. Als ich vor kurzem mit Lynx durch meine Seiten stöberte, konnte ich den Inhalt sehr gut erfassen. Ich denke, auch darauf sollte man achten. Daher habe ich dann auch unter HP-Unix meine Seiten getestet - und Änderungen im Syntax (in diesem Fall CSS) vorgenommen, dann unter Opera, dem Browser von Staroffice 5.2 und zuletzt dem in KDE eingebautem Minibrowser (mitlerweile ist Konqueror ja nicht mehr mini ;-). Zu meinem Glück lief es auf allen Systemen :-). Weiterhin teste ich aktuelle Mozillaversionen.

Der Schritt ins WWW

Anfang 2000 habe ich meine Seiten dann endlich auch ins Netz gestellt. Zu meiner Domain gab es PhotoImpact 4.2 von Ulead mit zu. Mir gefällt es sehr gut (besser als Paintshop, habe beide getestet) und natürlich habe ich die Grafiken auf meinen Seiten erst einmal verändert. Viele Bilder wurden entweder damit erstellt oder nachbearbeitet.

Um die Seiten hochzuladen, habe ich zunächst nur das in der dos-Eingabeaufforderung von Windows integrierte Programm ftp genutzt. Für einzelne Dateien ist es voll ausreichend - wie man sieht. Bei mehreren Verzeichnissen, nur Teilaktualisierungen und mehreren Servern ist es aber unbedingt vorteilhaft, ein extra ftp-Programm zu nutzen. Wiederum wurde es mitgeliefert: ws_ftp, mit dem ich auch ganz zufrieden bin. 2003 wurde es dann FileZilla unter WinXP, unter Linux arbeite ich gern mit dem MC.

Meine html-Seiten schreibe ich immer noch hauptsächlich mit Notepad oder Wordpad oder Kate. So habe ich volle Kontrolle über den Syntax. Vielleicht kommt demnächst ein besserer Texteditor dazu. Den Counter wollte ich extern realisieren. Ein paar Wochen lief dies kostenlos, danach ist jeder Anbieter, den ich getestet habe, absolut unzuverlässig geworden. Vielleicht kommt einmal ein guter CGI-Server daher, dann geht das alles besser und zuverlässig. Netbeat bietet zwar einen Counter an, der sieht aber ziehmlich häßlich aus. So steht dort jetzt immer 164, viel mehr werden es in den letzten Jahren auch nicht gewesen sein.

Ausblick

Mit der Zeit wollte ich versuchen, einmal diese Seiten mit immer mehr Inhalt zu füllen, dann das ganze etwas interaktiver und optisch ansprechender zu gestalten. Ich hatte PHP in Planung, damals nur PHP3. Zu Hause habe ich ohnehin einen Linuxserver, da kann man bestens testen. Ich dachte auch darüber nach, noch etwas weiter zu gehen und es mit der anspruchsvolleren Variante zu versuchen:

Mit Perl kann man sehr viele Dinge programmieren, z.B. einen eigenen Chat. Aber auch hier gilt: Je besser, desto mehr Zeit. Der Hype ist verflogen, die Seiten flashen (Beispiel) nur so up und via CGI und PHP4 ist alles mitlerweile so interaktiv und sogar browserbasiert zu konfigieren. Da mag ich meine statische Seite schon fast. Immerhin habe ich ein Gästebuch in das man ein paar Zeilen schreiben kann.

Ich glaube nicht, dass ich jemals die Zeit haben werde, ein PHP4-Script auf meinen Seiten einzubinden oder selbst eine CGI-Abfrage zu schreiben. Eventuell werde ich dazu durch das Studium oder die Arbeit animiert, ansonsten belasse ich es bei diesen einfachen Seiten. Etwas hat sich zumindest am Umfang getan:

Wie man sieht, schaffe ich es fast ein mal im Jahr, mich um meine Seiten zu kümmern. Im Laufe der Jahre ist also einiges zusammengekommen. Die älteste Variante, die ich gefunden habe, stammt vom 22. Oktober 1999. Damals waren es nur 12 Dateien und 17 Bilder mit insgesamt 50220 Byte (49 kByte), die wie folgt aussahen. Zwischenzeitlich habe ich den Provider gewechselt, mal etwas aus- und wieder eingelagert oder auch nur ein paar Bilder eingefügt. Diese Tabelle pflege ich seit 2006 nicht mehr, eine aktuelle und umfangreichere Übersicht findet sich jetzt in einer extra Datei.

Im Laufe der Jahre habe ich nun schon die eine oder andere Internetseite programmiert, daher hier eine kleine Auflistung:

Ende 2006 waren dann endlich geschafft: alle Dateien auf saiht.de sind konform zu HTML 4.01. Zuvor wurde es jahrelang auf der Startseite behauptet. Und ich habe gelernt, mehr in CSS auszulagern. Seit Anfang 2006 sind Unmengen an Bildern hinzugekommen, dadurch sind die Seiten aber hoffentlich auch ansprechender geworden.

© 1999-2008 saiht