Jul
18
Stöckchen #16 – Webdesign-History
Abgelegt in Bla... Bla... Bla..., Retrospektive, Station57 & Co.
13 Meinungen
Auf Ines‘ Seite habe ich dieses tolle Stöckchen entdeckt. Da ich mich mit vielen Textpassagen identifizieren kann, es interessant finde und gerade etwas auf meinem nostalgischen Trip bin, habe ich es einfach mal mitgenommen.
2001: Wie entwickelte sich also mein Interesse zum Webdesign? Das ist eine recht schwere Frage. Ich weiß nicht mehr, warum ich überhaupt begonnen hatte, eine Seite haben zu wollen. Ich vermute, damals wollte ich noch als eingefleischter Anime/Manga-Fan für irgendeinen Anime eine kleine Fanseite aufbauen, von denen es zu der Zeit eigentlich eh schon genug gab.
Was tut man also, wenn man eine Seite haben will aber keinen blassen Schimmer von der Materie hat? Richtig. Man geht zu Beepworld. Dort klickte man sein Zeug zusammen, markierte, schrieb, und letztendlich wandelte Beepworld das Ganze in eine Seite um, die meistens total scheiße aussah. Kurze Zeit später wechselte ich zu englischen Baukaste-Seiten, die mehr Funktionalität boten.
2002: Das Doofe an diesen Seiten ist, dass man eigentlich nicht wirklich lernte, wie das nun mit dem Schreiben von Webseiten funktioniert, und das der Reiz der Sache für mich war. Deswegen holte ich mir Webspace bei Tripod, und fing dort an, einige Tutorials auf selfhtml durchzuarbeiten. Meine erste selbst erstellte Seite bestand aus zwei schwarzen Frames und die Schrift war rot. Damals fand ich das toll.
Kurze Zeit später begann ich erstmals, mit Photoshop Layouts zu entwerfen, die ich dann dank der in „Tabellen Zerschneiden“-Funktion von Adobe GoLive 5 umsetzen konnte. Damals hatte ich noch keine Ahnung von Auflösung, verfügbaren Schriftarten oder von der Vielfalt der Browser. Deswegen sahen die Seiten wohl auch nur im Internet Explorer gut aus.
2003: Dann kam der erste Schritt zur eigenen, tollen Webseite: eine eigene Domain. Das war im Jahre 2003. Nö. Ich erzähle keinem, wie die lautete. Der Inhalt war die Fortführung der Anime/Manga-Seite, die es aber nicht wirklich lange gab. Entstanden sind in der Zeit keine Layouts. Ich hatte es zwar immer wieder vor, aber ich hatte es nie richtig umgesetzt.
2004: Nochmal eine neue Domain. Und nein, ich verrate auch diesmal keine Domainnamen. (Peinlich genug, dass diese genauso lautete wie ein Hygieneartikel.) Anfangs hatte ich noch einen Faible für Schriftgröße zehn und Schriftfarbe ähnlich der Hintergrundfarbe. Außerdem waren die Designs eher klein und der Inhalt in noch kleinere Iframes gebettet. Aber immerhin konnte ich selbst meine Tabellen schreiben. (Version 1 bis 3.)
Bis August 2004 war diese Seite komplett statisch, bis ich dann meinen ersten Weblog eröffnete mit der Blogsoftware b2evolution. Die Layouts wurden größer, ich entdeckte andere Browser und Auflösungen. Außerdem war es meine erste Erfahrung, ein Design in einem CMS umzusetzen. Zusätzlich fing ich an, die Seite mit PHP zu vereinfachen. Damals noch mit der Funktion include. Das war damals total trendy, und jeder Trottel hatte Tutorials darüber. Auch ich. Überhaupt hatte ich neben dem Blog relativ viel Inhalt.
Außerdem begann ich mich damals, immer mehr intensiv mit dem Aussehen meiner Seite zu beschäftigen. Von Design zu Design steigerte ich mich quasi. (Version 4 bis 9.)
2005: Die Domain fand ich irgendwann dämlich, und deshalb sicherte ich mir im Januar 2005 die Domain station57.net, auf der dieselbe Blogsoftware einfach weiterlief. Ich verabschiedete mich nach ein, zwei Designs von den Tabellen und begann, mich mit CSS auseinanderzusetzen. Dass ich heute meine Designs komplett in CSS umsetze und Inhalt vom Aussehen trenne, habe ich Ines zu verdanken. (Ab Version 10.)
2006: Im August 2006 habe ich beschlossen, Wordpress auszuprobieren. Es tat mir schon etwas weh, die ganzen alten Beiträge quasi von der Seite „zu löschen“, andererseits war ich auch froh darüber, dass man den ganzen Stuss nicht liest. Den Inhalt habe ich auch radikal gekürzt. Außerdem war es einfacher, seine Layouts umzusetzen. Für mich mal.
2007: Und nun ja, was heute aus mir geworden ist, sieht man ja. Garantiert habe ich nicht ausgelernt, und so lange mir das Ganze noch Spaß macht, werd ich das wohl auch nie. (Version 16 bis heute.)
Der Beitrag wurde am Mittwoch, den 18. Juli 2007 um 00:12 Uhr veröffentlicht und wurde unter Bla... Bla... Bla..., Retrospektive, Station57 & Co. abgelegt. Du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.
13 Reaktionen
deine eine Domain war bestimmt pure-zone.de 
Ansonsten sehr schick. Das hattest du doch auch mal so auf deiner Webseite stehen,…
Ich hatte 2000 mal eine Seite im Word gebastelt und dann als HTML abgespeichert. Dann guckte ich mit einen Editor den Code an und stellte fest, dass da sehr viel Zeugs drinsteckt. Dann guckte ich mal in ein HTML-Taschen buch und stellte fest, dass man vieles von dem Word-Code gar nicht braucht.
Meine erste Seite war dann ein Zoologie-Wörterbuch, aber das war schnell ausgereizt. Zudem steht in der Wikipedia inzwischen all das auch drin. Und so wurde daraus das Blog. Was auch den kuriosen Domainnamen erklärt.
Sehr interessant. Du hast etwa da angefangen, wo ich aufgehört habe und weshalb ich definitiv nicht mehr auf dem aktuellen Stand bin. 1997 – da waren noch Zeiten.
Ich muss sagen, ich finde das immer wieder sehr interessant, wenn man auf seine gestalterische Karierre zurückblickt. Mein erstes Layout finde ich mittlerweille auch peinlich, aber es waren eben die ersten Anfänge. Aber am Ende ist es schön zu sehen, welch Entwicklung man durchgemacht hat und ich muss sagen, dass deine Layouts heute supie sind, deine Änfänge konnte ich leider nicht sehen 
Eine nette Entwicklung. Ich habe mich zwar auch mit HTML und CSS beschäftigt, aber um mit den vielen anderen Weblogs mithalten zu können, habe ich diesmal entschlossen, mir für mein Weblog ein Theme zu kaufen (Asche auf mein Haupt). Befriedigt mich zwar nicht sonderlich, aber besser so als so…
Sascha
Die zweite Domain kenn ich noch. Ich find den Namen auch gar nicht so schlecht.
Was mich bei solchen Rückblicken immer sehr glücklich macht: Ich war nicht bei Beepworld.
Als ich im Sommer 2003 mit HTML angefangen habe, hatte ich das unwahrscheinliche Glück, eine Mediendesignerin zu kennen, die mir die Grundlagen beigebracht hat, zum Beispiel wie man Zeilenumbrüche macht 
Ihr habt Euch das alle durchgelesen. 
Ines: So mit Popup, Verdana und dem ganzen drum und dran…
Aber hallo. Vor allem diese „chromeless pop ups“. Die waren ja das Highlight.
Helmüt: deine eine Domain war bestimmt pure-zone.de
Dir schick ich noch einmal was zum Geburtstag. 
Helmüt: Das hattest du doch auch mal so auf deiner Webseite stehen,…
Nie so ausführlich.
Marc: Dann guckte ich mal in ein HTML-Taschen buch und stellte fest, dass man vieles von dem Word-Code gar nicht braucht.
Word und Code. Das passt irgendwie mal ganz und gar nicht zusammen. Echt nie davor gehört. Aber dass da im Endeffekt vieles weggelassen werden kann, war irgendwie klar.
Henning: Sehr interessant. Du hast etwa da angefangen, wo ich aufgehört habe und weshalb ich definitiv nicht mehr auf dem aktuellen Stand bin. 1997 – da waren noch Zeiten.
Hättest nur weiter gemacht, dann hättest Du Dir ein paar Portionen Pommes gespart. 
Janin: Aber am Ende ist es schön zu sehen, welch Entwicklung man durchgemacht hat und ich muss sagen, dass deine Layouts heute supie sind, deine Änfänge konnte ich leider nicht sehen
Anfänge sind unter „Seiten“ verlinkt. Danke.
Sascha: […] mir für mein Weblog ein Theme zu kaufen (Asche auf mein Haupt)
Warum nicht? Gibt ja echt genug schöne.
Christin: […] zum Beispiel wie man Zeilenumbrüche macht
Jenny: Hättest nur weiter gemacht, dann hättest Du Dir ein paar Portionen Pommes gespart.
Für Werbung: das Werbung Ende investier ich doch gerne ein paar Pommes.
[…] Webdesign-Stories: Jenny, Arian & […]
wow, ich bin absolut beeindruckt von deinen bisherigen wordpress-themes (und natürlich auch von dem aktuellen). habe auch schon einige gebastelt bzw. modifiziert, aber wenn ich das hier sehe, fühle ich mich ganz klein 
lucumony cocircularity malefactress casal ketolysis carpetbagism underchanter tableman
Light-Tech Dental Headlights
http://www.keepsakedollshouse.co.uk/
lucumony cocircularity malefactress casal ketolysis carpetbagism underchanter tableman
ACE Training Ltd
http://www.propexinc.com/
18
um 00:29
Ich habe gerade eben verzweifelt versucht, mich an deine alten Domains zu erinnern, bis ich schließlich in den vergangenen Layouts auf die vorige gestoßen bin und natürlich einen „AHHH na klar“-Moment hatte. Aber auf den Namen der ersten komm ich immer noch nicht…
War auf jeden Fall interessant zu lesen! Statt der Beepworld-Phase gabs bei mir Microsoft Word und natürlich irgendwann auch das berühmte Tabellen-zerschneiden! Und deine ersten zwei Layouts erinnern mich total an die gute alte Zeit, solche Layouts hab ich früher immer bewundert, bevor ich meine eigene Seite hatte und auch versucht, später nachzumachen. So mit Popup, Verdana und dem ganzen drum und dran… Hachja, jetzt bin ich auch irgendwie nostalgisch drauf ^_^