Contenu du Modèle

Étape 2 - Modèle >

Contenu du Modèle

Previous pageReturn to chapter overviewNext page
Montrer/Cacher le texte caché

Après avoir décidé de travailler avec un Modèle Prédéfini ou avec un Modèle Vide et après avoir défini le Paramètres du Modèle grâce aux fonctions proposées dans cette fenêtre, vous pouvez encore personnaliser le Modèle en travaillant sur l'En-tête et le Pied de page et sur l’éventuelle Barre latérale, en ajoutant différents types de contenus, dont: Menu, des textes, des images, des animations, des galeries, un code HTML, des champs de recherche et des liens.

En particulier, vous pouvez travailler sur l'En-tête, le Pied de page et la Barre latérale du Modèle graphique aussi bien pour l'Affichage Bureau que, dans le cas de la création d'un Site adaptatif, pour les Affichages correspondant aux différents points de rupture configurés.

Pour procéder à la création d'un Site adaptatif, il est nécessaire de choisir l'option Site Adaptatif présente dans la fenêtre Définitions et Conception Adaptative.

 

Cliquez pour etendre/reduire

La fenêtre Contenu du Modèle est organisée dans les sections Pied de page et Barre latérale : les commandes et les options disponibles dans ces trois sections sont identiques.

La section Barre latérale est présente uniquement si dans la fenêtre Structure du Modèle, En-tête, Pied de page et Barre latérale à gauche ou En-tête, Pied de page et Barre latérale à droite ont été choisis comme Type de Structure.

Cliquez pour etendre/reduireRéférence : Comment se présente l'éditeur du Modèle

Si vous avez choisi de créer un Site adaptatif, la fenêtre Contenu du Modèle présente une Barre Adaptative qui reprend celle déjà configurée dans la fenêtre Définitions et Conception Adaptative.

La Barre Adaptative repropose tous les points de rupture configurés et, en fonction de ceux-ci, identifie des Intervalles : il suffit de cliquer sur un Intervalle pour le sélectionner et procéder à la définition de l'En-tête, du Pied de Page et de la Barre latérale du Modèle pour l'Affichage correspondant.

En plus de la Barre Adaptative, la fenêtre offre un éditeur graphique qui présente une Barre des Outils et, en-dessous, une zone de travail où est automatiquement reprise l'image utilisée comme arrière-plan de l'En-tête, du Pied de page ou de la Barre latérale du Modèle choisi (prédéfini ou personnel) : l'image est affichée à l'échelle 1:1 et vous pouvez, si nécessaire, la faire défiler à l'aide de barre de défilement horizontal. Le programme montre en temps réel toutes les modifications effectuées sur cette image à travers les commandes disponibles.

Sous l'image chargée se trouve une barre d'état qui indique :

Position : affiche les coordonnées x et y qui identifient la position de l'angle supérieur droit de l'objet sélectionné, par rapport à l'espace occupé par l'En-tête, le Pied de Page ou par la Barre latérale.
Taille : affiche la valeur exprimée en pixels de la largeur et de la hauteur de l'objet sélectionné.

Enfin, sous la Barre d'État figure la liste de tous les Objets que vous pouvez utiliser pour composer l'En-tête, le Pied de page ou la Barre latérale du Modèle.

Les Objets sont les mêmes que pour composer les Pages (voir, Étape 4 - Pages): pour faciliter leur identification, ils sont organisés avec des filtres et chacun est présenté par un aperçu.

Cliquez pour etendre/reduireRéférence : La liste des Objets disponibles

Pour insérer un objet dans l'En-tête ou le Pied de page du Modèle, il suffit de sélectionner l'icône relative dans la liste des objets disponibles, puis de la glisser-relâcher dans l'éditeur, dans la position souhaitée.

Pour faciliter votre choix, les Objets peuvent être filtrés et gérés avec les commandes suivantes :

Liste Filtres

Propose la liste des filtres disponibles pour sélectionner, parmi tous les Objets disponibles, ceux répondant à un objectif spécifique. Il est possible, par exemple, d'afficher tous les Contenus principaux Page ou les Contenus principaux Modèle.

Afficher la gestion des objets

Rappelle la fenêtre Gestion des objets avec laquelle vous pouvez gérer l'installation, la désinstallation et la mise à jour de tous les Objets qui ne sont pas installés comme objets de base avec le programme.

Les Objets comptant parmi les Contenus principaux Page et les Contenus principaux Modèle sont :

Une fois l'Objet inséré dans l'En-tête, le Pied de page ou dans la Barre latérale du Modèle, il suffit de le sélectionner et de cliquer sur le bouton Contenu (ou double-cliquer) pour ouvrir la fenêtre de création.

Cliquez pour etendre/reduireRéférence : Les commandes de la Barre d'Outils

Une fois les Objets nécessaires insérés dans la zone de travail de l’éditeur du Modèle, vous pouvez les sélectionner et intervenir dessus à l’aide des commandes présentes dans la Barre d’Outils :

Pour effectuer une sélection multiple, vous pouvez :

cliquer sur les Objets que vous souhaitez inclure dans la sélection en gardant la touche CTRL ou SHIFT appuyée ;
cliquer sur la zone de travail et, en gardant la touche gauche de la souris appuyée, vous déplacer afin de dessiner un rectangle de sélection qui inclue tous les Objets souhaités.

Les commandes disponibles dans la Barre d’Outils sont :

Couper [CTRL+X] - Copier [CTRL+C] - Coller [CTRL+V]

Permettent, respectivement, de couper, copier et coller l'objet sélectionné.

Annuler [CTRL+Z] - Restaurer

Annulent et restaurent la dernière opération exécutée/annulée.

Mettre au premier plan - Mettre au second plan

Permettent, respectivement, de mettre l'objet sélectionné en premier ou second plan, à savoir au-dessus ou au-dessous des autres objets éventuellement superposés.

Zone de travail

Permet de définir, à l’aide de la fenêtre rappelée, la présentation de la zone de travail. En particulier, les options suivantes sont disponibles :

Couleur arrière-plan : configure comme Claire ou Foncée la couleur de l’arrière-plan de la zone de travail pour améliorer l'affichage des Objets insérés.
Activer grille : si elle est active, la grille facilite le placement et le dimensionnement des Objets insérés dans la zone de travail. Vous pouvez définir le Étape  de la grille aimantée.

Disposer

Définit la disposition des Objets insérés dans la zone de travail. En particulier, les commandes disponibles sont les suivantes :

Position et taille

Permet de définir, dans la fenêtre rappelée, les coordonnées qui déterminent la position et les dimensions de l'objet sélectionné. L'option Conserver la proportion, fait en sorte que les opérations de redimensionnement ne changent pas les proportions d'origine de l'objet.

Alignement horizontal / Alignement vertical : actives uniquement si au moins 2 Objets ont été sélectionnés, ces options permettent respectivement de les aligner horizontalement (à gauche, au milieu et à droite) ou verticalement (en haut, au milieu ou en bas).
Distribuer : actives uniquement si au moins 3 Objets ont été sélectionnées, cette option les dispose de manière à ce qu’il y ait la même distance horizontalement et verticalement entre eux.

Gestion des Objets cachés

Disponible uniquement en cas de Site adaptatif, il permet de définir si, pour l'Affichage sur lequel vous êtes en train de travailler (configuré à l'aide de la Barre Adaptative), l'Objet sélectionné doit s'afficher ou rester caché.

En cliquant sur le petit triangle figurant sur le bouton, vous pouvez afficher un menu avec les champs suivants :

Cacher pour cet affichage : l'Objet sélectionné est caché uniquement pour l'Affichage en cours.
Cacher pour cet affichage et pour les affichages inférieurs : l'Objet sélectionné est caché dans l'Affichage en cours et dans tous les Affichages avec des résolutions inférieures.
Gestion des Objets cachés pour cet affichage : rappelle une fenêtre où est proposée la liste de tous les Objets qui ont été cachés pour l'Affichage en cours. Un aperçu est disponible pour tous les Objets, ainsi que la commande nécessaire pour les rendre de nouveau visibles.

Saisir le contenu de l'objet sélectionné

Ouvre la fenêtre permettant de procéder à la création de l'Objet sélectionné parmi ceux insérés dans l'En-tête ou le Pied de page du Modèle. La fenêtre rappelée varie en fonction du type d'Objet (Texte, Image, etc.).

Certains Objets insérés dans l'En-tête et le Pied de page, comme par exemple, les animations et les objets Code HTML s'affichent seulement quand vous ouvrez le site dans le navigateur.


Bonnes pratiques :

-

Comment travailler avec les Modèles

-

Où trouver de nouveaux modèles pour WebSite X5

-

Comment créer un Site Web Adaptatif dans WebSite X5 | Comment configurer le Modèle


Approfondissements :

-

Comment fonctionne le moteur de recherche interne de WebSite X5