Home

Some Infos

Bereits verlinkt

Dieses Template heißt 'The Art Of Light'. Klicken Sie auf die Links im Menü (Primus bis Sextus) und Sie sehen wie die Seiten verlinkt sind und erfahren noch einige Informationen.

Layout

Im Menü wird bei Mausberührung sowie beim gerade aktuell angezeigten Link das Kreis-Symbol durch das Häkchen-Symbol getauscht. Dies geschieht alles ohne Grafiken, denn die kleinen Icons sind sogenannte Font-Icons. Es ist also eine Icon-Schrift, deren Textzeichen grafisch wirken.

Die Technik

Responsive Webdesign

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

Diese Responsive-Vorlage verwendet keinerlei Javascript. 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.

Fotos

Das Foto im oberen Bereich beim Hauptmenü können Sie bei Bedarf leicht tauschen, so daß auf jeder Seite dort ein anderes Foto stehen kann. Sehen Sie hierzu als Beispiel index6.html (Sextus)