Hilfe:Hauptseite/Responsive Design: Unterschied zwischen den Versionen

K
 
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 +
<bookshelf src="Buch:Wiki-Benutzerhandbuch" />
 
=Responsive Design=
 
=Responsive Design=
Das Wiki ist mit verschiedenen Endgeräten nutzbar -  vom Desktop bis zum Smartphone.  
+
Das Wiki ist mit verschiedenen Endgeräten nutzbar -  vom Desktop bis zum Smartphone. Ein sogenanntes „Responsive Design“ ermöglicht die Aufbereitung von Inhalten angepasst an die Bildschirmauflösung von Endgeräten.
Ein sogenanntes „Responsive Design“ ermöglicht die Aufbereitung von Inhalten angepasst an die Bildschirmauflösung von Endgeräten.
 
  
Der Vorteil daraus ist, dass Informationen in gut lesbarer Form auch auf Tablets oder Smartphones verfügbar sind, wenn man unterwegs ist. So ist es möglich Informationen nachzulesen, wo auch immer sich die Möglichkeit bietet.
+
Der Vorteil daraus ist, dass Informationen in gut lesbarer Form auch auf Tablets oder Smartphones verfügbar sind, wenn man unterwegs ist.
  
 
Elemente wie z.B. Tabellen, Bilder, Schriftgrößen etc. passen sich automatisch und flexibel an. Am Smartphone z.B. werden Container-Elemente untereinander angezeigt, da aufgrund der eingeschränkten Bildschirmgröße eine Anzeige nebeneinander die Lesbarkeit einschränkt.
 
Elemente wie z.B. Tabellen, Bilder, Schriftgrößen etc. passen sich automatisch und flexibel an. Am Smartphone z.B. werden Container-Elemente untereinander angezeigt, da aufgrund der eingeschränkten Bildschirmgröße eine Anzeige nebeneinander die Lesbarkeit einschränkt.
 
Hier im Vergleich eine beispielhafte Darstellungen:
 
  
 
{| class="wikitable"
 
{| class="wikitable"
|+
+
|+Hier im Vergleich eine beispielhafte Darstellung:
 
!Anzeige am Desktop-Bildschirm
 
!Anzeige am Desktop-Bildschirm
 
!Anzeige am Smartphone
 
!Anzeige am Smartphone
Zeile 17: Zeile 15:
 
|[[Datei:Hilfebereich-Anzeige-Smartphone.png|alt=Anzeige am Smartphone|zentriert|mini|600x600px|Anzeige am Smartphone]]
 
|[[Datei:Hilfebereich-Anzeige-Smartphone.png|alt=Anzeige am Smartphone|zentriert|mini|600x600px|Anzeige am Smartphone]]
 
|}
 
|}
 +
 +
===QR-Code einer Seite aufrufen===
 +
Für jede Seite findest Du einen QR-Code in den Seitenwerkzeugen.
 +
 +
<br />
 +
[[Datei:Hilfebereich-QR-Code.png|alt=QR-Code anzeigen|zentriert|mini|600x600px|QR-Code anzeigen]]
  
  
 +
Durch Scannen mittels Smartphone kommst Du immer direkt zur Wiki-Seite.
  
 
__NOTOC__
 
__NOTOC__

Aktuelle Version vom 2. September 2021, 11:41 Uhr

Responsive Design

Das Wiki ist mit verschiedenen Endgeräten nutzbar - vom Desktop bis zum Smartphone. Ein sogenanntes „Responsive Design“ ermöglicht die Aufbereitung von Inhalten angepasst an die Bildschirmauflösung von Endgeräten.

Der Vorteil daraus ist, dass Informationen in gut lesbarer Form auch auf Tablets oder Smartphones verfügbar sind, wenn man unterwegs ist.

Elemente wie z.B. Tabellen, Bilder, Schriftgrößen etc. passen sich automatisch und flexibel an. Am Smartphone z.B. werden Container-Elemente untereinander angezeigt, da aufgrund der eingeschränkten Bildschirmgröße eine Anzeige nebeneinander die Lesbarkeit einschränkt.

Hier im Vergleich eine beispielhafte Darstellung:
Anzeige am Desktop-Bildschirm Anzeige am Smartphone
Anzeige am Desktop-Bildschirmmit einer Skalierung 1920 x 1080
Anzeige am Desktop-Bildschirm mit einer Skalierung 1920 x 1080
Anzeige am Smartphone
Anzeige am Smartphone

QR-Code einer Seite aufrufen

Für jede Seite findest Du einen QR-Code in den Seitenwerkzeugen.


QR-Code anzeigen
QR-Code anzeigen


Durch Scannen mittels Smartphone kommst Du immer direkt zur Wiki-Seite.



Keine Kategorien vergebenBearbeiten