Responsive Webdesign
Heutzutage werden Dokumente und Webseiten auf viele verschiedenen Geräten geöffnet, zum Beispiel auf einem Laptop, Tablet oder Smartphone. Dabei variieren die Bildschirmgrößen und die Anzeigen sehr stark. Um eine geräteunabhängige, optimale Darstellung zu erhalten, verwendet man responsive Webdesign.
Medienmerkmale
Man kann die einzelnen Medien bzw. Anzeigen anhand gewisser Merkmale, wie zum Beispiel der Bildschirmbreite unterscheiden.
Smartphones haben im Hochformat z.B. eine Breite von etwa 320 Pixeln.
Tablets im Hochformat von etwa 700 Pixel, im Querformat von etwa 100 Pixeln
und Laptops im Querformat von etwa 1400 Pixeln.
Aufgabe
Erkunde, was sich in dem Dokument verändert, wenn man die Größe verändert. Ändere auch die CSS-Dateien.
Responsive Webdesign
Responsive Webdesign beschreibt eine Webseite, die sich den (technischen) Gegebenheiten des Endgeräts anpasst.
Dies betrifft vor allem die Darstellungsgröße, kann aber auch das gesamte Erscheinungsbild der Seite betreffen.
