Bien démarrer avec WebCreator7
Prise en mains
Cet article a pour objectif de vous familiariser avec les principales fonctionnalités du logiciel WebCreator7 et les bonnes pratiques pour la création de site web.
Lancer le logiciel WCr7. Vous vous trouverez sur le menu d'accueil avec les différents projets déjà en cours. Si vous êtes nouveau, il n'y en a pas.
Cliquer sur Nouveau projet, vous verrez cette fenêtre s'ouvrir :
Vous pouvez choisir entre 3 options :
Créer un site déjà prêt à l'emploi et personnalisable avec TemplateCreator
Créer un site de A à Z en partant d'une page vierge
Ouvrir un projet provenant des anciennes versions de WebCreator
Projet à partir d'une page vierge
En cliquant sur Créer un projet à partir d'une page vierge, vous allez atterrir sur la fenêtre d'édition principale :
Le menu d'élément situé à gauche vous permettra d'utiliser de nombreux éléments, classés par catégorie :
- Dans la catégorie Base on peut retrouver des pages, textes, images, boutons, menus et titres.
- Dans la catégorie Mise en page on peut retrouver des panneaux, boites, lignes, iframe, accordéons, onglets et popups.
- Dans la catégorie Social on peut retrouver des éléments permettant de créer des blogues et des options liées aux réseaux sociaux comme Facebook et Twitter.
- Dans la catégorie Multimédia on peut retrouver des galeries d'images, diaporamas, vidéos, sons, éléments flash, cartes Google et vidéos Youtube.
- Dans la catégorie Données on peut retrouver des dispositifs de paiement PayPal, éléments web permettant d'intégrer du code HTML, dispositifs de traduction, formulaires et éléments cloud.
La barre d'outils située en haut vous permettra d'utiliser plusieurs fonctionnalités allant de la mise en page au code personnalisé :
- Dans l'onglet Accueil on peut retrouver plusieurs outils de traitement de texte et d'autres dédiés au logiciel : ajout de lien, ajout d'éléments enfants dans d'autres éléments parents.
- Dans l'onglet Projet on peut retrouver des options de mise en page et de couleurs pour la fenêtre d'édition de WebCreator.
- Dans l'onglet Page on peut retrouver des options telles que l'ajout d'une nouvelle page, la gestion des pages et des éléments, l'ajout de code personnalité, etc.
- Dans l'onglet Format on peut retrouver des options de mise en page supplémentaires.
- Dans l'onglet Outils on peut retrouver des fonctionnalités très utiles comme l'ajout de méta-tags pour le référencement ou le suivi de statistiques Google Analytics.
L'outil de gestion à droite vous permettra d'avoir des détails sur la structure de vos pages :
- Dans l'onglet Éléments on peut retrouver l'arborescence des éléments d'une page, très utile pour clarifier sa structure.
- Dans l'onglet Pages on peut retrouver les différentes pages du site et ainsi passer de l'une à l'autre pour l'édition.
- Dans l'onglet Blocs on peut retrouver les blocs d'éléments qu'ils soient prédéfinis ou personnalisés, très utiles pour construire sa page en quelques clics.
Vous avez désormais un bon point de départ pour vos projets. Testez les multiples fonctionnalités par vous-mêmes car, au final, la pratique vaut autant que la théorie.
Projet à partir d'un gabarit TemplateCreator
Créer son site web en partant de rien est assez laborieux, en particulier quand il faut répéter la tâche de nombreuses fois. C'est pour cela qu'on peut trouver, un peu partout sur le net, des templates déjà prêts à l'emploi. Il y en a des gratuits ou payants, des modifiables ou non, pour petit site ou site à grande échelle. Je vous conseille d'ailleurs de lire l'article sur la personnalisation des templates pour mieux appréhender ce concept.
TemplateCreator est une fonctionnalité disponible dans WebCreator permettant ainsi de démarrer son édition sur un template modifiable. Après avoir choisi l'option "Créer un modèle personnalisé avec TemplateCreator" lors de la création d'un nouveau projet, vous allez vous retrouver sur la fenêtre principale de l'outil :
Le menu de gauche propose plusieurs options :
La catégorie professionnelle, regroupant les principaux secteurs d'activité. Choisissez des thèmes possédant des images par défaut liés à votre secteur.
La disposition qui vous permettra de choisir la mise en page qui vous plait le plus.
L'arrière-plan à choisir. Ça peut très bien être une couleur basique, un dégradé ou une image. Par défaut c'est une image en lien avec la catégorie choisie.
Les effets visuels vous aideront à régler les paramètres de transparence et de luminosité.
Les palettes de couleur où sont disponibles des dizaines de combinaisons colorées, respectant les règles de design et d'ergonomie.
Utilisées ensemble, ces options aboutiront sur un résultat original et déjà prêt à l'emploi. Il ne vous restera qu'à changer les textes lorem ipsum par votre contenu. Il y a des milliers de combinaisons possibles, toutes modifiables après sélection. Une fois que vous avez choisi l'apparence de votre template, il suffit d'appuyer sur le bouton "Sauvegarder" pour arriver dans la fenêtre d'édition principale de WebCreator. Vous constaterez dans l'outil de gestion des pages à droite qu'il y a plusieurs pages disponibles dans votre projet (contact, produits, solution, à propos) et que chacune d'entre elles possèdent une structure d'éléments bien organisée et facile à assimiler.
Vous pouvez effectuer les changement que vous souhaitez à n'importe quel endroit. Je vous conseille tout de même de prendre un certain temps pour comprendre le comportement de chaque élément et ainsi éviter les mauvaises surprises de mise en page cassée qui pourrait survenir si par exemple vous enleviez un élément flottant. Amusez-vous avec les multiples options de TemplateCreator et déployez vos sites en un éclair.