9
Wie funktioniert Responsive Webdesign? Warum ist das Thema so interessant? Welche Vorteile habe ich konktret? Welche Geräte werden unterstützt? Was muss ich beachten? Zusammenfassung Wie funktioniert Responsive Webdesign? Warum ist das Thema so interessant? Welche Vorteile habe ich konktret? Welche Geräte werden unterstützt? Was muss ich beachten? Zusammenfassung ©

Wie funktioniert Responsive Webdesign?Wie funktioniert ... · Wie funktioniert Responsive Webdesign?Wie funktioniert Responsive Webdesign? ˜˚˛˝˙ˆ˛ˇ˘˚ ˚ ˚˛ˇ ˆ in 5 Minuten

  • Upload
    others

  • View
    57

  • Download
    6

Embed Size (px)

Citation preview

Page 1: Wie funktioniert Responsive Webdesign?Wie funktioniert ... · Wie funktioniert Responsive Webdesign?Wie funktioniert Responsive Webdesign? ˜˚˛˝˙ˆ˛ˇ˘˚ ˚ ˚˛ˇ ˆ in 5 Minuten

Wie funktioniert Responsive Webdesign?

Warum ist das Thema so interessant?

Welche Vorteile habe ich konktret?

Welche Geräte werden unterstützt?

Was muss ich beachten?

Zusammenfassung

Wie funktioniert Responsive Webdesign?

Warum ist das Thema so interessant?

Welche Vorteile habe ich konktret?

Welche Geräte werden unterstützt?

Was muss ich beachten?

Zusammenfassung©

Page 2: Wie funktioniert Responsive Webdesign?Wie funktioniert ... · Wie funktioniert Responsive Webdesign?Wie funktioniert Responsive Webdesign? ˜˚˛˝˙ˆ˛ˇ˘˚ ˚ ˚˛ˇ ˆ in 5 Minuten

Als Responsive Webdesign bezeichtet man die Fähigkeit einer Website, sich dynamisch an ein bestimmtes Ausgabegerät anzupassen.

Die Website erkennt beim Aufruf, mit welchem Gerät ein Anwender gerade surft.

Speziell für den Bildschirm dieses Geräts wird nun die Struktur und das Layout der Website reorganisiert und optimiert ausgegeben.

So werden beispielsweise unwichtige Inhalte der Desktopansicht bei Smartphones reduziert angezeigt oder sogar ausgeblendet.

Wie funktioniert Responsive Webdesign?Wie funktioniert Responsive Webdesign?

Responsive Webdesignin 5 Minuten

Page 3: Wie funktioniert Responsive Webdesign?Wie funktioniert ... · Wie funktioniert Responsive Webdesign?Wie funktioniert Responsive Webdesign? ˜˚˛˝˙ˆ˛ˇ˘˚ ˚ ˚˛ˇ ˆ in 5 Minuten

Die Nutzung mobiler Endgeräte wie Smartphones und Tablets hat in den letzten Jahren enorm zugenommen, ein Ende der Entwicklung ist nicht in Sicht. Ihre Website sollte auf allen Endgeräten optimal dargestellt werden, um Besucher professionell anzusprechen.

Responsive Webdesign löst dieses Problem für Sie.

Desktop

Mobile Endgeräte

2009

2015

2009

2015

1,4 mrd

1,6 mrd

300 mio

1,9 mrd

Warum ist das Thema so interessant?Warum ist das Thema so interessant?Wow!

Responsive Webdesignin 5 Minuten

Page 4: Wie funktioniert Responsive Webdesign?Wie funktioniert ... · Wie funktioniert Responsive Webdesign?Wie funktioniert Responsive Webdesign? ˜˚˛˝˙ˆ˛ˇ˘˚ ˚ ˚˛ˇ ˆ in 5 Minuten

Welche Vorteile habe ich konkret?Welche Vorteile habe ich konkret?

Sie müssen nur eine Website erstellen und pflegen, getrennte mobile Versionen oder Apps sind meist nicht nötig.

Zeitersparnis

AuffindbarkeitGoogle bewertet eine Umsetzung mittels Responsive Webdesign als positives Kriterium, die Auffindbarkeit ihrer Website steigt.

Responsive Webdesignin 5 Minuten

Page 5: Wie funktioniert Responsive Webdesign?Wie funktioniert ... · Wie funktioniert Responsive Webdesign?Wie funktioniert Responsive Webdesign? ˜˚˛˝˙ˆ˛ˇ˘˚ ˚ ˚˛ˇ ˆ in 5 Minuten

Die Pflege einer einzelnen Website spart nicht nur Zeit, sondern auch Geld. Sie müssen keine getrennten Versionen erstellen lassen.

Sie erreichen mit einer Website alle Internetnutzer, egal ob ihre Besucher Ihre Website mit Computer, Tablet, Laptopoder Smartphone besuchen.

Geldersparnis

Flexibilität

Welche Vorteile habe ich konkret?Welche Vorteile habe ich konkret?

Sie müssen keine getrennten Versionen erstellen lassen.

Responsive Webdesignin 5 Minuten

Page 6: Wie funktioniert Responsive Webdesign?Wie funktioniert ... · Wie funktioniert Responsive Webdesign?Wie funktioniert Responsive Webdesign? ˜˚˛˝˙ˆ˛ˇ˘˚ ˚ ˚˛ˇ ˆ in 5 Minuten

Die Technik des Responsive Webdesign wird von allen aktuellen Browsern und den Geräten, auf denen diese installiert sind, unterstützt:

Welche Geräte werden unterstützt?Welche Geräte werden unterstützt?

Google Chrome

Mozilla Firefox

Safari

Internet Explorer

Opera

Responsive Webdesignin 5 Minuten

Page 7: Wie funktioniert Responsive Webdesign?Wie funktioniert ... · Wie funktioniert Responsive Webdesign?Wie funktioniert Responsive Webdesign? ˜˚˛˝˙ˆ˛ˇ˘˚ ˚ ˚˛ˇ ˆ in 5 Minuten

Ein Responsive Webdesign Projekt ist in der Erstellung zeitaufwändiger als eine klassische Website, da eine komplexere Planung und Strukturierung nötig ist!

Was muss ich beachten?Was muss ich beachten?

Planung

Responsive Webdesignin 5 Minuten

Page 8: Wie funktioniert Responsive Webdesign?Wie funktioniert ... · Wie funktioniert Responsive Webdesign?Wie funktioniert Responsive Webdesign? ˜˚˛˝˙ˆ˛ˇ˘˚ ˚ ˚˛ˇ ˆ in 5 Minuten

Zusammengefasst bedeutet das:Zusammengefasst bedeutet das:

Responsive Webdesign bringt Sie voran!Responsive Webdesign bringt Sie voran!

Dynamisch praktisch praktisch gut

Responsive Webdesignin 5 Minuten

Page 9: Wie funktioniert Responsive Webdesign?Wie funktioniert ... · Wie funktioniert Responsive Webdesign?Wie funktioniert Responsive Webdesign? ˜˚˛˝˙ˆ˛ˇ˘˚ ˚ ˚˛ˇ ˆ in 5 Minuten

Testen Sie unser Responsive Webdesign unter:

Kontakt

mediaCENTERweb

Flößaustraße 54 • 90763 Fürth

Telefon 0911 / 9792302 Telefax 0911 / 97798904

[email protected]

Responsive Webdesign

©