Beispiele Modulseiten

Das Allgemeine Modul

Dieses Element ist sozusagen das Universalwerkzeug. Es steht in allen Modulbreiten (1 - 4 spaltig) zur Verfügung. Grundaufbau: Header - Body - Footer (letzterer muss bei Bedarf manuell hinzugefügt werden). Für das Body/Inhaltselement stehen alle Unterelemente zur Verfügung, die beispielsweise auch bei Artikelseiten verwendet werden können, also Bilder, Texte, Listen, Tabellen, Formulare, Videos,..... Beispiele für die verschiedenen Inhaltselemente finden Sie hier. Das allgemeine Modul passt sich normalerweise in der Höhe dynamisch an den Inhalt des Moduls an. Es können aber auch feste Höhen eingestellt werden. Dazu wird bei den Eigenschaften des Moduls für die Modulsteuerung ein Wert zwischen 1 und 3 gewählt (entspricht dann einer Höhe von 290px, 600px oder 910px. In diesem Fall erscheint automatisch ein Scrollbalken, falls der Inhalt zu lang für die eingestellt Höhe wird.

Allgemeines Modul

Variable Höhe

Hier jetzt ein allgemeins Modul mit Spaltenbreite 3 und der fest eingestellten Höhe 1.

Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen.

Kontakt

Ein allgemeines Modul Spaltenbreite 1 und dynamische Höhe mit einem E-Mail-Formular.

Allgemeines Modul mit Rahmen

Dies ist nur ein Test für Modul halbe Höhe, hier mit Hintergrundfarbe

Dies ist nur ein Test für Modul halbe Höhe, hier mit Rahmen

Beispiele

Länger geht es nicht

Mal ohne Header

  • So haben wir alle 3 Höhen im Vergleich.
  • Links: 3 HE, rechts oben: 1 HE, rechts unten 2 HE
  • Als Inhalt für dieses Modul ohne Header wird eine Aufzählung verwendet
  • Überschrift ist H2 (nicht aus Header, sondern aus Inhalt)
  • 5 Punkte müssen reichen
Beispiele

Allgemeines Modul 2-spaltig, 2 HE

Test

Diese Box ist in dunkelgrün.

(Grundfarbe)

Test

Diese Box ist in dunkelbraun.

(Grundfarbe Halbton)

Test

Diese Box ist in hellgrün.

(Grundfarbe Viertelton)

Test

Diese Box ist in hellbraun.

(Teaserfarbe)