icons/Logo.pngPraktische Elektronik


Das Layout der Praktische Elektronik unterstützt Smartphones, Tablets und Druck


Layout der Seiten


Layout der Seiten in Praktische Elektronik

Die Seiten sind mit HTML5 und CSS beschrieben. Sie passen sich dynamisch an den Browser auch für Smartphones an.

  • Praktische Elektronik verwendet
  • kein Javascript,
  • keine Referenzen auf Schüffel-Seiten,
  • keine Werbung.
  • Die Seiten passen sich dem Medium (Handy, Tablet, PC) an.
  • Die Seiten sind druckbar.
  • Leider unterstützen die Browser das Drucken von Seiten nur unzulänglich.
  • Deshalb wurde für den Druck ein einfaches Layout verwendet.
  • Einige Browser erzeugen dennoch Seiten, die zu wünschen lassen.

Gliederung einer Seite

  • Kopfbereich werden Dropdown-Menüs verwendet die auch auf dem Smartphone funktionieren.
  • Wenn das Fenster groß genug ist, werden Hinweise rechts dargestellt. Sonst sind sie in den Text eingebettet.

Zoom für Bilder

Große Bilder werden verkleinert dargestellt. Die maximierte Version Version wird durch das Anklicken des Bildes angezeigt.

  • Bilder mit dieser Eigenschaft werden mit einem türkisen Rahmen dargestellt.
  • Die Bildunterschrift beginnt mit Zoom-.
  • Auf Computer-Bildschirmen wird der Mauszeiger zu einer Lupe.
../Praktikum/Digital/Inverter-positiv-negativ_s.png
Bild durch Klick auf das Bild vergrößern
  • Bilder passen sich der Größe des Fensters an.
  • Falls Bilder generell zu groß sind, können vergrößert werden: Zoom-Bild
  • Es werden auch bei Bildern keine verborgenen Links zu Schnüffel-Seiten gesetzt.

Navigation links

Wenn das Browser-Fenster groß genug ist, wird auf der linken Seite ein Rahmen für die Navigation angezeigt. Der Inhalt ist von der angezeigten Seite abhängig.

Navigation_left.png
Beispiel für einen Navigationsrahmen

Der Navigationsrahmen gliedert sich in drei Bereiche:

  • oben wird der Kontext der Seite angezeigt, z.B. Home und Eltern-Seite
  • in der Mitte interne Verweise z.B. Überschriften
  • unten Verweise auf andere Seiten