Ist Ihre Webseite "reaktionsfähig"?
Beim "Responsive Webdesign" passt sich Ihre Webseite dem jeweiligen Ausgabemedium (Smartphone, Tablet, Desktop) an. Bei "klassischen" Websites ist die Darstellung auf Smartphones oder Tablets meist unleserlich und unübersichtlich.
Durch die flexible Dartstellung der Webseite passen sich Ihre Inhalte und Menüs dynamisch an die Bildschirmgröße an. Dabei bleibt das Design der Webseite erhalten. Als Grundlage zur technischen Umsetzung einer reaktionsfähigen Webseite werden HTML5 und CSS3 verwendet. Dabei spielen die sogenannten MediaQueries die zentrale Rolle.
was sind Media Queries ?
Die sogenannten "Media Queries" sind dafür zuständig die Eigenschaften des "Anzeigemediums" abzufragen. Je nach Typ (Smartphone, Tablet, Desktop) wird dem Anzeigegerät ein entsprechendes Stylesheet zugeordnet, damit die Webseite auf dem Gerät optimal angezeigt wird.
@media screen {
/* Hier stehen die CSS Anweisungen für die Bildschirmausgabe */
}Einige Vorteile von "Responsive Webdesign"
- Sie müssen Ihre Inhalte nur einmal pflegen
- Ihre Webseite passt sich dem Ausgabemedium an
- Google bewertet Ihre Seite besser
- Kostenvorteil gegenüber separaten mobilen Lösungen
- zukunftsorientierte Technik
