WEBDEV 2024

Quelques exemples de règles de positionnement ZONING : DÉCOUPAGE EN ZONES WEBDEV 2024 permet de délimiter des zones d’édition dans une page, ce que l’on nomme le «zoning». Les zones permettent de définir l’architec- ture de la page: en-tête (<header>), pied de page (<footer>), encart (<aside>),... Il suffit de découper la page en «zones» logiques. Une zone contient les champs qui y sont présents. Le zoning est en général défini dans un modèle de pages et sera ainsi commun à plusieurs pages du site. MANIPULATIONS D’UNE ZONE SOUS L’ÉDITEUR Lorsque la zone est déplacée, ses champs sont automatiquement déplacés avec la zone. Par exemple, l’agrandissement de la hau- teur de la zone d’en-tête déplace automa- tiquement vers le bas les zones qui sont situées en dessous: la zone corps de page et celle de bas de page. L’édition s'effectue en preview. DATA GRID Les Data Grid sont supportées par WEBDEV 2024 pour le positionnement des champs. FLEXBOX LES CHAMPS SE PLACENT SEULS ET CHANGENT DE POSITION SELON VOS RÈGLES Le mode de positionnement Flexbox est basé sur un principe de repositionnement des champs contenus dans des «boîtes» (les Flexbox), par alignement vertical ou horizontal, choix de la taille relative et imbrication de ces boîtes, selon vos règles précises. Une Flexbox se crée de manière visuelle, à l’aide d’assistants intuitifs. Une Flexbox peut contenir d’autres Flexbox. LA MISE EN PAGE FACILE FLEXBOX 14 • WEBDEV 2024 Développez 10 fois plus vite