Home

Informationen

Das Layout

Dieses Template heißt 'Classic Style Trend'. Ein klassischer Stil ist immer angesagt und wird es auch immer sein. Eben unabhängig von Trends. Und damit wird es, weil zeitlos, auch immer wieder Trend sein.

In diesem Template möchten wir den 'klassischen Aspekt' auf die Farben Schwarz und Weiss legen. Dies soll explizit auch Graustufen be-inhalten, denn der reine Schwarz-Weiß Gegensatz wirkt doch eher hart (zumindest je größer die Fläche wird) und hat einfach zuviel Kontrast. (Beispiel: Weiße Schrift auf schwarzem Hintergrund ist beim Lesen sehr anstrengend.)

Denken Sie an Schwarz/Weiß Fotos mit weißem Rand, die elegante, zeitlose S/W-Kleidung (gemeint ist: Dunkler Anzug mit weißem Hemd und das schicke schwarze Abendkleid) oder natürlich die Print-Medien, wie Tageszeitungen (Schwarzer Text auf weißem Hintergrund), übrigens dort auch gerne kombiniert mit der Farbe Rot.

Dieser S/W-Stil ist auch bei den neuen Medien angesagt, Smartphones und Tablet haben zu einem großen Prozent-Anteil entweder ein schwarzes oder weißes Gehäuse, auch hier gilt es modern, klassisch, trendy, um zeitlos und edel zu wirken.

Bereits verlinkt

Klicken Sie auf die Links im Menü (Primus bis Sextus) und Sie sehen wie die Seiten verlinkt sind und erfahren noch einige Informationen.

Lightbox Galerie: Klicken Sie die vorstehenden Fotos.

Lightbox Picture Gallery

Wir haben in diesem Template die bekannte, beliebte und bewährte 'Lightbox' Foto-Gallerie eingebaut. Klicken Sie bitte dazu auf die Fotos.

So funktioniert diese Foto-Schau: Nach Klick auf ein Foto öffnet sich ein neues Fenster mit dem Foto sowie einer Bildunterschrift und einer Anzeige (Bild 1 von X), gleichzeitig dunkelt sich die komplette Webseite im Hintergrund ab.

Wenn mehrere Fotos in einer Gruppe zusammengefaßt sind, ergibt sich folgendes tolle Feature: Fahren Sie mit der Maus über die rechte Fotohälfte. Es erscheint dann ein Pfeil, welcher Sie durch Klick auf diesen immer weiter zum nächsten Foto führt. In diesem Fenster lässt sich also eine ganze Bildkollektion durchsehen. Übrigens erscheint bei Mausberührung auch ein Pfeil nach links um die Fotos wieder in anderer Richtung zu betrachten. Zum Schließen des Fenster klickt man auf das 'X' oder irgendwo ausserhalb des Fensters.

Responsive Webdesign

CSS-Media Queries

Responsive Webdesign (RWD) ermöglicht eine Anpassung bzw. Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.

Dazu werden per CSS-Media Queries die verschiedenen Bildschirmgrössen abgefragt. Somit kann man auch auf das Hoch- oder Querformat eines mobilen Gerätes reagieren. Außerdem wird beim Layout verstärkt mit Prozent-Angaben gearbeitet.

So testen Sie

Hier auf der Seite index1.html (Primus) nennen wir Ihnen gute Möglichkeiten ein Responsive-Layout in verschiedenen Auflösungen zu testen, denn nicht jeder hat ja diverse Smartphones und Tablets zu Hause.