WSW-Gestaltungselemente-Basic

Texte helfen dabei, Informationen klar und verständlich zu vermitteln, während Bilder und Gallerien visuell ansprechende Inhalte bieten. Formulare ermöglichen es den Besuchern, interaktiv mit Ihrer Website zu interagieren, und Slider können dazu beitragen, wichtige Inhalte hervorzuheben. Indem Sie diese Elemente gezielt einsetzen, können Sie sicherstellen, dass Ihre Website nicht nur informativ, sondern auch ästhetisch ansprechend ist.

Mit folgenden Gestaltungselementen werten Sie Ihre Website auf:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
John Doe

Zitat

Zitate können inspirierend, lustig, nachdenklich oder einfach nur informativ sein. Sie können auch verwendet werden, um eine bestimmte Idee oder Meinung zu unterstützen. Auf jeden Fall lockern Sie den "Textfluss" auf.


Ein Bild sagt mehr als 1000 Worte

Bild

Ein Bild sagt mehr als 1000 Worte ;) Für die Gestaltung stehen verschiedene Layouts und Animationen zur Verfügung.

Video

Auch Video-Elemente von Youtube oder Vimeo sind möglich. Es wird kein Player benötigt. Die Verlinkung zum Video reicht.

Audio

Mit Audo-Elementen können MP3-Dateien mit einem Player dargestellt werden und bei Bedarf den Website-Besuchern auch zum Download angeboten werden.


Button

Buttons ermöglichen Aktionen auszuführen. Sie können verschiedenst gestaltet werden - verschiedene Formen, Farben und Beschriftungen. Sie können auf eigene Seiten oder zu einer fremden Website verlinkt werden. Einsatzmöglichkeiten wären:

  • Aufforderungen zu einer Anmeldung oder Buchung.
  • Hinweis auf eine bestimmte Seite mit einem Angebot.

Designbeispiel "Inhalt-Box"

INHALT-BOX mit einem Foto


Es gibt eine Vielzahl von Möglichkeiten, diese Inhalt-Box zu gestalten.


Hier ein Beispiel OHNE Button :)

INHALT-BOX mit Icon

Auch hier sind der Gestaltung keine Grenzen gesetzt (div. Farben, Größen, Abstände usw.) - mit halbtransparentem Hintergrundbild oder nur mit Farbe.


Diese Inhalt-Box wäre ideal für ein spezielles Angebot ;)


Verlinkung auf dem Bild, auf dem Button oder sogar auf der gesamten Inhalt-Box.


Inhalt-Boxen

Mit eine Inhaltsbox verbindet man ein Bild, einen Text und einen Button in einem Element; möglich ist auch, das Bild wegzulassen und anstelle dessen ein Icon zu setzen. Alle Bereiche sind farblich frei zu definieren.


Code-Element
Embedded-Element

Code- & Embedded-Elemente

Nutzen Sie das Code-Element wenn Sie: <style>, <scripts> oder andere HTML Befehle einfügen. Somit können Sie beliebige Anpassungen an der Website durchführen.

Nutzen Sie das Embedded-Element wenn Sie: <audio>, <canvas>, <iframe>, <img>, <math>, <object>, <svg>, <video> oder <embed> Befehle einfügen möchten.


Abstände & Linien

Bei Bedarf können Sie zwischen Elementen Abstände einfügen. Sie können die Höhe der Abstände dabei frei definieren und nach Ihren Bedürfnissen anpassen.

Wenn Sie zwischen Elementen eine Abtrennung benötigen, können Sie neben dem Abstand auch eine Linie als Abtrennung verwenden (so wie auf dieser Seite zwischen den einzelnen Elementen-Beschreibungen).

Zusätzlich zur klassischen Trennlinie steht Ihnen in den Elementen auch eine vertikale Linie zur Verfügung. Mit diesem Element können Sie Inhalte elegant durch eine Linie voneinander abgrenzen.