ANTICiiP

Le temp­late BlueLine

BlockHeaderIconLes objectifs du Template BlueLine

Proposer une présentation élastique et fluide, accessible, lisible et dotée d’une navigation facile.

BlockHeaderIconPourquoi l’architecture MVC ?

L’architecture MVC consiste à découpler la présentation, les traitements et les données permettant ainsi une grande réactivité et une grande souplesse à l’évolutivité du site.

BlockHeaderIconQu’est-ce qu’un Template ?

Le template est une sorte de gabarit dédié à la présentation des données préparées par Joomla et qui constitue la partie visuelle du site. Cette technique permet l'utilisation d'un grand nombre de présentations différentes dans la structure et l'aspect pour un seul et même contenu.

blockHeaderIcon2Elastique et fluide…

Le template s’adapte à la largeur de l’écran du navigateur client c'est-à-dire que le contenu des blocs structurants s’imbrique et s’ordonne de haut en bas en fonction de la largeur de l’écran.

Sachant d’après une étude que l’utilisateur utilise en moyenne une largeur d’écran de 570 pixels, le template BlueLine est élastique et fluide dans les limites visuelles minimale de 400 pixels et maximale de 1024 pixels.

La gestion de la largeur minimale tient compte des caractéristiques de la barre de menu – structure, largeur.

blockHeaderIcon2Accessible…

Séparation des contenus de leur présentation et utilisation de feuilles de style – CSS.

Utilisation de repères visuels de saut, de boutons de navigation confortables, de fils d’actualité.

blockHeaderIcon2Lisible…

Adoption d’une structure logique et arborescente pour une lecture facile même sans l’utilisation de CSS.

Reconfiguration de la taille de caractères: la définition des tailles de caractères des textes est gérée de façon relative afin d’être augmentée ou réduite sans nuire à leur bloc conteneur.

Le template permet via son administration de gérer proportionnellement les tailles définies pour chacun des blocs concernés par la reconfiguration – barre de menu, pied de page, colonnes de gauche et de droite, colonne centrale.

blockHeaderIcon2Navigations…

Une navigation par niveau avec:

  • un menu principal en onglet pour les informations/actions générales du site,
  • une barre menu dédié aux informations liées à la nature du site,
  • un ou des menus en colonnes pour des informations contextuelles.