Passer au contenu

Avec Wix.com, faites chanter vos pages

S’il est capable d’aider des professionnels à créer leur site, Wix.com est avant tout destiné au grand public. Très réussi, il est intuitif et simple à…

S’il est capable d’aider des professionnels à créer leur site, Wix.com est avant tout destiné au grand public. Très réussi, il est intuitif et simple à prendre en main. Malheureusement, il n’est disponible qu’en anglais, mais devrait bientôt être traduit en français. Nous vous proposons donc une revue détaillée de son interface, en commençant par le début, par l’inscription au service.

Etape 1 : inscrivez-vous

Dans votre navigateur Web, tapez l’adresse www.wix.com dans la barre d’adresse, puis appuyez sur la touche Entrée.La page d’accueil s’affiche. Simplissime.Cliquez sur le bouton Register en haut à droite. Entrez ensuite les informations pour créer votre compte dans la fenêtre qui apparaît. A la ligne Username, entrez le nom d’utilisateur souhaité. Attention, ce nom d’utilisateur sera visible en toutes lettres dans l’adresse de votre futur site. Inscrivez ensuite votre adresse électronique à la ligne Email Address et un mot de passe à la ligne Password. Cliquez sur le bouton Register.Vérifiez votre courrier électronique : un message de confirmation de la création de votre compte vous parvient presque instantanément.Voilà ! Vous êtes inscrit.

Etape 2 : connectez-vous

Cliquez sur le bouton Sign-In. Dans la fenêtre qui apparaît, entrez votre adresse de courrier électronique ainsi que le mot de passe que vous venez de définir. Cliquez ensuite sur le bouton Login. Vous pouvez cocher la case Remember me on this computer si vous désirez être connecté automatiquement chaque fois que vous irez sur Wix.com.

Etape 3 : explorez l’interface

Ça y est, vous pouvez vous lancer ! Vous disposez alors de quatre possibilités, signalées par quatre gros boutons en milieu de page :Le bouton Tour vous permet de regarder une courte vidéo YouTube de démonstration, avec commentaires à l’appui, mais en anglais.Le bouton My Account vous permet de vous rendre dans votre espace personnel. Vous y trouverez affichés le ou les sites que vous avez créés.En cliquant sur Explore, vous entrez dans la galerie des sites créés par les utilisateurs et les auteurs de Wix. Vous pouvez les classer par catégories, en cliquant sur le bouton adéquat dans la colonne de gauche.Pour voir un site en particulier, placez le curseur de la souris sur son image miniature. Cliquez sur l’option View.Enfin, nerf de la guerre, lancez l’éditeur de sites en cliquant sur le bouton Create. S’affiche alors une galerie de sites en miniatures semblable à celle accessible avec le bouton Explore. En plaçant le curseur de la souris sur une miniature, un menu apparaît en surimpression. Cette fois-ci, vous pouvez non seulement voir les sites, mais également les modifier en cliquant sur Edit.Vous pouvez créer votre site en modifiant un modèle existant ou bien en partant de zéro. Pour cela, éditez la miniature intitulée Blank, un modèle totalement vide.

Etape 4 : débloquez l’anti-pop-up

Lorsque vous cliquez sur le bouton Edit, l’éditeur de site s’ouvre dans une nouvelle fenêtre. Si vous cliquez et que rien ne se passe, c’est que votre navigateur bloque les pop-up. Procédez alors de la manière suivante :Avec Firefox 3, allez dans le menu Outils, puis Options. Dans la fenêtre qui s’affiche, cliquez sur l’onglet Contenu puis sur le bouton Exceptions. Dans la nouvelle fenêtre, à la ligne Adresse du site Web, tapez www.wix.com, puis cliquez sur le bouton Autoriser. Cliquez ensuite sur l’option Fermer, puis sur OK.Normalement, Internet Explorer 7 ne bloque pas l’ouverture de l’éditeur de site Wix.com.

Etape 5 : découvrez l’éditeur

La page qui s’affiche en grand écran fonctionne comme un logiciel, avec des barres de menus, des boutons de fonctions, des palettes, etc.L’espace de travail se trouve au milieu de la page. Il est vide par défaut si vous avez lancé l’éditeur en utilisant le modèle Blank. Vous allez maintenant créer votre site, en empilant et en éditant des fonds, des images, des textes, des boutons et autres gadgets en tout genre.

Etape 6 : passez au menu

Tout en haut se trouve une barre de menus classique. Dans le menu File, vous pouvez sauvegarder votre travail en cours (Save), ou bien sous un nouveau nom (Save As), le mettre en ligne une fois qu’il est terminé (Publish) et gérer certains paramètres (Settings) afin de déterminer, par exemple, la couleur du fond de la page ou bien si votre site doit être référencé par les moteurs de recherche, etc. Les autres entrées de la barre de menus vous permettent de copier et de coller des éléments, de gérer leur superposition, leur alignement, de régler finement le zoom ainsi que d’ajouter ou de supprimer des pages du site. Enfin, le bouton Preview vous permet de prendre connaissance immédiatement du résultat du travail en cours. Le bouton Save sauvegarde votre travail à tout moment. Quant au bouton Publish, il permet de finaliser et de mettre en ligne votre site.

Etape 7 : gérez les pages

Votre site peut tenir sur une seule page ou être composé de nombreuses pages avec des liens permettant de passer de l’une à l’autre. Pour les gérer, vous disposez du gestionnaire de pages, en haut dans la colonne de droite.Toutes les pages déjà créées apparaissent sous forme de vignettes, avec leurs titres affichés. Celle sur laquelle vous êtes en train de travailler est cochée en vert. Vous pouvez ajouter une page vide en cliquant sur la vignette Add Page. Mais, pour un contrôle plus complet, cliquez sur l’icône Page Manager pour faire apparaître le menu des pages. Dans une fenêtre, toutes les pages s’affichent avec leurs titres. Cliquez simplement sur le nom d’une page pour en changer le nom.Enfin, si vous laissez le curseur de la souris sur la vignette d’une page, un menu comportant deux boutons apparaît : le premier sert à dupliquer la page avec tous les éléments qu’elle contient, le second, en forme de croix rouge, permet de la supprimer :

Etape 8 : ajoutez des éléments

La colonne de gauche de Wix affiche tous les types d’éléments que vous pouvez disposer sur l’espace de travail pour créer votre page, regroupés en cinq catégories.Passez le curseur de la souris sur l’intitulé d’une catégorie pour découvrir les sous-catégories.La catégorie Page vous donne accès à une bibliothèque de fonds (Background), de cadres pour la page entière (Page Frame), de cadres pour mettre en forme des contenus textuels ou bien des images à l’intérieur même de la page (Page Center). Cette catégorie vous donne aussi accès à des éléments indépendants, de type cadre d’image et lignes (Parts) et, enfin, des dessins géométriques tels que flèches, triangles, cercles pour embellir la page (Shapes).Lorsque vous sélectionnez une sous-catégorie, une large palette s’ouvre en bas à droite de l’espace de travail. S’y affichent les éléments disponibles dans la catégorie sélectionnée. Après avoir repéré l’élément qui vous convient, cliquez simplement dessus pour l’insérer dans la page en cours de construction.La catégorie Media permet d’insérer des photos, des vidéos ou de la musique sur la page. Selon le média sélectionné, la palette proposera d’insérer des éléments de diverses provenances. La palette des photos (Pics) permet de télécharger une photo depuis votre disque dur en cliquant sur le bouton Upload ou depuis le Web en fournissant son adresse d’origine avec le bouton From URL. Mais vous pouvez également insérer des photos fournies par Wix en cliquant, sur le côté gauche de la palette, sur le bouton Wix. En cliquant sur le bouton Flickr de la palette, un moteur de recherche permet de trouver et d’insérer directement des photos provenant du site Flickr.La palette Videos ne vous permet que d’insérer une vidéo en provenance de YouTube, à partir d’un moteur de recherche intégré. Enfin, la palette Music offre la possibilité d’insérer un lecteur audio. Vous pouvez y intégrer des sons proposés par Wix ou télécharger vos propres musiques en cliquant sur le bouton Upload :La catégorie Fun propose toute une série d’images, d’effets vidéo, de personnages animés, etc. Bref, de nombreux embellissements très bien réalisés à ajouter d’un simple clic.Trois options s’offrent à vous dans la catégorie Text afin d’ajouter du texte : les titres (Titles) permettent d’ajouter un texte court, d’une seule ligne. Pour des blocs de texte plus longs, onze types de mise en page vous sont proposés (Paragraphs). Enfin, pour ajouter un texte court flottant déjà mis en page graphiquement, à la manière d’un Post-it, utilisez la palette Notes.Dernière catégorie, les widgets, qui sont des éléments plus complexes. Photo Albums offre la possibilité de créer en un instant des diaporamas très vivants. Grâce à Mini Page, l’une des fonctions les plus puissantes de Wix, vous pouvez, au sein d’une page, insérer de nombreux contenus différents. La page principale restera fixe, mais, dans le cadre Mini Page, et là seulement, le contenu changer alors que, par exemple, le visiteur du site cliquera sur des boutons.Si le lecteur musical de base de la catégorie Music ne vous plaît pas, vous avez accès à d’autres lecteurs dans la partie Players.Enfin, les Menus et les Buttons (boutons) permettent d’insérer les menus et les boutons grâce auxquels les internautes pourront passer d’une page à une autre de votre site, ou naviguer parmi les contenus de vos Mini Pages.

Etape 9 : contrôlez finement les éléments

Une fois que vous avez cliqué sur un élément dans la palette, celui-ci se place automatiquement dans votre espace de travail.Dès lors, selon les éléments (texte, cadre, image, diaporama, vidéo, etc. ), une barre d’outils apparaît en bas de l’écran. Ne s’affichent que les options disponibles pour cet élément précis. Ainsi, lorsque du texte est sélectionné, vous avez accès à la sélection de la police de caractères, la taille de la police, la couleur du texte ainsi que d’éventuels liens hypertextes à insérer.Certaines options sont identiques pour plusieurs éléments : Presets propose, pour les images, des réglages préétablis de couleurs, d’encadrement, etc. Effects offre un choix d’effets graphiques, tels que la brillance, l’effet 3D, le flou, la transparence. Behaviors permet d’affecter une action lors du passage de la souris ou lors d’un clic sur l’élément sélectionné.Vous pouvez ainsi illuminer automatiquement un bouton lorsque la souris passe dessus (Glow on Roll) ou tout simplement faire s’afficher la page suivante lors d’un clic (Link To Next Page).L’option Animation permet de faire apparaître l’élément sélectionné de façon attractive : en fondu (Fade In), en se déplaçant depuis la gauche de l’écran (Enter Left), avec un effet de rotation (Rotate In), etc.

Etape 10 : modifiez les éléments

Chaque nouvel élément que vous placez sur la page peut être sélectionné, déplacé et déformé à la souris. Un cadre blanc arrondi entoure l’élément lorsqu’il est sélectionné, et des flèches de redimensionnement et de rotation apparaissent. Vous pouvez attraper ces flèches et changer à volonté les dimensions de l’élément :Pour modifier le texte qui se trouve dans un élément, cliquez sur l’icône en forme de lignes vertes ou double-cliquez directement sur le texte. Une fois le texte mis en surbrillance, tapez directement le texte voulu.Enfin, un menu flottant apparaît également au-dessus de chaque élément lorsque vous le sélectionnez. La première ligne de ce menu vous permet de décider s’il doit venir au premier plan ou à l’arrière-plan d’un autre élément. La première icône fait reculer l’élément à l’arrière-plan, la deuxième le fait uniquement reculer d’un niveau vers l’arrière, la troisième le fait avancer d’un niveau tandis que la dernière icône met l’élément au premier plan :La deuxième ligne permet de renverser l’élément verticalement ou horizontalement ou de changer son orientation.Enfin, les icônes de la dernière ligne permettent respectivement d’afficher des détails, de bloquer l’élément dans sa position du moment, de le dupliquer ou de le supprimer.

Etape 11 : gérez vos pages ou Mini-Pages

Un site, c’est une collection de pages. Mais encore faut-il qu’elles communiquent entre elles. Pour cela, les éléments boutons (Buttons) et menus (Menus) de Wix sont particulièrement efficaces et simples à utiliser : une fois vos pages prêtes, ajouter un menu permettant de passer d’une page à l’autre est un jeu d’enfant. Cliquez dans la colonne de gauche sur Widgets, puis sélectionnez Menus. La palette vous affiche de nombreux types de menus disponibles. Sélectionnez-en un à votre goût, et disposez-le sur la page à l’endroit de votre convenance.Dans la barre d’outils, en bas, cliquez sur l’option Connect. Une fenêtre s’ouvre, qui affiche tous les éléments de votre site auquel le menu peut être ‘ connecté ‘. Dans la liste, sélectionnez Site Pages. Le menu s’enrichit automatiquement d’autant de boutons qu’il y a de pages dans votre site, chacun des boutons reprenant le nom donné à chaque page. Pour permettre une navigation aisée dans votre site, il vous suffit de reproduire ce menu sur chacune des pages.L’utilisation des Mini Pages revient au même : vous pouvez y connecter un menu, comme pour les pages. La seule différence, c’est qu’ici les éléments contenus dans le cadre Mini Pages changeront lorsque le visiteur cliquera sur le menu, alors que le reste de la page sera statique.Quant aux boutons, ils se connectent de la même façon : vous placez un bouton sur la page, et après avoir cliqué sur Connect, vous indiquez dans la fenêtre qui s’ouvre vers quelle page ou quel élément pointera le bouton.

Etape 12 : lancez-vous !

Wix est avant tout ludique. Comme un jeu de construction, il vous permet de créer un site en partant de zéro et donc en disposant les éléments les uns après les autres, brique par brique.N’hésitez pas, dans un premier temps, à consulter les modèles de sites proposés par Wix. Choisissez-en un qui vous séduit, puis cliquez sur Edit afin de le décortiquer. Vous pourrez facilement repérer tous les éléments qui ont servi à le construire, voire les dupliquer. N’hésitez pas non plus à copier : si un site vous plaît, adoptez-le et contentez-vous d’en modifier les images, les textes, la mise en page.Si vous partez de zéro, concevez votre site par petites touches, en commençant par le fond pour ajouter petit à petit des éléments graphiques l’enrichissant. Prenez soin bien sûr de ménager les espaces nécessaires pour le texte : une approche trop graphique peut rapidement nuire à la lisibilité. Vous voulez réaliser rapidement le site de vos récits de vacances ? Commencez par choisir votre fond. Déterminez les informations qui seront présentes : titre, diaporama, succession de pages décrivant vos différentes étapes, fond sonore… Lors de la réalisation de ce dossier, nous nous sommes attelés à cet exercice : ce ne sont pas deux heures mais à peine une heure, qu’il nous a fallu pour réaliser un site !

Etape 13 : publiez votre ?”uvre

Pour rendre votre site accessible à tous, rien de plus simple : cliquez sur le bouton Publish, en haut à droite de la page.Une fenêtre s’ouvre et vous propose trois options : Wix.com Site, Email et Embed.Cliquez d’abord sur le bouton Change Settings. Une nouvelle fenêtre s’ouvre. La ligne URL vous donne l’adresse de votre futur site. A la ligne Title, entrez le titre de votre site, tel qu’il devra apparaître dans la barre de titre du navigateur. Ajoutez des mots-clés pertinents à la ligne Tags, et une description succincte de votre contenu à la ligne Desc. Vous pouvez changer la couleur du fond en cliquant sur Background Color.Enfin, si vous ne souhaitez pas que les moteurs de recherche aient connaissance de votre site, décochez List in search engines. Cliquez ensuite sur Apply. Cliquez maintenant sur Publish, puis sur Wix.comSite. Cliquez sur Next puis sur Publish! et Done. Vous êtes désormais un webmaster !

🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.


Stéphane Viossat