Jährliches Website Update

Details: Kategorie: Webdesign & Softwareentwicklung; Erstellt am Freitag, 20. März 2009 14:22

Irgendwie hat es sich eingeschlichen die Semesterferien zu nutzen, um jedes Jahr im März ein wenig an meiner Website zu arbeiten. So ist es auch in diesem Jahr gewesen und als Ergebnis dieses Frühjahrsputzes erstrahlt www.sebastian-kleinau.de nun in neuem Glanz.

Design Änderungen

Was das Design angeht, ist Glanz auch schon das richtige Stichwort. Ein Hauch Web 2.0 hält Einzug - allerdings nicht mit überzogenen Spiegelungen wie auf manchen Internetseiten. Ich bevorzuge einen unauffälligen Glanz- und Schatteneffekt, wie in der Vorher-Nachher-Aufnahme deutlich wird:

Top Navigation Vorher (vergrößert auf 150%)

Top Navigation Nachher (vergrößert auf 150%)

Auch das Menü auf der linken Seite musste sich der optischen Änderung beugen:

Seitliches Menü Vorher (vergrößert auf 150%)

Seitliches Menü Nachher (vergrößert auf 150%)

Desweiteren habe ich die Seite insgesamt etwas breiter gemacht - die Zeiten der 800x600 Bildschirmauflösung sind vorüber und warum sollten Nutzer mit 1024px oder 1280px Breite darunter leiden?

Am Ende meiner Umbauarbeiten stellte ich dann auch noch fest, dass die Vergrößerung von Bildern als "Diashow Anzeige" im Internet Explorer nicht funktionierte.
Unter uns Webdesignern & Wissenden: Es ist eine ganz schlechte Idee das Mootools und Prototype Framework gleichzeitig zu nutzen. Die Joomla Installation nutzt für irgendein Modul / Plugin Mootools und mein "Lightbox 2" Skript war auf Prototype aus. Deshalb habe ich die Lightbox durch eine Version ersetzt, die auf Mootools setzt: Slimbox - zu finden unter www.digitalia.be/software/slimbox.

Inhaltliche Änderungen

Neu ist auch die Suchbox ganz oben auf der Seite. Inzwischen findet man ja doch so einige Inhalte auf der Website und damit man sich nicht ewig durch die Menüs klicken muss oder erst Google auf dieser Seite bemühen muss, habe ich dort eine Suchfunktion integriert.

Zu all diesen Änderungen kommen dann noch zahlreiche inhaltliche Änderungen, die ich gar nicht alle aufzählen kann. Die Menüstruktur habe ich verändert, die Texte über mich überarbeitet, die Seiten von meinem Studium aktualisiert (das habe ich anscheinend 2 Semester lang vergessen gehabt) und meinen "Business Bereich" um Webdesign und Softwareentwicklung inhaltich neu ausgerichtet und strukturiert.

Because Open Source Matters

An dieser Stelle halte ich es für angebracht zu erwähnen, dass man das alles ohne Kostenaufwand hinbekommt.

Das Content-Management-System, mit dem ich die Website erstelle - Joomla - ist Open Source und kostenlos.

Der Vektorgrafik-Editor Inkscape ist ebenfalls konstenlos und Open Source. Damit kann man hervorragend Entwürfe für Websites anfertige. Speziell der Vorteil der frei skalierbaren Vektorgrafik erlaubt schnelle Größenveränderungen ohne wieder zu herumpixeln zu müssen.

Um diese "Schablone" dann zurechtzuschneiden nutze ich GIMP als Bildbearbeitungsprogramm - wieder kostenlos und Open Source.
Sicherlich werden einige Adobe Photoshop als professioneller betiteln, aber man sollte die Möglichkeiten der o.g. beiden Programme nicht unterschätzen, speziell wenn man deren Preis gegen Photoshop aufwiegt.

Testen kann ich die ganze Website dann lokal auf meinem Rechner mit XAMPP - ebenfalls freie Software.

Ist alles fertig, lade ich die Website dann per FTP mit FileZilla auf meinen Webspace und kann mich mit Firefox daran erfreuen.

Was all die Programmierer da leisten, ermöglicht mir meinen kompletten Entwicklungszyklus ohne weitere Kosten durchzuführen und verdient die höchste Anerkennung.

Das wird all zu oft vergessen und deshalb wollte ich es an dieser Stelle mal erwähnen.