Wenn deppad, dann gscheid.

Das Layout

Dieses Design heisst: "Vor Helgoland".
Diese dezenten, aber schicken Grau-Töne passen meiner Meinung wunderbar zu der Wasserfarbe im Foto oben, lassen aber mit Sicherheit auch jedes andersfarbige Foto erstrahlen. Oftmals sieht man so ein grau-schwarzes Design bei Fotografen-Seiten, denn die wählen diese Farben sehr bewusst, damit die Schönheit und Leuchtkraft Ihrer Fotos besonders zum Tragen kommt. Hope you enjoy it.


Die Technik

Dies ist eine Prozent-Konstruktion. Es erfolgt eine Anpassung in Prozent an die verschiedenen Bildschirmauflösungen Ihrer Besucher. Die Breite der Gesamtkonstruktion beträgt 82% (veränderbar) der Breite des Bildschirms. Ausgehend von diesem Wert bekommt die Spalte mit dem Foto 66 Prozent Breite und die Spalte daneben mit der Navigation 34 Prozent Breite. Um die ganze Konstruktion legt sich ein Schatten, welcher flexibel ist; ändern Sie z.B. die Prozentwerte bei Gesamtbreite von 82% auf 90% oder gar auf einen beliebigen Pixelwert (siehe unten die Bonus-Version: Pixel-Konstruktion) so passt sich der Schatten dieser Änderung an und wandert mit.


Die Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. 1 Menü oben, 1 Menü oben rechts. Beide Menüs oben sind um einige Links zu erweitern bzw. natürlich auch zu verkürzen.

Das horizontale Menü unterhalb des Fotos ist ein Prozent-Menü: Es erhält hier 100% von 82% der Gesamtkonstruktion. Es ist nur abhängig von der Linklänge, d.h. je kürzer die Linkwörter, desto mehr Links sind möglich. Im Moment sehen Sie also 5 Links mit der selben Breite je Link. Ein Link hat hier 20% (denn 5 x 20 = 100%). Sie können auch für 6 Buttons einen Prozentwert von 16% oder für 7 Buttons eine Prozentwert von 14% wählen oder ähnlich. (Sie teilen also immer 100 durch die Anzahl der Buttons und runden nach unten ab). Erfahrene Anwender testen bei einer Änderung dieses Menüs die Auswirkung bei den verschiedenen Bildschirmauflösungen. Anfänger kommen evt. mit der Pixel-Konstruktion (bezogen auf die Gesamtkonstruktion) besser zurecht (siehe unter "Bonus"), denn dann sieht die Länge des Prozent-Menüs bei jeder Bildschirmauflösung gleich aus.


Bonus

Wir haben noch eine zweite Version index2.html für Sie. Diese Version ist eine Pixel-Konstruktion mit zur Zeit 900 Pixel Breite. Auch dieser Pixel-Wert ist veränderbar, z.b von 900px auf 700px oder beliebig andere Werte.


Tipps

Abschliessend haben wir hier noch detaillierte Tipps bezüglich dieser Vorlage für Sie: tipps.html.
Mike Muster GmbH & Co. KG  •  Spezialstrasse 55  •  55234 Sampletown