Goto main content
docv1.png

La Grille

À propos de la Grille

grille.png

L’endroit où seront construites les pages du site. Extenso propose de construire un site à l’aide du concept d’une grille et de casiers (qui contiennent de l’information). Pour organiser votre page, il y a quatre types d'éléments qui constituent la grille de votre page.

Ces éléments sont imbriqués comme suit:

  • La section (contient des rangés)
    • Les rangées (contient des colonnes)
      • Les colonnes (contient des widgets)
        • et les widgets

Les sections

Cela sert à délimiter votre zone de travail. Celle-ci représente la toile de fond du site. Au fur et à mesure que vous ajouterez des éléments, la section s’allongera en conséquence. Une page peut également contenir plusieurs sections juxtaposées l’une après l’autre. La section peut être pleine largeur ou avoir une largeur fixe.

Les rangées

Elles servent à organiser les éléments de façon horizontale dans la section. Plusieurs rangées peuvent être insérées dans une même section. Elles peuvent aussi être de pleine largeur ou avoir une largeur fixe.

Les colonnes

Comme les rangées, les colonnes servent à organiser les éléments, mais cette fois-ci de façon verticale. Plusieurs colonnes peuvent être insérées dans une même rangée. Nous avons un modèle de douze colonnes pour notre grille. Le cumul des colonnes doit donc en tout temps être égal à 12. ex.: (3 colonnes de 4 =12 ou 1 colonne de 7+ 1 colonne de 5=12).

Un site web "responsive"

Les colonnes sont aussi utilisées pour adapter votre contenu pour les différents navigateurs (Tablette, mobile et ordinateur). La conception Web adaptative (RWD) est une approche de conception Web visant à créer des sites pour fournir une expérience de visualisation optimale: lecture et navigation faciles avec un minimum de redimensionnement, de panoramique et de défilement - dans une large gamme de périphériques (des téléphones mobiles aux ordinateurs de bureau).

Les widgets

Dans n’importe quelle colonne, vous pouvez insérer des widgets. La librairie de widgets est accessible en cliquant sur la barre d’état d’une colonne. L’icône d’accès à la librairie s’affichera au bas de la colonne. (Plus d'informations dans la section Widgets)

docv1.png