Dieser Artikel bietet einen Überblick über die verschiedenen Layouts die im weiteren Verlauf dieses Workshops erstellt werden können…

Flex 2 Layouts:

  • Flex 2 mit Basis-Navigation
  • Flex 2 mit Tab-Navigation vertikal
  • Flex 2 mit Tab-Navigation horizontal
  • Flex 2 mit Klick-Dropdown vertikal
  • Flex 2 mit Klick-Dropdown horizontal
  • Flex 2 mit Hover-Dropdown vertikal
  • Flex 2 mit Hover-Dropdown horizontal

Flex 3 Layouts:

  • Flex 3 mit Basis-Navigation
  • Flex 3 mit Tab-Navigation vertikal
  • Flex 3 mit Tab-Navigation horizontal
  • Flex 3 mit Klick-Dropdown vertikal
  • Flex 3 mit Klick-Dropdown horizontal
  • Flex 3 mit Hover-Dropdown vertikal
  • Flex 3 mit Hover-Dropdown horizontal

Centerbox 2 Layouts:

  • Centerbox 2 mit Basis-Navigation
  • Centerbox 2 mit Tab-Navigation vertikal
  • Centerbox 2 mit Tab-Navigation horizontal
  • Centerbox 2 mit Klick-Dropdown vertikal
  • Centerbox 2 mit Klick-Dropdown horizontal
  • Centerbox 2 mit Hover-Dropdown vertikal
  • Centerbox 2 mit Hover-Dropdown horizontal

Centerbox 3 Layouts:

  • Centerbox 3 mit Basis-Navigation
  • Centerbox 3 mit Tab-Navigation vertikal
  • Centerbox 3 mit Tab-Navigation horizontal
  • Centerbox 3 mit Klick-Dropdown vertikal
  • Centerbox 3 mit Klick-Dropdown horizontal
  • Centerbox 3 mit Hover-Dropdown vertikal
  • Centerbox 3 mit Hover-Dropdown horizontal

Es gibt noch weitere Layouts, doch die werden erst später bei Bedarf behandelt…

Im Rahmen des Webdesign Workshops 2020 werden auch nicht alle Layouts dokumentiert, denn das würde den Rahmen sprengen. Im weiteren Verlauf dieses Workshops werden die ersten beiden Layouts Flex 2 mit Basis-Navigation und Flex 2 mit Tab Navigation vertikal genutzt.

Von Torsten