Bewährte Praktiken

Hier ein paar Anmerkungen, die Ihnen helfen werden, das Layout Ihrer Sites besser zu verstehen und zu nutzen, auch wenn sich das Layout weiterentwickelt, bleibt der Trend bestehen, „zentrierte“ Sites mit einem erweiterten Hintergrund zu erstellen oder nicht, hier sind die Eigenschaften der Box wichtig.

Schachteln, Ränder und Abstandshalter

  • Verwendung der Box

    Zur Erinnerung: Die Box ist die erste Komponente, die Sie auf einer Seite fallen lassen, sie enthält eine oder mehrere Zeilen, die wiederum Komponenten enthalten (Bild, Schaltfläche, Farbbereich, …).

  • Verwendung von Seitenrändern

    Eines der neuen Merkmale dieser Version ist die Integration von Rändern (nicht zu verwechseln mit Abstandshaltern). Der Rand ist für eine Box vorhanden, aber auch für eine große Anzahl von Komponenten (Text, Galerie, Bild, …) und es ist das Vorhandensein dieser 2 Optionen, die es Ihnen ermöglichen, eine benutzerdefinierte (und originale) Website zu erstellen. Zögern Sie nicht, sie zu verwenden, um zum Beispiel Komponenten-Offsets zu erstellen,…

  • Abstandhalter verwenden

    Abstandhalter sind wirksam zum Zentrieren einer Komponente (z.B. eines Menüs) und zum Definieren eines Anzeigebereichs (z.B. eines Bildes), ansonsten empfehlen wir in den allermeisten Fällen die Verwendung von Rändern und horizontalen Abständen (in einer Linie mit mehreren Komponenten).

Beispiele

Beispiel für eine gute Verwendung des horizontalen Abstandhalters :

../../_images/spacer1.png
../../_images/spacer2.png

Beispiel für eine gute Verwendung des Vertikalen Abstandhalters :

../../_images/spacer_vert.png

Gleiches Bauteil mit 1 px vertikalem Abstandhalter:

../../_images/spacer_1px.png

Verwendung der Tastaturtasten

  • Die Umschalttaste gedrückt :

    Diese Taste wird verwendet, um in der Tiefe durch die Elemente unter der Maus zu scrollen (zu navigieren). Wenn Sie z.B. auf einer Textkomponente positioniert sind, gehen Sie durch Klicken mit der Maus (und gedrückter Umschalttaste) nacheinander von der Textkomponente zur Linienkomponente und dann zum Rahmen. Dies wird Ihnen helfen, schnell durch die verschiedenen Eigenschaften/Optionen zu blättern, die auf die ausgewählten Komponenten angewendet werden.

  • Drücken Sie die Strg-Taste :

    Auf traditionellere Weise können Sie mit dieser Taste mehrere Komponenten auswählen, um sie an anderer Stelle auf derselben (oder einer anderen) Seite zu kopieren/einzufügen.