Homepage Vorlagen

¹= One Pager | Dies ist ein responsive One-Pager. Auch bezeichnet als Single-Page-Website. Im Prinzip bedeutet es, das die Webseite nur aus einem einzigen Webdokument, also nur einer HTML-Seite besteht. Klicken Sie die Links im Menü und sehen Sie wie innerhalb einer Seite die verschiedenen Sektionen aufgerufen werden. Wichtiger Bestandteil eines One-Pagers ist das Smooth-Scroll-To-Sections.

²= Smooth Scroll To Sections | Die Sprungziele, sprich die einzelnen Sektionen (Abschnitte) werden übrigens animiert sanft und sichtbar angesteuert. Gemeint ist das sogenannte 'Smooth Scrolling', welches der Übersichtlichkeit und besseren Orientierung dient. Man registriert also auch optisch, wohin man gelangt und springt nicht so abrupt wie sonst beim üblichen HTML-Anker.

³= Lightbox-Erweiterung | Wir haben die Lightbox optimiert, indem wir eine CSS-Animation hinzugefügt haben. Bei der Gallery (Quartus) sehen Sie bei Mausberührung der Fotos einen Box-Slider-Effekt. Es wird ein farbiges, halbtransparentes Feld, welches eine Text-Aufschrift enthält, aus verschiedenen Richtungen herein gefahren. Transparenz-Farbe, Schriftfarbe und Schrift-Text lassen sich natürlich verändern.

¹= Goldener Schnitt | Es ist eine Gestaltungs-und Harmonie-Regel, welche in der Natur selbst sowie bei berühmten Gemälden von Künstlern, bei Fotos, in der Architektur und vielen anderen Bereichen vorkommt.

1. Grob gesagt kann man von einem Verhältnis von ca. Ein-Drittel zu Zwei-Drittel sprechen.
2. Genauer gesagt, in Prozent ausgedrückt: Ein Teil bekommt 61.8 Prozent und der andere Teil 38.2 Prozent.
3. Bei festen Werten könnte man auch eine Zahl durch 1.618 teilen, z.B.
    1024 : 1,618 = 632 Pixel
    1024 - 632   = 392 Pixel

Um bei unserem Template HP 19 zu bleiben:
Getreu dem Goldenen Schnitt müssten wir zwei Spalten im Verhältnis 38 Prozent zu 62 Prozent anlegen.
Wir arbeiten hier aber sogar mit drei Spalten, die erste und zweite Spalte bekommt je 38 Prozent und die dritte 24 Prozent.
Da wir die zweite Spalte (38 %) und dritte Spalte (24 %) optisch als zusammenhängend angelegt haben, landen wir letzendlich wieder beim Goldenen Schnitt, nämlich 38 % für Spalte 1 sowie 62 % zusammengenommen für Spalte 2 und 3 ( 38 % plus 24 % `= 62 %)

Allerdings ist das Thema 'Goldener Schnitt' allgemein und nicht nur vom Webdesign aus betrachtet, sehr viel umfangreicher, hier wird der Goldene Schnitt einfach erklärt.