Beispielhafte Unternehmens-website

Prototyp B - mobile Version / Startseite

Dieser Prototyp zeigt ein einfaches Layout eines fiktiven Unternehmens aus dem Bereich Fotografie und hat folgende Eigenschaften:

• Erstellt in HTML 4.01.
• Formatierungen mit CSS Level 2 (CSS 2.1), mit Ausnahme von border-radius und text-shadow.
• Der Container (#CONTAINER) hat eine fixe Breite von 320px und zentriert die Website horizontal.
• Bei größeren Displays wird der der zusätzliche Platz nicht ausgenutzt (bleibt weiß).
• Schriftgrößen und alle Breiten-/Höhenangaben erfolgen in Pixel (px), es gibt keine relativen (%) Werte.
• Mit wenig Mehraufwand könnte diese Variante auf ein flexibles Layout umgestellt werden, darauf wurde allerdings bewusst verzichtet.
• Auf Displays mit weniger als 320px in der Breite kann es auch hier zu Problemen kommen.
• Wichtigste Änderung ist das Menü, das sich nun oberhalb des Content-Bereichs befindet.
• Große leicht anklickbare Links im Button-Stil unterstützen die Navigation.
• Die mobile Version ist oft ein getrenntes eigenständiges System oder wird zumindest durch Anpassung (Plugins) oder Individualprogrammierung ermöglicht.
• Ein wesentlicher Vorteil ist, dass sofort für mobile Geräte optimierte Inhalte ausgeliefert werden können. Diese wurden im Vorhinein (oder serverseitig) erstellt und müssen nicht erst am Gerät mit CSS oder JavaScript angepasst. Das kann Geschwindigkeitsvorteile bringen und/oder Traffic sparen.