| Montrer/Cacher le texte caché |
L'un des facteurs qui contribue à déterminer le succès d'un site web est sûrement l'aspect graphique. Avant d'arriver aux contenus et à la structure de navigation, l'aspect du site frappe en effet le visiteur, en influençant de manière déterminante son jugement. Un design soigné et professionnel est interprété comme l'indice d'un site de qualité et qui vaut la peine d'approfondir ses contenus.
Dans WebSite X5, tout de suite après avoir ouvert un nouveau Projet, vous pouvez choisir le Modèle que vous souhaitez utiliser. Les options disponibles sont :
| 1. | Utiliser un Modèle Prédéfini, c’est-à-dire l’un des 500 Modèles installés avec le programme ou un Modèle acheté sur le Marketplace de WebSite X5. |
| 2. | Utiliser un Modèle Personnalisé, c’est-à-dire un Modèle précédemment réalisé ou en personnalisant un Modèle Prédéfini ou encore en créant un nouveau Modèle à partir d’un Modèle Vide. |
| 3. | Utiliser un Modèle Vide pour créer un nouveau Modèle de toutes pièces. |
Dans cette fenêtre Sélection du modèle, vous pouvez ainsi feuilleter les bibliothèques avec les modèles disponibles et sélectionner celui à appliquer au Projet en cours.
Pour rechercher plus rapidement le Modèle, il suffit d’utiliser le filtre Afficher par qui comprend les champs suivants :
| ▪ | En Évidence : montre uniquement les Modèles qui sont signalés du fait de leur utilisation fréquente ou de leur publication récente. |
| ▪ | En Vente : montre uniquement les Modèles en vente sur le Marketplace de WebSite X5. |
| ▪ | Achetés : montre uniquement les Modèles qui ont déjà été achetés sur le Marketplace de WebSite X5. |
| ▪ | Personnalisés : montre uniquement les Modèles précédemment réalisés et sauvegardés. |
| ▪ | Vides : montre des structures simples à utiliser comme point de départ pour créer un nouveau Modèle de toutes pièces. |
En plus de ces filtres, des filtres correspondant aux Catégories sont disponibles : Toutes les catégories, Professionnel, Alimentaire, Sport, etc.
Une fois le choix du Modèle effectué, il suffit de cliquer sur le bouton OK pour accéder à l’Étape 1 - Paramètres où vous pouvez commencer à définir certains paramètres généraux concernant le Projet.
Toutes les options pour continuer à travailler sur le Modèle sont en revanche disponibles à l’Étape 2 – Modèle. En particulier, dans cette étape, vous pouvez définir le comportement du Modèle sur Mobile (fenêtre Définitions et Conception Adaptative), créer un nouveau Modèle à partir d’un modèle vide (fenêtre Structure du Modèle), choisir et appliquer un Modèle différent du Modèle déjà défini (fenêtre Changement de Modèle), gérer les Modèles Personnalisés (fenêtre Gestion des Modèles Personnalisés).
La galerie proposée par WebSite X5 comprend, à la base, plus de 500 Templates, étudiés pour permettre la réalisation de sites soignés, professionnels et optimisés pour prendre en charge la création de sites adaptatifs. Les Templates peuvent être disponibles soit uniquement comme Graphic Templates soit comme Graphic Templates et Full Templates. Les Graphic Templates sont des mises en page graphiques qui définissent la structure et l’aspect des pages, notamment la composition de l’En-tête et du Pied de page. Ils peuvent facilement être appliqués à tout type de Projet déjà en cours et représentent, pour cette raison, le choix idéal si vous souhaitez renouveler l'aspect graphique d’un site déjà configuré sans toucher aux contenus. Les Full Templates sont, en revanche, de véritables mini-sites, comprenant la présentation graphique, les styles et un certain nombre de pages préconfigurées. En pratique, il s’agit de Projets (fichier .IWZIP) qui offrent une excellente base de départ pour développer un nouveau site Web. Pour vous offrir une large variété de choix, ce groupe déjà consistant est constamment enrichi de nouveaux Modèles et proposés à titre gratuit ou payant. Dans WebSite X5 sont affichés les aperçus de tous les Modèles Prédéfinis disponibles, mais seule une partie de ces modèles est effectivement installée avec le programme. Vous pourrez télécharger librement tous les autres modèles, s'ils sont gratuits, ou suite à leur achat, s'ils sont payants. Vous reconnaîtrez facilement les nouveaux Modèles proposés, ainsi que ceux à télécharger ou acheter, grâce aux cocardes prévues à cet effet. En sélectionnant un Modèle dans la liste de ceux disponibles, vous affichez son Aperçu. S'il s'agit d'un Modèle en vente, la description présent également des informations sur le prix ainsi que le bouton Acheter. Pour pouvoir acheter un Modèle, il faut avoir un nombre suffisant de Crédits et une connexion Internet active. Si, en revanche, vous sélectionnez un Modèle gratuit ou déjà acheté, mais que vous n'avez pas encore installé, il est automatiquement téléchargé et appliqué au Projet en cours.
Comme indiqué précédemment, tous les Modèles proposés sont optimisés pour prendre en charge la réalisation de Sites Adaptatifs. Cela signifie que si vous décidez de créer un Site Adaptatif, selon le Modèle Prédéfini sélectionné, certains points de rupture sont activés par défaut : pour chaque Affichage déterminé par les points de rupture, une version appropriée du Modèle est déjà prédisposée afin que les éléments prévus se repositionnent en fonction de l'espace disponible. Bien entendu, vous pouvez par la suite intervenir pour ajouter/éliminer ou modifier les points de rupture présents et pour personnaliser la structure du Modèle et la gestion des Objets en En-tête et Pied de page selon les différents Affichages. Il est important de préciser que les versions du Modèle utilisées pour l'Affichage Bureau et pour les Affichages intermédiaires sont configurées en pixels, tandis que la version pour l'Affichage Smartphone est élastique, de manière à pouvoir toujours occuper 100% de l'espace disponible. Vous pouvez modifier à tout moment le Modèle graphique appliqué au Projet, en sélectionnant simplement un autre Modèle dans la Bibliothèque des modèles prédéfinis/personnels ou en partant d'un Modèle Vide pour créer un Nouveau Modèle. Dans ces cas, aucune des personnalisations de style apportées au Modèle ne sera conservée. Donc, si vous souhaitez sauvegarder les paramètres définis, il est souhaitable d'enregistrer le Modèle courant dans la Bibliothèque personnelle avant d'appliquer un autre Modèle au Projet. Si vous créez un Site Adaptatif, étant donné que les paramètres relatifs au comportement adaptatif du Modèle sont sauvegardés dans le fichier du Modèle et non dans celui du Projet, les paramètres définis pour le Modèle en cours peuvent différer de ceux du Modèle sélectionné lorsque vous changez de Modèle graphique. Dans ce cas, une fenêtre apparaît et vous permet de choisir :
|
Bonnes pratiques :
