Test- und Dokuseite
Liebe & Schön

Blöcke/Module

Die Webseite fungiert als Onepager. Über verschiedene Seitenlayouts, bestehend aus einer variablen Anzahl von Spalten, lässt sich die Webseite gestalten. Alle möglichen Block-Module sind im Folgenden aufgelistet:

Überschrift
Text
Bild
Video
Akkordeon
Slider
Projekt

Blockmodule können über die Einstellung Sichtbarkeit ein- und ausgeblendet werden. Ein Abstand nach unten kann definiert werden, um Elemente visuell stärker voneinander zu trennen. Zudem kann die Ausrichtung der Module zwischen oben/mitte/unten definiert werden.

Mobil besteht die Möglichkeit den horizontalen Abstand der Blöcke links oder rechts einzustellen, sowie die Spaltenreihenfolge zu invertieren.

Es kann ein Raster einblendet werden. Die Ausrichtung kann nach links oder rechts stattfinden.

Überschrift (Modul)

Es gibt 6 Formatierungen zur Auswahl, um Überschriften/Headlines zu gestalten. Zudem können der Abstand oben zur Navigation und dem Inhalt definieren werden, sowie der Abstand unten zur Fußzeile und dem Inhalt.

Headline Formatierung

H1

H2

H3

H4

H5

H6

Text (Modul)

Im Textblock können alle unten aufgeführten Stile, bei Bedarf Wort für Wort, individuell definiert werden. Es ist möglich mit einem weichen Umbruch, sowie Absätzen zu arbeiten.

Der Fließtext läuft über die Breite der ausgewählten Spalte. Er sollte gut formatiert werden, damit die Lesbarkeit erhöht wird. Deshalb kann mit gefettetem, kursivem, unterstrichenem, oder ~~durchgestrichen~~em Text gearbeitet werden.

Link

Link zum Text

Schrift

Frutiger LT Com 65 Bold 
Frutiger LT Com 45 Light

Farben

#ffffff = weiß
#000000 = schwarz

Bild (Modul)

Im Bildmodul können Bilder hochgeladen und über das Modul eingefügt.

Zum Hochladen müssen die Bilder eine Mindestbreite von 1280px und eine Höchstbreite von 3840px haben. Unterstützte Dateiformate sind: png, jpg, gif, svg, webp.

Die Einstellung können individuell für die Desktop als auch die Mobile Anwendung definiert werden. Mobil kann zudem der horizontale Abstand eingestellt werden.

Ein Link kann hinter dem Bild hinterlegt werden.

Layout und Seitenverhältnisse

Je nach Layout verändert sich die Bilddarstellung. Das Seitenverhältnis kann frei gewählt werden oder über die Einstellung Seitenverhältnis definiert werden. Dabei werden die Bilder unter Umständen beschnitten.

1:1
16:9
7:5
4:3
5:3
3:2
3:1

Die ist ein Beispielbild.

Video (Modul)

Um Videos anzeigen zu lassen, muss der Block Video ausgewählt werden. Dazu muss eine Videoquelle gewählt werden. Die Datei kann entweder hochladen werden oder es muss eine Video-URL eingeben werden.

Video Lokal

Eine Videodatei muss lokal hochgeladen werden. Mögliche Dateiformate sind: webm, mp4, mov. Das Seitenverhältnis kann auch hier frei gewählt werden oder über die Einstellung Seitenverhältnis bearbeitet werden.

Ein Vorschaubild (Poster) ist einstellbar. Mögliche Dateiformate dabei sind: png, jpg, gif, svg, webp. Das Bild muss eine Mindestbreite von 1280px und eine Höchstbreite von 3840px haben.

Einstellungen, die möglich sind:

Bedienelemente anzeigen – Die Bedienelemente können ein- und ausblendet werden.
Video wiederholen – Das Video wird automatisch wiederholt.
Stummgeschaltet – Der Ton kann stummschaltet werden.
Automatische Wiedergabe – Das Video kann automatisch gestartet werden:

Mobil kann zudem der horizontale Abstand definiert werden.

Video Web

Eine Video-URL sowie eine ID muss über einen Video-Service (Youtube/Vimeo) eingeben werden. Das Seitenverhältnis kann auch hier frei gewählt werden oder über die Einstellung Seitenverhältnis bearbeitet werden.

Akkordeon (Modul)

Im Akkordeonblock können Überschriften sowie dazugehörige Texte hinzugefügt werden, welches sich nach unten ausklappen lassen.

Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen. Hier könnte ein Text stehen.

Hier könnte ein Text stehen.

Slider (Modul)

Im Slider als grafisches Steuerelement lassen sich Bilder mit und ohne Textunterschrift anzeigen. User können horizontal durch eine Bildergalerie sliden. Bilder dürfen beim Hochladen eine maximale Breite von 2560px haben. Unterstützte Dateiformate sind: png, jpg, gif, svg, webp. Über zwei Pfeile lässt sich der Slider horizontal nach links und rechts bewegen.

Bild
Bild
Bild

Projekt (Modul)

Im Projektmodul können hinterlegte Projektseiten angezeigt werden, die horizontal beweglich sind, indem nach rechts gescrollt wird. Sonst lassen sich die Projektseiten aufbauen wie die restliche Webseite über verschiedene Blockmodule.