Technische Details dieser Seite

Wie wir das gemacht haben.

Grundlage jeder Internetpräsenz ist die Konzeption und die Gestaltung, üblicherweise in Adobe Photoshop. Diese Prozesse können durchaus einen Großteil der Projektzeit in Anspruch nehmen. Werden in diesen Phasen logische Fehler gemacht, oder fließt schlicht nicht genug kreative Zeit ein, können die Folgen für spätere Projektphasen erheblich sein. Besonderes Augenmerk gilt während Konzeption und Gestaltung auch einer ausgefeilten Bedienbarkeit, der sog. Usability.

Die erste Umsetzung der finalen Layouts wird mittels XHTML / HTML 5 und Stylesheets (CSS) realisiert. Mit der enstandenen Vorschauversion, dem sog. "Klickdummy" oder "Mockup", können wir testen, wie sich die Webseite auf unterschiedlichen Browsern mit unterschiedlichen Einstellungen verhält und ggf. frühzeitig gegensteuern und optimieren. Die Präsenz muss robust sein und sollte den Kriterien der Barrierefreiheit entsprechen.

Jede Präsenz, die aus mehr als als zwei Seiten besteht, braucht unserer Meinung nach ein flexibles Grundgerüst. Zu diesem Zweck, und nicht ausschließlich zur Anbindung von Datenbanken, kommt PHP zum Einsatz. Die funktionsorientierte Programmierung ist effizient und bietet viel Spielraum für eine maßgeschneiderte Präsenz, die dem Kunden hundertprozentig zusagt.

Damit der Besuch der Präsenz zum Erlebnis wird, auch "User Experience" genannt, werden im folgenden Schritt bestimmten Bereichen der Internetseite mittels Javascript-Effekte hinzugefügt. Hierzu empfiehlt es sich, auf ein geeignetes Javascript-Framework zurückzugreifen, welches sich durch eine gute Crossbrowser-Unterstützung auszeichnet. In diesem Fall haben wir uns für MooTools entschieden.

Damit die Inhalte nicht zähflüssig auf dem Bildschirm des Besuchers erscheinen, ist es durchaus sinnvoll sich mit der Performance zu beschäftigen und diese möglichst optimal zu gestalten. Mit Hilfe des "JS-CSS-Boosters" wurden extern eingebundene CSS- und JSDateien geschrumpft und zusammengefügt, die Anzahl der Anfragen, die nun noch an den Webserver geschickt werden müssen, wird dadurch stark reduziert und dadurch ein optimales Caching erreicht.