Le mode arc-en-ciel : nouvelle génération

Nous avons restructuré le module « Mode arc-en-ciel » afin de le rendre plus ergonomique et flexible. À la place des pastilles, d'autres formes sont utilisées et les couleurs sont plus nuancées. Ces indices visuels renseignent sur la configuration de chacune des zones de données d’une page web et sur le(s) gabarit(s) utilisé(s). Il offre un lien direct vers l’édition dans le panneau de contrôle.

Pour le développeur, cet outil donne également la requête SQL utilisée (s’il y a lieu) facilitant ainsi la compréhension et la modification des requêtes.

Pour le novice, nous vous invitons d'abord à consulter le texte Le mode arc-en-ciel : visualisation de la structure de vos sites et mises à jour en quelques clics! afin d'avoir une idée du module.

Légende :

• Le losange définit un gabarit (« template »).
• Le cercle correspond à une page (imbriquée ou non à l’intérieur d’une autre page ou d’un bloc).
• La demi-lune est un repère pour les listes de zones répétitives (ex. : boutons d'un menu, liste de nouvelles, liste de membres, groupe de bannières, liste de participants à un concours, gallerie d'images, liste de documents).
• Le jaune est lié au gabarit principal du site (voir ci-dessous par où tout commence...).
• Une couleur superposée sur une autre renseigne à quel niveau et dans quel gabarit se trouve le contenu. Selon la complexité du site, il peut y avoir une multitude d'associations de couleurs (avec l'une et/ou l'autre des trois formes décrites ci-dessus), mais le jaune demeure toujours la couleur liée au premier niveau.

Exemples :

• Losange jaune en haut à gauche = gabarit principal de tout le site. En cliquant dans ce losange, vous accédez au panneau de configuration qui permet l'édition du gabarit principal (entête, pied de page, CSS, design spécifique par langue).
• Losange rose sur fond jaune= gabarit secondaire inclus dans gabarit principal.
• Demi-lune bleue sur fond jaune = zones répétitives incluses dans gabarit principal (ex.: boutons du menu principal).
• Cercle vert sur fond rose = contenu de type « page » inclus dans le gabarit secondaire (utile, entre autres, à la diffusion du même contenu sur plusieurs sites satellites liés au site principal).
• Demi-lune orange sur fond vert = liste d'items répétitifs contenus dans une page (qui pourrait, elle-même, être contenue dans le gabarit secondaire qui lui est inclus dans le gabarit principal).

Bref, pour les développeurs : le mode arc-en-ciel est une représentation visuelle simplifiée de type « parent-enfant ». Pour les novices : pensez à L'arbre est dans ses feuilles de Zachary Richard. Vous comprendrez ainsi le grand principe de ce mode arc-en-ciel nouvelle génération !

par Claudie Borduas

12 févr. 2012 - 14:14

A été vu 727 fois