Brique essentielle pour la plupart des sites graphiques pour la présentation des diverses galeries virtuelles des artistes, le composant p5003_free est l'un des éléments les plus marquants du logiciel du projet A. Il permet l'affichage libre d'images et de textes sur une page, évitant ainsi les alignements rigides des images des logiciels de blog utilisés par la quasi-totalité des sites d'artistes.

Exemples de pages :

• sur le site dominique-moreau.fr
• sur le site caty-leveque.fr
• sur le site jacques-galan.fr
• sur le site celia-moreau.fr avec un effet 3D

S'il rend déjà des services remarquables, sa mise en œuvre restait laborieuse sur les pages complexes, mais les dernières évolutions du logiciel rendent pratique son utilisation : les moules de saisie des formulaires, la génération automatique des différents formats d'images, le positionnement en pleine page avec son panneau de contrôle et ses grilles de calage et d'affichage.

Voici les différentes étapes pour créer un mur d'images à positionnement libre :

La première partie de la procédure est commune à tous les murs d'images qu'ils soient ou non à positionnement libre :

• création de l'espace correspondant au mur ;
• création des œuvres associées à partir d'une image de référence
  ou
• collage d'œuvres d'une autre galerie, voire d'un autre site si celui-ci vous y a autorisé (voir l'article Emprunts entre sites) ;

La seconde partie de la procédure est spécifique aux murs d'images à positionnement libre :

• sur la page de gestion de l'espace, cliquer sur le bouton Position
  → l'esquisse de la page qui sera présentée aux internautes s'affiche pour permettre l'accrochage des différentes images sur le mur
  • toutes les miniatures d'une dimension par défaut sont entassées en haut à gauche du mur,
  • chaque image est encadrée et le mur est détouré,
  • un panneau de contrôle est affiché en haut à droite ;
• depuis le panneau de contrôle, sélectionner une grille de repérage parmi les 12 proposées ;
• cliquer et tirer tour à tour sur chaque image pour les placer à l'emplacement souhaité ;
• cliquer et tirer sur le bord d'une image pour l'agrandir ou la diminuer
  → pour faciliter les alignements, les images se calent sur une grille de pas prédéfini pour le site (de 10 pixels par exemple), tout comme leurs dimensions ;
• enregistrer le travail et demander à le voir toujours depuis le panneau de contrôle ;
• revenir en mode de positionnement et modifier la taille et le placement des images autant que nécessaire.

Il est possible de s'affranchir des contrainte de la grille de calage de deux façons :

• soit en appuyant sur l'une des deux touches Ctrl du clavier pendant le déplacement et le redimensionnement d'une image ;
• soit en modifiant les coordonnées et les tailles des images sur la page de gestion de l'espace. Cette dernière action très technique n'est vraiment utile si l'on souhaite étirer une image, c'est-à-dire modifier le rapport entre sa hauteur et sa largeur.

Après chaque adaptation d'un mur d'images, celles-ci sont automatiquement régénérées dans les bonnes dimensions pour un affichage optimal et un temps de chargement réduit, tout en prenant en compte le collage possible d'une même œuvre sur plusieurs pages.

→  Pour plus de détails, voir l'article de la documentation Publication du contenu / Positionnement libre.

 → Voir aussi deux copies d'écran du mode Positionnement en action : sans grille de repérage - avec grille de repérage