Das Standardtemplate unterteilt sich in eine Hauptinhaltsspalte und eine Sidebar. Die Hauptinhaltsspalte kann mit Inhalsaschnitten und deren Inhaltsmodulen befüllt werden kann und ermöglicht somit die freie Gestaltung und Strukturierung jeder einzelnen Seite. Gleiches gilt für die Sidebar.

Fließtext

Ein Modul für Mengentexte

Dies ist ein Typoblindtext. Er enthält Zeichen, Wörter, Sätze, Links die zu anderen Seiten führen. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten – man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog.

Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks.

Ungeordnete Liste

  • Lorem ipsum dolor sit amet consectetuer.
  • Aenean commodo ligula eget dolor.
  • Aenean massa cum sociis natoque penatibus.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
  • Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
  • Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
  • In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Geordnete Liste

  1. Lorem ipsum dolor sit amet consectetuer.
  2. Aenean commodo ligula eget dolor.
  3. Aenean massa cum sociis natoque penatibus.
  4. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
  5. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
  6. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
  7. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Zitat

Zur Hervorhebung zitierter Textstellen oder eines Ausspruchs

Wir sind die Summe all dessen was vor uns geschah, all dessen was unter unseren Augen getan wurde, all dessen was uns angetan wurde.
Wir sind jeder Mensch und jedes Ding dessen Dasein das unsere beeinflusste oder von unserem beeinflusst wurde.
Wir sind alles was geschieht nachdem wir nicht mehr sind und was nicht geschähen wenn wir nicht gekommen wären.

– Ein kluger Mann

Video

Ein Modul zur Darstellung von Videoinhalten z.B. von Youtube oder Vimeo

Überschrift zum Video mit Modul »Überschrift« erstellt: Projektauswahltreffen 2014

Beschreibung zum Video, erstellt mit dem Fließtextmodul: Einmal im Jahr fahren 250 Schülerinnen und Schüler für ein Wochenende nach Berlin, um sich über die Projektkandidaten des Sozialen Tages zu informieren und demokratisch zu entscheiden, welche Projekte von den Geldern des Sozialen Tages zusätzlich gefördert werden.

Datei- und Dokument-Download

Kann verwendet werden, um dem Nutzer Dokumente zum Download zur Verfügung zu stellen.

Bildergalerie

Zur Sammlung von Bildern um beispielsweise Impressionen von einer Veranstaltung zu zeigen.

Karten-Set

Die Karten können Inhalte von anderen Seiten oder eigenständige Inhalte darstellen.

  • Karte mit Bild

    Untertitel der Karte mit Bild

    Karte mit Bild

    Die Seitenbeschreibung (Meta Description, ca. 160 Zeichen) gibt den Inhalt einer Webseite in Kurzform wieder und wird als Teaser-Text (Anreißer) auf den Übersichtseiten dieser Website und in Suchmaschinen unterhalb des Seitentitels angezeigt.

  • Karte mit Video

    Untertitel der Karte mit Video

    Die Seitenbeschreibung (Meta Description, ca. 160 Zeichen) gibt den Inhalt einer Webseite in Kurzform wieder und wird als Teaser-Text (Anreißer) auf den Übersichtseiten dieser Website und in Suchmaschinen unterhalb des Seitentitels angezeigt.

  • Info-Materialien

    Info-Materialien

    Hier finden Sie Flyer, Plakate und Informationen zu anderen Materialien, die Schüler Helfen Leben an die teilnehmenden Schulen verschickt.

  • Karte ohne Medien

    Fließtext der Karte ohne Medien

Schritt für Schritt Liste

Zur Darstellung von Anleitungen

  1. Titel des Schritts

    Untertitel des Schritts

    Du bist Schüler*in, möchtest Teil einer großen Hilfsaktion werden und Dich am Sozialen Tag für Gleichaltrige einsetzen? Mach doch. Hier siehst Du in sieben einfachen Schritten, wie der Soziale Tag für Dich als Schüler*in läuft.

    Titel des Schritts
  2. Überzeuge deine Mitschüler*innen, Schülervertretung oder Lehrer*innen, am Sozialen Tag teilzunehmen.

  3. Bewege Deine*n Schulleiter*in dazu, eure Schule anzumelden. Über das Schulanmeldeformular oder online.

  4. Mit der Anmeldung kannst Du Materialien für Deine Schule bestellen: Plakate, verschiedene Flyer und die Arbeitsvereinbarungen.

  5. Als nächsten Schritt füllst Du mit Deinem*Deiner Arbeitgeber*in zusammen die Arbeitsvereinbarung aus. Diese besteht aus drei Exemplaren. Eins bleibt bei dem*der Arbeitgeber*in, eins bekommt die Schule und eins schickst Du an Schüler Helfen Leben zurück.

  6. Jetzt heißt es auf den großen Tag zu warten. Wenn der 26. Juni (oder ein Alternativdatum) endlich vor der Tür steht, gehst Du nicht in die Schule, sondern arbeitest einen Tag für den guten Zweck. Der*die Arbeitgeber*in überweist Deinen verdienten Lohn an Schüler Helfen Leben. Damit werden Jugendbildungsprojekte in Südosteuropa und Jordanien unterstützt.

  7. Optional: Wenn du Lust hast, mehr von der Schüler Helfen Leben - Luft zu schnuppern und entscheiden möchtest, an welches Projekt Dein erarbeitetes Geld gehen soll, kannst Du am Projektauswahltreffen teilnehmen und vier Tage mit anderen interessierten Jugendlichen in Berlin verbringen.

Auf- und zuklappbare Inhaltsbereiche (Accordion)

Titel des ersten Elements Untertitel des ersten Elements

Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim. Sylvia wagt quick den Jux bei Pforzheim. Polyfon zwitschernd aßen Mäxchens Vögel Rüben, Joghurt und Quark. „Fix, Schwyz! “ quäkt Jürgen blöd vom Paß. Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich.

  • Lorem ipsum dolor sit amet consectetuer.
  • Aenean commodo ligula eget dolor.
  • Aenean massa cum sociis natoque penatibus.
  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
  2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
  3. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
  4. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Falsches Üben von Xylophonmusik quält jeden größeren Zwerg. Heizölrückstoßabdämpfung. Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim. Sylvia wagt quick den Jux bei Pforzheim. Polyfon zwitschernd aßen Mäxchens Vögel Rüben, Joghurt und Quark. „Fix, Schwyz! “ quäkt Jürgen blöd vom Paß. Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich. Falsches Üben von Xylophonmusik quält jeden größeren Zwerg. Heizölrückstoßabdämpfung. Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim. Sylvia wagt quick den Jux

Titel des zweiten Elements Untertitel des zweiten Elements

Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim. Sylvia wagt quick den Jux bei Pforzheim. Polyfon zwitschernd aßen Mäxchens Vögel Rüben, Joghurt und Quark. „Fix, Schwyz! “ quäkt Jürgen blöd vom Paß. Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich.