Webseiten Gestaltung – der lange Weg zur Professionalität
Wer gerade erst angefangen hat sich für die Gestaltung von Webseiten zu interessieren, der hat einen langen Weg vor sich bis er professionelle Ergebnisse liefert. Ich liste hier mal auf, wie meine ersten Seiten aussahen und mit welchen Programmen sie erstellt wurden (leider sind nicht mehr alle Werke vorhanden):
- Erste und zweite Website: Das verwendete Programm war GoLive. Ich kannte zum dem Zeitpunkt noch kein Html, und war froh das das alles von der Software übernommen wurde. Leider habe ich diese Beispiele nicht mehr, aber schaut euch einfach Internetauftritte an, auf deren Startseite “Hallo, dies ist meine erste Webseite” steht, dann könnt ihr euch ein ungefähres Bild davon machen
- Dritte Website: Als ich diesen Versuch gestartet habe, konnte ich mit Html umgehen. Dennoch ging ich einen etwas anderen Weg, als die Seite pur zu hardcoden. Und zwar wurde die Website in Photoshop in Photoshop layoutet, und dann nachher ins Html-Format exportiert. Mit einigen kleinen Anpassungen konnte ich tägliche News verfassen (ständig die “News.html” aktualisieren) und auch das Header-Bild ändern. Dies war die Seite: “www.futurebytes.de.vu” und halte als Thema mein zweites Hobby: die Spieleprogrammierung. Das Webseiten Layout gefiel mir sogar ein dreiviertel Jahr recht gut (jaja, ich weiß das es grottenschlecht aussieht, aber zu dem Zeitpunkt war ich halt stolz drauf ;) ) doch die eingeschränkt Dynamic, die durch Html einfach vorgegeben war, veranlaßte mich zum lernen von PHP.
- Vierte Website: Mein nächster Versuch basierte vollständig auf Php, dennoch war die Seite nicht im geringsten dynamisch. Ich verwendete keine Datenbank, geschweige denn das ich mit MySql umgehen konnte. Jetzt lache ich über die Fehler die ich damals gemacht habe, aber irgendwie ist es auch interessant zu sehen, wie man die Techniken verwendet, wenn man alles im Selbststudium erlernt. Das Webseiten Layout habe ich wiedermal mit Photoshop erstellt und dann alle Grafiken zerschnitten, dann mit Html an die richtige Position gesetzt.
- Fünfte Website: So, mittendrin hatte ich dann mal die Idee kleinere Webseiten für Kunden zu erstellen. Das ganze lief dann auch unter der Domain “www.web-inclusive.de” doch wurde daraus nichts, weil ich eben keine Kunden hatte (vermutlich lags am Design ;) )
- Sechste Website: Bei diesem sollte es sich um ein Magazin handeln (bevor ich ein CMS wie Typo3 oder WordPress kennenlernte), es basierte auf MySql und Php und war mehr auf Content als auf Layout ausgerichtet. Auch ein Projekt bei dem ich viele Fehler machte (nicht unbedingt im Bereich Webdesign, viel mehr auf Website Promotion, Vermarktung und Nutzen), die für mich aber heute Gold wert sind.
(Leider sieht man nicht viel, da die Datenbank nicht mehr exisitiert und demnach fast nur Fehlermeldungen vorhanden sind)
- Siebte Website: Auf dieser befindet ihr euch gerade. Der Webdesignblog ist mein erstes ernsthaftes Projekt. Eingesetzte Software ist WordPress und das Layout wurde mit Photoshop gebastelt. Den Content schreibe ich entweder selbst oder verlinke auf Seiten mit guten Artikeln.
Während meiner Laufbahn als Webdesigner (ab wann kann man sich als solcher bezeichnen?) habe ich immens viele, gute Fehler begangen und ich mache auch weiterhin welche. Für mich kam irgendwann der Punkt an dem ich meine Arbeit als gut empfand, und danach stellte ich fest, das ich noch nichts kann und noch viel zu lernen habe. Heute würde ich nicht mehr im Traum wagen, mich als “guten” Webdesigner zu titulieren, ich versuche meinen Wissensstand ständig zu erweitern (durch gute Bücher, kreative Websites und selbst coden) und bei meinen Projekten immer nachzubessern.
Vielleicht gibt es den ein oder anderen Fortgeschritteneren hier der schmunzeln musste, weil er sich womöglich wiedererkannt hat. Tatsache ist, niemand wird als guter Grafiker, Webdesigner oder Coder geboren, alles ist Übungssache und deswegen habe ich keine Probleme, hier meine Werke zu präsentieren.
Wer Lust hat, mir seine früheren Projekte als Screenshot zu schicken (bitte als Email an: christianstrang(ät)web.de), den werde ich hier mit “jetziger” URL veröffentlichen, mal sehen ob sich jemand traut ;)
Verwandte Artikel
- Der leidige Part einer Website – das Design
- Websitebilder mit einem Hauch von Professionalität versehen
- 8 Web 2.0 Photoshop-Design-Tutorials
- Richtlinien für Webseiten
- Valide Webseiten erzeugen und Tabellen mit Stylesheets den Kampf ansagen
3 Kommentare
Tut mir leid, die Kommentarfunktion für diesen Beitrag ist geschlossen.
Ich habe 1996 mit dem Texteditor angefangen, das war die beste Schule die es gab. Mit WYSIWYG habe ich nie gearbeitet und werde ich sicherlich auch in Zukunft nicht ;o)
Da geb ich dir Recht, Harcoding ist immernoch Trumpf, hatte dazu auch mal was geschrieben. WYSIWYG grenzt einen nur in seinen Möglichkeiten ein, aber vorallem verhindert es, dass man die gesamte Materie versteht.
Hallo Christian
Den Quelltext noch von Hand eingeben ist schon noch Trumpf.
Da muss ich Dir bepflichten.
Ist es aber nicht auch schon fast WYSIWYG Wortpress oder Yoomla zu verwenden?
Irgendwie sehen alle Webseiten danach ähnlich aus, denke ich.
Ich habe mit all die CMS Sachen auch angesehen und irgendwie hat dies mich nie wirklich überzeugen können.
Also ich schreibe alles mit PHP, denke dass man auch auf diese Weise Ordnung in der Struktur haben kann, denn Ordnung ist die halbe Webseite.
Gruss aus der Schweiz
Cedric