Website-Konzeption: Mobile first und responsive Sites

Media Queries

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Media Queries stellen die technische Grundlage für das responsive Design dar. Diese CSS-Anweisungen passen die Darstellung sowie Formatierung der Website an das Display an.
00:55

Transkript

Nach der Theorie jetzt einmal zu den harten Fakten: den Quellcode. Beim responsiven Design ist es so, der Browser bekommt eine HTML-Datei und entscheidet dann, was er damit machen soll. Woher weiß der Browser, was von ihm erwartet wird? Im HTML-Quellcode kann zum Beispiel stehen, dass er eine bestimmte CSS-Datei verwenden soll, wenn ich auf einem Mobilgerät bin. Es kann aber auch direkt im HTML-Quellcode stehen, dass durch CSS festgelegt wird, dass auf einem Desktopgerät ein dreispaltiges Layout verwendet wird. Media Queries im CSS-Code können zum Beispiel abfragen, wie breit und wie hoch das Gerät ist. Sie können abfragen, wie breit und hoch das Browserfenster ist. in dem ich mich gerade befinde. Wie die Orientierung des Gerätes ist, ob es im Hoch- oder im Querformat ist. Wie das Seitenverhältnis oder die Punktdichte des Gerätes ist.

Website-Konzeption: Mobile first und responsive Sites

Konzipieren Sie Websites, die für unterschiedlichste Geräte – vom Smartphone bis zum Fernseher – geeignet sind und lernen Sie die Werkzeuge und Programme kennen, die hier zum Einsatz kommen.

1 Std. 32 min (18 Videos)
Derzeit sind keine Feedbacks vorhanden...
Exklusiv für Abo-Kunden
Erscheinungsdatum:17.12.2014
Aktualisiert am:14.07.2017

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!