Après avoir articulé le Plan du projet, vous pouvez commencer la création de chaque page insérée dans le site. La fenêtre Création de la page permet de définir la structure de mise en page et d'entrer les contenus.
Le chemin et le titre de la page sur laquelle vous êtes en train de travailler sont indiqués comme Page courante.
Pour rendre plus intuitive la mise en page des contenus, WebSite X5 propose une grille qui est composée, par défaut, de 2 lignes et 2 colonnes : il suffit de faire glisser les objets à l'intérieur des cellules de cette grille (un objet par cellule), pour composer la page. Bien évidemment, vous pouvez ajouter des lignes et des colonnes pour disposer d'un plus grand nombre de cellules et aussi définir manuellement la largeur de chaque colonne. Grâce à ces possibilités de dessin de la grille et au fait de pouvoir placer un objet dans plusieurs cellules adjacentes, vous pouvez obtenir des mises en page très raffinées. Une précision importante : l'utilisation de la grille sert seulement à simplifier et guider la mise en page des contenus. Exception faite pour quelques cas particuliers spécifiques, représentés par des combinaisons de mise en page très complexes, la grille de mise en page n'est pas "traduite" par un tableau de code HTML des pages. Dans tous les cas, la grille de mise en page ne sera jamais visible pendant la navigation avec le navigateur. Comme dit précédemment, chaque cellule de la grille peut contenir un seul objet mais chaque objet peut être placé sur plusieurs cellules adjacentes horizontalement ou verticalement, de façon à occuper un plus grand espace sur la page. L'aspect des cellules de la grille de mise en page change selon les différents états de la cellule :
Pour plus de commodité, toutes les lignes de la Grille sont numérotées (l'indication figure à gauche) tandis que les curseurs pour agir sur la largeur des colonnes sont placés sur le bord inférieur. |
Juste au dessus de la Grille de mise en page, on peut trouver une Barre d'Outils qui met à disposition les commandes suivantes :
|
À côté de la Grille de mise en page, vous trouverez la liste des Objets disponibles. Pour insérer un objet dans une page, il suffit de sélectionner l'icône relative dans la liste des objets disponibles, puis de la glisser-relâcher dans la grille de mise en page, au niveau de la cellule voulue. Pour faciliter votre choix, les Objets peuvent être filtrés et gérés avec les commandes suivantes :
Les Objets comptant parmi les Contenus principaux Page et les Contenus principaux Modèle sont : Une fois l'Objet inséré dans la Grille de mise en page, il suffit de le sélectionner et de cliquer sur le bouton Contenu (ou cliquez deux fois) pour ouvrir la fenêtre de création. |
Bonnes pratiques :
Approfondissements :