MUSTERSEITE
Kontakt
IT-Administrator und IT-Sicherheitsbeauftragter
Tel.: 06151 706 0
Fax: 06151 706 200
E-Mail: it-sicherheitsbeauftragter@vk-darmstadt.de
Überschrift
Hier ist TExt
Einfache Textbox mit Link im Text
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. 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.
Einfache Textbox kann über Erscheinungsbild/Layout auch zwei- oder dreispaltig sein
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. 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.
eingerahmter Text
TEst
| Als Tabelle anlegen und im Erscheinungsbild bei RAhmen "inner Wrap" auswählen. 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. 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. |
Element im Rasterelement z.B. Text
Unterüberschrift
Im 2-Spalten-Layout wurde in die rechte Spalte ein Textelement eingefügt. Links wurde ein Menü-Element eingefügt. Man kann natürlich auch andere Elemente einfügen. Auch die Aufteilung der beiden Inhaltselemente ist flexibel und wird bei den Einstellungen für das Layout des Layout-Rahmens vorgenommen. Dieses Element dient hier nur als Muster. Wie wir später auf der echten Webseite die Menüs für die Unterseiten anzeigen, müssen wir noch mit Feedback besprechen. Bitte nicht auf die Idee kommen, jede Content-Seite mit einer Menübox auszurüsten :)
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. 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.123 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. 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.123 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. 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.
Element im Rasterelement z.B. Text (Kopie 1)
Unterüberschrift
Im 2-Spalten-Layout wurde in die rechte Spalte ein Textelement eingefügt. Links wurde ein Menü-Element eingefügt. Man kann natürlich auch andere Elemente einfügen. Auch die Aufteilung der beiden Inhaltselemente ist flexibel und wird bei den Einstellungen für das Layout des Layout-Rahmens vorgenommen. Dieses Element dient hier nur als Muster. Wie wir später auf der echten Webseite die Menüs für die Unterseiten anzeigen, müssen wir noch mit Feedback besprechen. Bitte nicht auf die Idee kommen, jede Content-Seite mit einer Menübox auszurüsten :)
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. 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.123 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. 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.123 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. 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.
tabelle
unterüberschrift tabelle
| TEXT TEXT | |
| Textzeile 2 | |
| Textzeile 3 | |
| Das angegebene Trennelement trennt die Tabellenzeilen (hier das Pipe-Zeichen I) |
Rasterelement im 2-Spalten-Layout
Ich würde denken, dies ist der Standardaufbau für unsere normalen Webseiten. Ein Rasterelement (75%) mit einer Kontaktbox (25%). Nicht so schön, wenn der Text wesentlich länger ist als die Kontaktbox. Dann empfiehlt es sich ein weiteres normales Textelement mit 100% länge zu verwenden. Anhaltspunkt im CMS wären ca. 10 Zeilen. Wird dies überschritten sieht es mit einer weiteren Textbox besser aus (vgl. nächstes Element).
Vorgehen: 1. Rasterelement im 2-Spalten-Layout anlegen, dann Inhalte je Spalte hinzufügen und Größe der Spalte in Prozent passend festlegen.
123 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. Lorem ipsum dolor sit amet, consetetur sadipscing elit HIER UNGEFÄHR unt 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.123 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. 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.123 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. 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.
123 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. 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.
Rasterelement im 2-Spalten-Layout (Kopie 2)
Ich würde denken, dies ist der Standardaufbau für unsere normalen Webseiten. Ein Rasterelement (75%) mit einer Kontaktbox (25%). Nicht so schön, wenn der Text wesentlich länger ist als die Kontaktbox. Dann empfiehlt es sich ein weiteres normales Textelement mit 100% länge zu verwenden. Anhaltspunkt im CMS wären ca. 10 Zeilen. Wird dies überschritten sieht es mit einer weiteren Textbox besser aus (vgl. nächstes Element).
Vorgehen: 1. Rasterelement im 2-Spalten-Layout anlegen, dann Inhalte je Spalte hinzufügen und Größe der Spalte in Prozent passend festlegen.
123 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. Lorem ipsum dolor sit amet, consetetur sadipscing elit HIER UNGEFÄHR unt 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.123 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. 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.123 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. 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.
123 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. 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.
Sie haben noch Fragen?
Rufen Sie bitte unsere Servicenummer an.
Sie erreichen uns
Mo. - Do. 8:00 - 12:00 Uhr
und 13:00 - 16:00 Uhr
Fr. 8:00 - 12:00 Uhr
Tel.: 06151 706 0
Fax: 06151 706 200
E-Mail: vk@vk-darmstadt.de
Sie haben noch Fragen?
Rufen Sie bitte in der Personalstelle an.
Frau Becker 229
Herr Heine 230
Frau Sunar 212
Sie haben noch Fragen?
Rufen Sie bitte in der Personalstelle an.
Frau Becker 229
Herr Heine 230
Frau Sunar 212
Rasterelement im 2-Spalten-Layout
Das selbe nochmal mit einer separaten Textbox unter der Infobox. Sieht besser aus. Rasterelement (75%) mit einer Kontaktbox (25%). Nicht so schön, wenn der Text wesentlich länger ist als die Kontaktbox. Dann empfiehlt es sich ein weiteres normales Textelement mit 100% länge zu verwenden. Anhaltspunkt im CMS wären ca. 10 Zeilen. Wird dies überschritten sieht es mit einer weiteren Textbox besser aus.
Vorgehen: 1. Rasterelement im 2-Spalten-Layout anlegen, dann Inhalte je Spalte hinzufügen und Größe der Spalte in Prozent passend festlegen.123 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. Lorem ipsum dolor sit amet, consetetur sadipscing elit HIER UNGEFÄHR unt ut labore et dolore magna aliquyam erat,
Rasterelement im 2-Spalten-Layout (Kopie 1)
Das selbe nochmal mit einer separaten Textbox unter der Infobox. Sieht besser aus. Rasterelement (75%) mit einer Kontaktbox (25%). Nicht so schön, wenn der Text wesentlich länger ist als die Kontaktbox. Dann empfiehlt es sich ein weiteres normales Textelement mit 100% länge zu verwenden. Anhaltspunkt im CMS wären ca. 10 Zeilen. Wird dies überschritten sieht es mit einer weiteren Textbox besser aus.
Vorgehen: 1. Rasterelement im 2-Spalten-Layout anlegen, dann Inhalte je Spalte hinzufügen und Größe der Spalte in Prozent passend festlegen.123 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. Lorem ipsum dolor sit amet, consetetur sadipscing elit HIER UNGEFÄHR unt ut labore et dolore magna aliquyam erat,
Sie haben noch Fragen?
Rufen Sie bitte in der Personalstelle an.
Frau Becker 229
Herr Heine 230
Frau Sunar 212
Sie haben noch Fragen?
Rufen Sie bitte in der Personalstelle an.
Frau Becker 229
Herr Heine 230
Frau Sunar 212
hier beginnt die separate Textbox 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.123 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. 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.123 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. 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.
123 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. 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.
Listen Beispiel I
- Test
- Inner Test
- Inner Test2
- Inner Test3
- Test 2
- Test 3
Listen Beispiel II
das ist eine Liste:
- Erstens
- Zweitens
- Drittens
- Viertens