Springe direkt zum Inhalt

HNE Eberswalde Organisations-Menü

Springe direkt zum Inhalt
Sie sind hier: Service » IT-Servicezentrum » Webserver & Cabacos » Hilfe für Webredakteure


Tabellen vs Snippets

In Cabacos stehen den Bearbeitern der HNEE-Webseite Tabellen und Snippets als Werkzeug zur Hand, um Spalten und Zeilen in den Seiten einzufügen und damit Inhalte übersichtlich zu strukturieren.

Maßgeblich entscheidend für die Antwort auf die Frage, welches Werkzeug das bessere sei, ist deren Darstellung auf mobilen Geräten. Tabellen mit sperrigen Inhalten können nämlich auf mobilen Geräten ab einer bestimmten Breite nicht weiter verkleinert werden, so dass dann trotz des responsiven Designs weiterhin seitwärts gescrollt werden muss, um den gesamten Seiteninhalt zu sehen. Bei Snippets dagegen werden auf kleinen Bildschirmen die einzelnen Blöcke einfach untereinander geschoben.

Grundsätzlich kann man festhalten, dass  für die Positionierung von Layout-Elementen (Bilder und Textblöcke) Snippets die bessere Wahl sind.
Dagegen sind Tabellen besser geeinget für die klassische Auflistung von Inhalten, z.B. für Termine, Downloads oder Statistika.


Beispiele


Für die Auflistung der Downloads mit vielen Zeilen ist der Einsatz einer Tabelle zu empfehlen. Da die Formularnamen Leerzeichen enthalten, ist der Textumbruch in der mobilen Ansicht kein Problem.

Auf großem Bildschirm

Tabelle richtig

Auf dem Smartphone

Tabelle mobil


Die Positionierung von Seitengestaltungs-Elementen sieht zwar auf großen Bildschirmen noch normal aus, in der mobilen Ansicht aber muss seitwärts gescrollt werden. Bitte verwenden in solchen stattdessen Snippets.

Auf großem Bildschirm

Tabelle falsch

Tipp: Sie erkennen eine Tabelle an den Prozentzahlen im Spaltenkopf. Sie erscheinen in der Bearbeitungsansicht beim Klick in die Tabelle.

Auf dem Smartphone

falsche Tabelle


Die selbe Struktur vom vorigen Besipiel kann auch mit Snippets aufgebaut werden.

Auf großem Bildschirm

Snippet

Auf dem Smartphone

Snippet mobil



Wie werden Snippets eingesetzt?

  1. Im Bearbeitungsmodus der relevanten Seite setzen Sie den Cursor an die Stelle, an der das Snippet später eingefügt werden soll
  2. Dann Snippet-Auswahl öffnen Snippet Menu
  3. Im geöffneten Fenster passendes Snippet auswählen und anklicken (wenn Sie für Ihr gewünschtes Layout nichts Adäquates finden können, geben Sie bitte Rückmeldung an itsz@hnee.de)
  4. Anschließend wird das Snippet in der Seite eingefügt. Nun können Sie die Inhalte wie gewohnt einpflegen. Wenn Sie mehrere "Zeilen" benötigen, ergänzen Sie weitere Snippets entsprechend oft.