Information

Willkommen

Liebe Besucher, wir begrüßen Sie bei uns. Schön, das wir Ihr Interesse geweckt haben. Nachstehend einige Informationen für Sie.

Bereits verlinkt

Das Hauptmenü (Primus bis Sextus) haben wir bereits beispielhaft verlinkt. Bitte klicken Sie die Links. Die rechtlichen Links namens Impressum, Datenschutz und Disclaimer sind ebenfalls verlinkt.



Die Navigation

Das Hauptmenü. Die Buttons sind als sogenannte "Glossy Buttons" gestaltet und bestehen nur aus CSS, es wurden keine Grafiken hierfür verwendet. Bei kleineren, sprich mobilen Auflösungen, wechselt das Menü von der horizontalen in eine vertikale Darstellung. Außerdem wird das vertikale Menü dann als "Toggle-Menü" angezeigt, es ist dann per Menü-Button (drei Linien) einschaltbar sowie auschaltbar (X).




Responsive

Responsive Webdesign

Responsive Webdesign (RWD) ermöglicht eine Anpassung/Optimierung der extrem unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite. Dazu werden per CSS3-Media Queries die verschiedenen Bildschirmgrössen abgefragt. Außerdem wird beim Layout verstärkt mit Prozent-Angaben gearbeitet.

Technik

Diese Responsive-Vorlage verwendet keinerlei Javascript. Weder für die Konstruktion, noch für die Navigation oder das Anpassen der CSS3-Media Queries bei älteren Browsern (denn die CSS-Media-Queries junktionieren ja erst ab Browser Internet Explorer Version 9 und eben nicht im älteren Browser Internet Explorer Version 8 oder Version 7) 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. Ausserdem zeigen wir Ihnen, wie Sie ältere Browser, also insbesondere verschiedene Versionen des Internet Explorer testen können.


Fotos

Hinweis zu den Fotos

Die Fotos in dieser Vorlage sind von https://picjumbo.com/ Wir haben diese responsive angelegt. Für die Fotos im Inhaltsbereich haben wir ein 16:9 Format geschnitten. Gerne können Sie natürlich auch Ihre eigenen Fotos verwenden.
meine-webseite-url.de