Responsives Layout für Webseiten

... so klappt´s auch auf dem Smartphone: Webseiten für ganz unterschiedliche Monitor-Größen und Anzeige-Geräte gestalten

4.25
(4)
Beitrag bewerten
Ersten Kommentar schreiben
Stand: 14. Dezember 2012

Die Bildschirme, auf denen Webseiten betrachtet werden, werden immer unterschiedlicher:

  • Riesige Bildschirme auf dem Schreibtisch,

  • kleinere bei Notebooks (und zwar in unzähligen und nicht genormten Größen),

  • weitere Anzeigegrößen bei Tablets, und schließlich

  • wesentlich kleinere auf den Smartphones.

Wie kann man da eine Seite gestalten, die auf all diesen unterschiedlichen Bildschirmgrößen gleichermaßen gut aussieht und sich überall auch gut benutzen lässt? Durch Responsives Layout.

Mit Responsive Webdesign können Sie Webseiten gestalten, die auf den verschiedenen Ausgabemedien unterschiedlich aussehen, weil sie sich anpassen. Ein Layout kann, wenn viel Platz verfügbar ist, dreispaltig sein und bei wenig verfügbarem Platz - wie auf einem Smartphone - einspaltig.

Möglich machen das CSS3-MediaQueries. Was dazu sonst noch gebraucht wird und wie alle Zutaten zusammenspielen, zeigt Ihnen dieser Kurs anhand eines praktischen Beispiels.

Sie werden sehen, wie man ein Layout erstellt, das bei viel verfügbarem Platz zweispaltig ist, bei weniger Platz hingegen einspaltig. Außerdem lernen Sie Techniken kennen, um Bilder zu flexibilisieren, und erfahren, wie Sie mit einer Meta-Angabe die Darstellung in Smartphones entscheidend beeinflussen. Um ältere IEs kümmern wir uns außerdem noch ... Damit haben Sie alles, was Sie für Ihre Responsive Layouts brauchen.

Zweispaltig und einspaltig je nach PlatzDas Layout passt sich an die Größe des Bildschirms an: Links sehen Sie die mehrspaltige Variante bei viel verfügbarem Platz, rechts die einspaltige Variante bei wenig Platz.

Inhaltsverzeichnis

Beitrag bewerten

Ihre Wertung:

 

Mitglied werden, Vorteile nutzen!

  • Sie können alles lesen und herunterladen: Beiträge, PDF-Dateien und Zusatzdateien (Checklisten, Vorlagen, Musterbriefe, Excel-Rechner u.v.a.m.)
  • Unsere Autoren beantworten Ihre Fragen

Inhalt

Downloads zu diesem Beitrag

Über die Autorin:

bild117864

Dr. Florence Maurice bietet Dienstleistungen im Webpublishing in Form von Fachtexten und Trainings (auch maßgeschneiderte Inhouse-Schulungen). Außerdem programmiert sie Webseiten. Ihre Themen: HTML, ...

Newsletter abonnieren