ISO International
Die Internetpräsenz der ISO International Development & Consulting GmbH war die erste Seite, die ich gemeinsam mit den Verantwortlichen des Unternehmens erarbeitet habe.
Die Struktur basiert auf der vorangegangenen Seite des Unternehmens. Das Design wurde allerdings 2010 von dem zuständigen Webdesigner komplett überarbeitet und die Umsetzung erfolgte daraufhin mit dem Content Management System Typo3.
Design
Der Neuentwurf der Unternehmensseite machte es trotz der ähnlichen Struktur der Vorgängerpräsenz notwendig, das Design komplett neu in HTML zu gießen. Es existierten 2 grundlegende Entwürfe. Der erste Entwurf war die Startseite, die neben dem Header in 2 weitere Bereiche aufgeteilt war. Der obere Bereich zieht sich durch das komplette Design, der untere Bereich dagegen soll einen ersten Einstieg in die Unterseiten bieten. Der zweite Entwurf bestand aus eben diesen Unterseiten, die mit Bildern und Texten gefüllt werden können. In HTML erfolgten somit 2 Seiten, die die grundsätzliche Struktur dafür vorbereiten sollten. Die Struktur beider Seiten ist sehr ähnlich, allerdings gibt es auch signifikante Unterschiede: Vor allem die dynamische Höhe der Unterseiten und unterschiedliche Menüstrukturen. Dagegen sind sie identisch in ihrer festen Breite und der Aufteilung im oberen Bereich sowie dem Header.
Content Management System
Als Content Management System (CMS) wird Typo3 eingesetzt. Diese Seite war zudem meine erste Seite, die ich mit diesem CMS umgesetzt habe. Die 2 HTML Versionen des Designs mussten zur Umsetzung in 2 seperate Templates verwandelt werden. Beide Templates mussten dabei ihre ähnlichen Strukturen von derselben Quelle beziehen, ihre Unterschiede wurden dagegen durch die verschiedenen Templates realisiert. So ist es im Backend von Typo3 möglich aus 2 Templates zu wählen: Home (Startseite) und Content (Inhaltsseiten). Die Content-Seiten erlauben es außerdem, dass man für jede einzelne Unterseite verschiedene Teaser-Bilder im oberen Bereich der Seite verwenden kann. Auf der Startseite dagegen wurde ein dynamisches Flash-Element eingebunden. Die Teaser-Bilder werden direkt im angelegten Seitenbaum im Typo3-Backend als Ressourcen zur jeweiligen Seite hinzugefügt. Dort können auch Texte und weitere Bilder verwaltet werden. Zusätzlich dazu steht ein News-System mit Hilfe des Plugins tt_news zur Verfügung.
| Datum der Fertigstellung | 9. July 2010 |
|---|---|
| Technologien | CSS, Flash, Typo3, TypoScript, XHTML |
| Link | http://www.iso-i.de |