Herzlich willkommen!

Sie sehen hier verschiedene Layoutbeispiele zu reinen Demonstrationszwecken


Homepagelayout: Mit Homepage ist die Seite gemeint, auf der man landet, wenn man eine Internetadresse eingibt, wie z.B. www.business-vhs.de. Gern werden solche Seiten auch als Landingpage bezeichnet. Die Seite soll Interesse wecken und mit aktuellen Inhalten aufwarten. Mehr Infos? Hier klicken.



Die Reihenfolge der Artikel orientiert sich am Dateinamen des Illustrationsbildes. Hier auf dieser Demoseite heißen die Bilddateien dummy1.jpg, dummy2.jpg, dummy3.jpg. Besser für künftige Änderungen wäre es, die Namen mit zweistelligen Nummern auszustatten, also dummy01.jpg, dummy02.jpg, dummy03.jpg. Dadurch lassen sich Verschiebungen bei vielen Einträgen einfacher realisieren: dummy11.jpg z.B. schiebt die Datei nach unten. Mehr Infos? Hier klicken.



Bei einer ungeraden Zahl von Beiträgen wird immer erst die linke Spalte gefüllt. Die Logik ist zunächst einmal so, dass beide Spalten ausgewogen gefüllt werden. Die Reihenfolge der Beiträge ist hingegen so, dass die Beiträge in der linken Spalte aufgelistet werden, bevor es in der rechten weitergeht. Dadurch können die Beiträge unterschiedlich lang sein, ohne dass Lücken entstehen. Es ist dieselbe Logik wie im Zeitungssatz. Man nennt solche Spalten auch Schlängelspalten - im Gegensatz zu tabellarischen Spalten, wie sie beim Spalten-Layout auf dieser Demoseite eingesetzt werden. Mehr Infos? Hier klicken.