L'onglet Contenu et sa grille
Poser des zones sur 48 colonnes, régler leur largeur par taille d'écran.
Une page n'est pas un bloc de texte où l'on insère des images : c'est une grille de 48 colonnes sur laquelle on pose des zones, et dont on tire les bords à la souris.
Poser et dimensionner
- Ajouter une zone depuis la palette, la déplacer, tirer son bord droit pour changer sa largeur.
- Trois largeurs par zone, une par taille d'écran : téléphone, tablette, grand écran. Celle du téléphone est la seule obligatoire, les autres héritent.
- Un décalage à gauche pour ne pas commencer au bord, et « nouvelle ligne » pour forcer une zone à passer dessous même s'il reste de la place.
- « Pleine largeur » fait sortir la zone de la colonne de lecture pour traverser l'écran.
Une disposition, toutes les langues
La grille est écrite une fois et vaut pour chaque langue : traduire une page ne demande pas de la recomposer. Ce qui suit la langue, ce sont les mots à l'intérieur des zones, et les légendes des images.
Le pas de la grille
Les largeurs s'accrochent à un pas de 4 colonnes, ce qui donne douze positions par ligne et évite les alignements approximatifs d'un pixel.