Webgestaltung 2.0

von ddomagala

In den letzten zwei Schulwochen erarbeitete ich mit meiner Gruppe das Layout der Webseite mit Sketch und den ersten Webseitenentwurf für den fiktiven Reiseveranstalter „Ski Stern Sportreise“ (weitere Screenshots folgen noch).

Die ganz besondere Herausforderung an dieser Stelle war die Einbindung der Navigationsleiste, die sich rechts im Bild befindet (siehe auf dem Bild rechts).

Die grafischen Elemente können ohne weitere Hilfe nicht gemeinsam anecken. Das Resultat sieht wie folgt aus:

/ |
|  |
| /
/ |
|  |
| /

Der Browser sieht alles immer in der Form eines Quadrats. Deshalb muss man die Formen zu ihrem Glück zwingen und sie mit CSS verschieben.
Dies erfolgt über die Befehl „margin-top:  (?)px;“ .