Layout's für Webseiten
Webseiten kann man auch so gestalten, das sie sich der Bildschirmgrösse des Besuchers optimal anpassen.
Das nennt man auch Responsive Webdesign.Je mehr im Fenster des Browsers dargestellt werden kann, desto optimalerpräsentieren sich die Inhalte!
Dennoch bleibt die Seite auch bei kleinsten Browserfenstern oder auf Mobilgeräten bedienbar!
Alle Layouts besitzen eine Stilvorlage für den Druck. Eine separate, für den Ausdruck optimierte Seite entfällt somit. Wenn ihr Browser eine Druckvorschau anbietet, können sie sich die jeweilige Seite einmal anschauen wie sie ausgedruckt aussehen würde oder sie lassen gleich drucken.
Zur Kontrolle gibt es von jedem Layout ein Bildschirmfoto.
dynamische Layout's
Zweispaltige Layout Passt sich dem kleinsten Browserfenster an. Auch ideal für Mobilgeräte wie Tablets und Smartphones geeignet! Layout mit fester Inhaltsbreite Dieses Design hat eine feste, zentrierte Seitenbreite und passt die Höhe des Inhaltes, der des Browserfensters an Layout mit fester Navigation Die Navigation ist in der Kopzeile fixiert. Der 2.spaltige Inhalt passt darunter Fensterfüllend an. Bilder ändern ihre Grösse! Layout mit Kopfzeile und Navigation links Kopfzeile mit fester Höhe. Darunter eine linksseitige Navigation und der Inhalt. Alle Seiten sind bei diesem Design navigierbar! Layout mit Hintergrundbild Über einem vollformatigen Hintergrundbild liegt der, mit einer Breite von 80% zentrierte Fensterhohe Inhalt- CSS3 Fotogalerie Imit dynamischer Formatanpassung
- CSS3 Fotogalerie IIin den Textfluss integrierbar
- CSS3 Animationeiner Drahtseilbahn
- Info-Akkordeonfür eine mehrseitige Präsentation
- Personenbeschreibungz.B. ihrer Mitarbeiter
- Kompaktmenüist sehr dezent
Firefox 47.63%
Chrome 30.80%
Opera 0.23%
Safari 10.00%
IE 3.07%
Mobile 0.53%
sonstige 7.73%
