Étape 4 - Pages > Commandes Barre d’Outils et Grille

A l'aide des commandes de cette fenêtre, que vous pouvez rappeler avec le bouton présent dans la barre d'outils de la Grille de mise en page proposée dans la fenêtre Création de la page, vous pouvez configurer un effet de balayage sur les Objets insérés dans une Page (voir, fenêtre Création de la page).

Tous les effets proposés sont réalisés en CSS et sont supportés par tous les principaux Navigateurs.

Les commandes disponibles sont réparties dans les sections suivantes :

▪	Apparition

▪

Position

La première étape consiste à activer l’effet en sélectionnant l’option Activer l’effet.

Une fois l’effet activé, il est ensuite possible de choisir l’événement auquel il doit être associé. Les options disponibles sont les suivantes :

▪	Démarrer l’effet à l’apparition de l’objet : dans ce cas, l’effet est lié à l’affichage de l’objet.

▪	Exécuter l’effet lors du défilement de la page : dans ce cas, l’effet est déclenché par le défilement de la page. L’effet commence dès que l’objet devient visible dans la fenêtre du navigateur et se termine lorsque l’objet atteint le milieu de cette fenêtre.

Dans les deux cas, une liste ordonnée d’effets est disponible. Il suffit de sélectionner un effet pour en afficher l’aperçu.

Une fois l’effet sélectionné pour l’objet, les Options suivants peuvent être définis :

▪	Temps d'affichage : définit le temps (en secondes) de la durée de l'effet.

▪	Répéter l'effet toutes les [sec] : disponible uniquement pour les effets qui prévoient que l'Objet soit immédiatement visible, il permet de répéter l'effet à la fin de l'intervalle de temps prédéfini.

▪

Activer le Chargement différé : disponible uniquement pour certains Objets (par exemple, l'Objet Image), il fait en sorte que l'image ne soit pas téléchargée tout de suite à l'ouverture de la Page dans laquelle elle est insérée, mais uniquement lorsqu'elle doit effectivement s'afficher. Dans ce cas, l'image s'affiche progressivement, avec un agréable effet d'ouverture en fondu.

En utilisant l'option Activer le Chargement différé vous pouvez faire en sorte que les images présentes dans une Page ne soient pas toutes téléchargées simultanément, mais à mesure qu'elles doivent s'afficher, réduisant ainsi le temps d'ouverture de la Page et accélérant la navigation.

Une fois que l’objet est visible sur la page, il peut être maintenu fixe à une certaine position jusqu’à ce que l’objet le plus haut de la même ligne commence à disparaître.

Pour obtenir ce résultat, il convient de :

▪	activer l’effet en sélectionnant l’option Définir l’objet comme Sticky ;

▪	utiliser l’option Distance depuis le haut pour définir la position à laquelle l’objet doit rester fixe.

Dans la grille de mise en page, les objets auxquels un effet a été associé se distinguent facilement grâce à l’icône affichée en superposition dans la cellule qu’ils occupent.

Les systèmes d’exploitation modernes incluent un paramètre d’accessibilité permettant de réduire ou de désactiver les effets visuels, tels que les animations et les transitions. Si cette option est activée, les effets éventuellement appliqués aux objets ne seront pas exécutés.

Fenêtre Effet d'affichage

Fenêtre Effet d'affichage