WEBpetit

Am Lohmühlbach 14 • 85354 Freising
Telefon: 0 81 61 / 536-0
E-Mail: ed.titepbew@ofni

Unsere Öffnungszeiten:
Mi. - So. 12:00 bis 21:00 Uhr
Montag & Dienstag Ruhetag

Logo WEBpetit
Beispiel-Unterseite

Willkommen auf der Beispiel-Seite

Hier sind alle auswählbaren Content-Zeilen und -Typen beispielhaft aufgelistet. Sie sind beliebig kombinierbar, wobei man immer auf das optische Gesamtbild achten sollte, damit das Auge des Besuchers nicht "überfordert" wird. Auch sollten die Seite nicht zu lange werden, damit der Besucher nicht irgendwann das Interesse zum Weiterlesen verliert.

Bild-Text-Section

Hiermit kann man eine farbig hinterlegte Zeile erzeugen, die mit einem Bild versehen ist. Dieses Element eignet sich gut, um etwa hervorgehobene Inhalte darzustellen oder den Besucher dazu zu animieren, einen Button anzuklicken.

Bild-Text-Section

Hiermit kann man eine farbig hinterlegte Zeile erzeugen, die mit einem Bild versehen ist. Dieses Element eignet sich gut, um etwa hervorgehobene Inhalte darzustellen oder den Besucher dazu zu animieren, einen Button anzuklicken.

Hallo, ich bin ein kleiner Blindtext.

Und zwar schon so lange ich denken kann. Es war nicht leicht zu verstehen, was es bedeutet, ein blinder Text zu sein.

Und zwar schon so lange ich denken kann. Es war nicht leicht zu verstehen, was es bedeutet, ein blinder Text zu sein.

Und zwar schon so lange ich denken kann. Es war nicht leicht zu verstehen, was es bedeutet, ein blinder Text zu sein.

Hallo, ich bin ein kleiner Blindtext.

Hallo, ich bin ein kleiner Blindtext.

Und zwar schon so lange ich denken kann. Es war nicht leicht zu verstehen, was es bedeutet, ein blinder Text zu sein.

Content in Spalten

Ein Content-in-Spalten-Element besteht aus einer oder mehreren Spalten. Gibt es nur eine Spalte (wie hier), so entsteht zu den Seiten automatisch ein Abstand, damit die Zeilenlänge nicht zu groß wird. Das verbessert die Lesbarkeit von Texten deutlich im Vergleich zu Zeilen, die die gesamte Breite der Website einnehmen.

Hier ein Beispiel für ein Content-in-Spalten-Element mit zwei Spalten.

Das hier ist die erste Spalte. Hier ist auch der Haken für "Doppelte Breite" angeklickt. Deshalb ist diese Spalte doppelt so breit wie die zweite Spalte rechts, bei der der Haken nicht gesetzt ist.

Textblock innerhalb der Spalte

Hier ist ein Beispiel für einen klassichen Text-Block mit unbegrenzter Anzahl von Zeichen. Einen neuen Absatz kann man einfach mit "Enter" erzeugen. Das sieht so aus:

Hier der neue Absatz. Innerhalb eines Absatzes kann man mit "Shift-Enter" (oder "Umschalttaste-Enter") auch eine neue Zeile beginnen lassen. Das sieht dann so aus:
Hier sind wir immer noch im gleichen Absatz, deshalb ist der Abstand nicht so groß wie oben.

Zum Vergleich hier noch ein weiterer Absatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Im Folgenden noch ein Beispiel für das Content-Element "Akkordeon"

Dieses eignet gut, um zum Beispiel eine übersichtliche Liste von Stichpunkten zu erzeugen, die nach einem Klick weitere Details offenbaren. Auch eine Liste von Fragen und Antworten ist damit sehr gut umsetzbar.

Wie funktioniert ein Akkordeon?

Einfach auf den Titel klicken, dann klappt der Erklärungstext auf. Ein weiterer Klick schließt die Erklärung wieder.

Ist die Anzahl der Akkordeon-Sektionen limitiert?

Es gibt kein Limit für die Anzahl der Akkordeon-Sektionen. Mehr als etwa 10 Stück sind aber irgendwann nicht mehr gut lesbar. In so einem Fall empfiehlt es sich, mehrere kürzere Akkordeons zu verwenden und zwischendrin Textblöcke mit Zwischenüberschriften zu verwenden.

Ist die Textlänge limitiert?

Es gibt kein Limit für die Textlängen innerhalb eines Akkordeons. Allerdings sollten die Texte auch nicht sehr lange sein, damit der Besucher sie sich auch durch liest :-)

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet..

Hier ein weiteres einspaltiges Element

...als Überschrift für das nächste (zweispaltige) Element vom Typ "Content in Spalten"

Hier eine Kombination aus Text und Bildergalerie.

In dieser ersten Spalte steht ein interessanter Text, der die Bilder in der folgenden Spalte etwas erklären könnte. Diese sind über das Content-Element "Bildergalerie" hochgeladen. Man muss dabei nichts weiter tun, als die Bilder in das Feld zu ziehen. Die "Bild groß anzeigen"-Funktion ist ganz automatisch dabei. Auch braucht man sich keine Gedanken über die Größe der eingefügten Bilder machen, denn es wird für jedes Anzeigegerät immer automatisch die richtige Größe berechnet und ausgegeben.

Hallo. Ich bin ein kleiner Blindtext. Und zwar schon so lange ich denken kann. Es war nicht leicht zu verstehen, was es bedeutet, ein blinder Text zu sein: Man ergibt keinen Sinn. Wirklich keinen Sinn. Man wird zusammenhangslos eingeschoben und rumgedreht – und oftmals gar nicht erst gelesen. Aber bin ich allein deshalb ein schlechterer Text als andere? Na gut, ich werde nie in den Bestsellerlisten stehen. Aber andere Texte schaffen das auch nicht. Und darum stört es mich nicht besonders blind zu sein. Und sollten Sie diese Zeilen noch immer lesen, so habe ich als kleiner Blindtext etwas geschafft, wovon all die richtigen und wichtigen Texte meist nur träumen.

Crosslinks

Hiermit kann man klickbare Boxen erzeugen, die automatisch auf einzelne Unterseiten verlinken. Man muss nur die Unterseiten auswählen und Bild + Text der Unterseite wird automatisch ausgelesen, dargestellt und verlinkt.

Hier noch ein Beispiel für die Elemente "Kontaktformular" und "Landkarte"

Im Folgenden ist wiederum ein Content-in-Spalten-Element eingebaut, das zwei Spalten enthält, die jeweils nur ein Element enthalten.

Neuigkeiten

Hier folgt die automatische Einbindung der neuesten drei News-Beiträge. Dazu einfach eine neue Zeile vom Typ "News-Übersicht" einfügen. Der Rest wird ganz automatisch aus den im System angelegten News-Beiträgen erstellt.

Team

Hier werden die Team-Mitglieder angezeigt, die im System angelegt sind. Dazu einfach eine neue Zeile vom Typ "Team-Mitglieder" einfügen.

Simon Buxbaum

Simon Buxbaum

Kasper Keppler

Kasper Keppler

Hermann Scheck

Hermann Scheck

Karsten Büchel

Karsten Büchel

Wilhelm Freudenberg

Wilhelm Freudenberg

Benedict Gansz

Benedict Gansz