Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
de:modul:m287:learningunits:lu05:medientypen [2026/01/27 10:49] – ↷ Seite von modul:m287:learningunits:lu05:medientypen nach de:modul:m287:learningunits:lu05:medientypen verschoben msuterde:modul:m287:learningunits:lu05:medientypen [2026/01/27 17:19] (aktuell) – ↷ Links angepasst, weil Seiten im Wiki verschoben wurden 176.31.139.13
Zeile 6: Zeile 6:
 Das Erscheinungsbild einer Webseite hängt deshalb stark vom verwendeten Endgerät ab, mit dem diese betrachtet wird. Das Erscheinungsbild einer Webseite hängt deshalb stark vom verwendeten Endgerät ab, mit dem diese betrachtet wird.
  
-{{:modul:m287:learningunits:lu05:responsive-webdesign-intro.jpg?600|}}+{{de:modul:m287:learningunits:lu05:responsive-webdesign-intro.jpg?600|}}
  
 ===== Was ist Responsive Webdesign? ===== ===== Was ist Responsive Webdesign? =====
Zeile 16: Zeile 16:
 Beispielsweise ist die Standardauflösung für Smartphones 320 bis 768 Pixel, für Tablets 768 bis 1.024 Pixel und für Desktop-PCs häufig über 1.024 Pixel. Responsive Webdesign erfordert daher ein Umdenken im Design-Prozess, so kann eine responsive Website beispielsweise Inhalte auf einem Smartphone in einer einzelnen Spalte, auf einem Tablet in zwei Spalten und auf einem Computer in drei oder vier Spalten anzeigen. Beispielsweise ist die Standardauflösung für Smartphones 320 bis 768 Pixel, für Tablets 768 bis 1.024 Pixel und für Desktop-PCs häufig über 1.024 Pixel. Responsive Webdesign erfordert daher ein Umdenken im Design-Prozess, so kann eine responsive Website beispielsweise Inhalte auf einem Smartphone in einer einzelnen Spalte, auf einem Tablet in zwei Spalten und auf einem Computer in drei oder vier Spalten anzeigen.
  
-{{:modul:m287:learningunits:lu05:responsive-webdesign.jpg?600|}}+{{de:modul:m287:learningunits:lu05:responsive-webdesign.jpg?600|}}
  
 ==== Warum ist Responsive Webdesign wichtig? ==== ==== Warum ist Responsive Webdesign wichtig? ====
Zeile 65: Zeile 65:
   * und für die Drucker-Ausgabe (print) →  print.css sind unten aufgeführt.   * und für die Drucker-Ausgabe (print) →  print.css sind unten aufgeführt.
  
-| {{:modul:m287:learningunits:lu05:media_screen.png?400|}} | {{:modul:m287:learningunits:lu05:media_print.png?400|}} | +| {{de:modul:m287:learningunits:lu05:media_screen.png?400|}} | {{de:modul:m287:learningunits:lu05:media_print.png?400|}} | 
  
 **HTML** **HTML**
  • de/modul/m287/learningunits/lu05/medientypen.txt
  • Zuletzt geändert: 2026/01/27 17:19
  • von 176.31.139.13