Une Ligne correspond à une bande horizontale à l'intérieur de la Page. Cette bande peut avoir la largeur de la Page (dont la largeur est déterminée par le Modèle appliqué) ou bien celle de la fenêtre du Navigateur. La hauteur de cette bande, en revanche, est déterminée par le plus haut des Objets contenus dans l'une des Cellules de la Ligne.

Vous pouvez faire en sorte que l'aspect d'une Ligne soit automatiquement appliqué à une ou plusieurs Lignes successives en unissant les Lignes :

▪	Cliquer sur le bouton pour accéder à la fenêtre Style des Lignes. Dans la Grille reproposée ici, toutes les Lignes sont accompagnées d'une petite boule qui peut être pleine ou vide selon l'aspect de la Ligne correspondante (déjà défini ou pas).

État avant l'union

Souris en correspondance de la ligne

Clic sur le cadenas pour unir les lignes

État après l'union des lignes

De la même manière que vous pouvez unir deux ou plusieurs Lignes pour leur donner le même aspect graphique, vous pouvez également les séparer pour les rendre autonomes :

Si, par exemple, les Lignes 1 et 2 avaient été unies et pour toutes les deux un aspect graphique particulier avait été défini, après la séparation, la Ligne 2 reprend son aspect initial.

Si plus de deux Lignes avaient été unies, la séparation agit agit exactement à l'endroit correspondant à la position de l'icône du cadenas. Par exemple, si les Lignes 1, 2, 3 et 4 sont unies et vous cliquez sur le cadenas entre la Ligne 2 et la Ligne 3, la Ligne 1 reste unie à la Ligne 2 et la Ligne 3 reste unie à la Ligne 4.

Selon la mise en page des Objets dans la Grille et leur ordre dans les différents Affichages en cas de Site Adaptatif, il est possible que deux ou plusieurs Lignes soient automatiquement unies et que vous ne puissiez pas les séparer.

Cas 1. Mise en page

Si vous insérez un Objet sur la Grille afin qu'il occupe plusieurs Cellules de Lignes différentes, toutes les Lignes concernées seront automatiquement unies entre elles. Le cadenas qui apparaît sur la ligne unissant les petites boules correspondant aux Lignes en question, est coloré en gris (au lieu du bleu) pour indiquer qu'il ne peut être supprimé. Dans ce cas, la seule manière de modifier la situation est d'intervenir sur la mise en page des Objets.

Exemple
	L'Objet dans la colonne 1 occupe les lignes 4, 5 et 6 : celles-ci sont automatiquement unies et ne peuvent pas être séparées

Même si, par exemple, vous définissez un aspect différent pour la Ligne 1 et la Ligne 2 puis vous placez un Objet occupant les deux Lignes, celles-ci seront automatiquement unies et la deuxième prendra l'aspect de la première. Dans ce cas également, vous ne pourrez pas séparer manuellement les Lignes si vous n'avez pa modifié la mise en page des Objets.

Cas 2. Site Adaptatif

Si vous travaillez sur la création d'un Site Adaptatif, en classant les Objets pour définir leur emplacement selon les différents Affichages déterminés par les points de rupture, certaines associations peuvent entrainer l'union automatique de deux Lignes ou plus. Normalement, ceci se produit lorsque, comme dans l'exemple suivant, durant le classement un Objet est suivi non pas par l'Objet à sa droite (appartenant à la même Ligne), mais par celui en-dessous (appartenant à une Ligne différente) : de cette manière, en effet, vous créez des groupes où les Objets sont placés sur plusieurs Lignes.

Étape 1
	Lors de la définition de l'Affichage correspondant à un point de rupture, le classement entraîne la formation de groupes où les Objets sont placés sur des Lignes différentes
Étape 2
	Situation finale : du fait du classement défini, les Lignes 1 et 2 ont été unies et auront le même aspect

La définition de l'aspect d'une Ligne est une opération très simple. Vous devez procéder comme suit :

Lorsque vous travaillez sur la définition de l'aspect d'une Ligne, vous devez considérer que :

Pour créer une bande colorée qui s'étend non seulement à la largeur de la Page, mais sur toute la largeur de la fenêtre du Navigateur, vous devez procéder comme suit :

Avec une procédure analogue, en choisissant simplement un type de Arrière-plan différent, vous pouvez créer une bande avec un gradient, une image, un diaporama, une vidéo ou une carte à la place de la couleur à teinte unie.

L'effet parallaxe est beaucoup utilisé pour donner de la profondeur aux Pages et les rendre plus attrayantes aux yeux des Visiteurs. L'effet se base sur le fait que, durant le défilement de la Page, l'image en arrière-plan et celles en premier plan bougent à une vitesse différente.

Pour configurer le parallaxe sur une Page, vous devez procéder comme suit :

Si vous souhaitez activer l'effet parallaxe, vous pouvez utiliser comme Arrière-plan de la Ligne un gradient, une image, un diaporama, une vidéo ou une carte mais pas une teinte unie.

-

Le Box Model dans WebSite X5