How to Make a Website
Apprenez à créer un site web grâce à notre créateur de site web gratuitEt ce, en quelques heures, pas en quelques semaines ! Avec un panier d'achat et un logiciel de point de vente gratuits, des assistants de conception web et un outil d'envoi d'emails en masse intégré, nous offrons un service de site web tout-en-un, sans frais cachés.
5 étapes pour créer un site web
Créer un site web avec nous se fait en cinq étapes simples :
- Inscrivez-vous pour un essai gratuit
- Ajouter, supprimer et renommer des pages
- Ajouter du contenu
- Design your website
- Passez en direct
1. Inscrivez-vous pour un essai gratuit de 30 jours
- Cliquer sur le Commencez votre essai bouton
- Selecting a web design template from our continually growing range of pre-designed templates for service and product based businesses. This template can be easily changed later. In this example, we are using the website template Minimal ContentBox (100% Wide) as a demonstration website.
- Select the type of website you want to build, such as an online shop, a service provider, a blogger, real estate agent etc.This will let us pre-populate your website with the appropriate pages for your chosen industry. In this example, we are choosing the Shop/Retail eCommerce option which includes a built in shopping cart.
- Saisissez le nom de votre site web et vos coordonnées pour démarrer votre essai gratuit.
Vous recevrez un courriel vous demandant de confirmer votre adresse électronique et contenant également des informations sur la façon de vous connecter à votre site web, ainsi qu'un mot de passe temporaire. Une fois connecté(e), vous accéderez au tableau de bord de bienvenue, qui vous permettra de gérer l'intégralité de votre nouveau site web.
2. Ajouter, supprimer ou renommer des pages sur votre site web
Your new website will come pre-populated with pages which will vary according to the type of template you chose. It is easy to add or/and remove or rename these pages within your website.
- Ajout de nouvelles pages
Pour ajouter une nouvelle page à votre site web, cliquez sur le bouton Ajouter une page qui se trouve à gauche du tableau de bord d'accueil, ou cliquez sur le bouton Pages Web et sélectionnez Ajouter une page.
Après avoir cliqué sur le bouton « Ajouter une nouvelle page », vous serez redirigé vers votre nouvelle page. Elle sera également automatiquement ajoutée au menu situé à gauche de votre écran, ainsi qu'à la barre de menu de votre site web.
- Supprimer une page web, même complètement, est déconseillé pour des raisons de référencement (SEO). Il est préférable de la rendre invisible et de la retirer du menu. Si vous devez absolument la supprimer, veillez à rediriger son URL vers une page active.
Une fenêtre s'ouvrira alors, vous proposant différentes options pour cette page. Sélectionnez l'option « Supprimer cette page ». Un message d'avertissement apparaîtra. Cliquez sur « Supprimer la page maintenant », puis fermez la fenêtre en cliquant sur la croix (X) située dans le coin.
- Renaming a page is also done via the web pages site map page. Click on the Web Pages button, and select the Shopping page wheel cog icon this time. The area you want to edit are the button text, page heading and SEO filename. Be aware that once your website is live, you should not change any SEO filename as to do so creates broken links on your website, and search engines believe that as it has a new filename, it is a new page. You consquently lose any SEO benefits that page had. You can change your filenames without penalties if your site is still in trial mode however.
Pour enregistrer les modifications apportées à votre site web, veuillez cliquer sur le bouton vert « Publier ». Votre site ne sera pas mis en ligne, mais les modifications seront publiées sur votre site de test et enregistrées.
3 - Ajoutez du contenu à votre site web
Vous pouvez ajouter deux types de contenu à votre site web : du texte et des graphiques/photos.
- Ajouter des titres de page, des sous-titres et du texte de paragraphe à une page
Pour modifier une page et ajouter des titres, des en-têtes et du texte, cliquez sur son nom dans l'onglet « Pages Web » situé à gauche de votre écran. La page s'ouvrira alors pour que vous puissiez la modifier. Dans cet exemple, nous allons modifier la page « À propos », comme illustré ci-dessous, à l'aide de l'éditeur glisser-déposer d'Innova Studio.
La page « À propos » étant ouverte, vous pouvez ajouter des sous-titres et du texte. Pour ce faire, cliquez dans la zone de texte prévue à cet effet, située par défaut au centre de la page, ou sélectionnez un extrait dans la colonne de droite contenant le type de texte souhaité.
Nous avons ajouté du texte dans la zone de paragraphe existante, puis cliqué et fait glisser la zone de titre H2 située au-dessus. Nous avons ensuite ajouté un titre à ce titre, comme sur cette image :
Il existe deux façons de modifier le titre de la page, ou titre de niveau 1 (h1). Vous pouvez d'abord suivre les instructions de l'étape précédente concernant le renommage d'une page. Ensuite, vous pouvez ouvrir l'onglet SEO dans le menu bleu, puis sélectionner « Optimiser les balises méta des pages Web ».
Vous accéderez alors à une page depuis laquelle vous pourrez modifier vos balises méta SEO, notamment le titre de votre page (en-tête de page).
- Télécharger et ajouter une image à une page Web
L'assistant d'images du CMS ouvrira votre image, prête à être modifiée si nécessaire. Il affichera sa taille actuelle, son nom de fichier et des options pour la recadrer, la faire pivoter, la redimensionner et la convertir en JPG. Nous allons redimensionner cette image pour qu'elle s'affiche correctement sur la page « À propos ». Cliquez sur la flèche déroulante de la zone « Redimensionner » et sélectionnez l'option « 448 x 448 » (Blog). Modifiez le nom du fichier si nécessaire, puis cliquez sur « Enregistrer les modifications ».
Une autre fenêtre s'ouvrira, vous offrant des options de modification pour votre image, notamment sa position, sa bordure et son espacement. Pour cet exemple, nous conserverons les paramètres par défaut (bordure, alignement et espacement), puis nous cliquerons sur le bouton bleu « Insérer la photo maintenant ».
Vous pouvez également utiliser le widget glisser-déposer situé à droite de l'écran pour ajouter une image ou un bloc image et texte à une page. Choisissez le type d'image le plus adapté parmi les options disponibles et faites-le glisser à l'endroit souhaité sur la page. Survolez l'image et cliquez sur l'icône « Changer d'image ».
- Use an existing image you have previously uploaded
- Sélectionnez le fichier image sur votre appareil
- Glissez-déposez un fichier image depuis votre appareil.
- Importez une image en collant l'URL de l'emplacement de l'image depuis un site web.
4. Concevez votre site web
- Modifier le type et la taille de votre police
Vous pouvez modifier le type et la taille de votre police via l'option « Design » du menu (pour l'ensemble du site web) ou sur chaque page (pour les pages individuelles). Nous allons d'abord nous concentrer sur la police pour l'ensemble du site web. Dans le menu « Design », sélectionnez « Couleurs et polices ».
Faites défiler la page vers le bas jusqu'à trouver les options de la section Polices. Vous pourrez alors modifier : la police générale, la police des titres, la taille de la police et l'interligne.
- Modifier la police d'une page Web spécifique
Sélectionnez le texte dont vous souhaitez modifier la police, puis cliquez sur la flèche déroulante à côté du champ « Famille de polices » dans la barre d’outils d’édition. Notez que l’interface sera différente si vous utilisez un autre éditeur que TinyMCE3510 (le nom de l’éditeur actuel s’affiche en haut à droite ; vous pouvez ainsi changer de mode d’édition).
Sélectionnez la police souhaitée : seul le texte sélectionné adoptera cette police, tandis que le reste de la page restera inchangé. Pour modifier la taille, sélectionnez à nouveau le texte et cliquez sur la flèche déroulante à côté de « Taille de la police », puis choisissez la taille en points souhaitée.
- Modifier les couleurs générales de votre site Web
Pour modifier les couleurs générales de votre site web, rendez-vous dans l'onglet « Design », puis sélectionnez l'option « Couleurs et polices ». Sur la page « Options de design », vous pourrez ensuite modifier les couleurs de différents éléments de votre site.
Les couleurs sont identifiées par un code hexadécimal ou un numéro de couleur, ce qui les rend plus précises que par exemple « bleu foncé ». Vous pouvez saisir votre code hexadécimal dans la case située à côté de l'élément dont vous souhaitez modifier la couleur, puis cocher une autre case pour enregistrer. Vous pouvez également cliquer sur le bouton « Choisir une couleur », sélectionner manuellement une couleur dans l'assistant de couleurs, puis cliquer sur le bouton « Utiliser la couleur ».
Voici les couleurs que nous avons choisi d'utiliser :
Enregistrez votre travail en cliquant sur les boutons « Enregistrer les modifications » puis « Publier ».
- Modifier la couleur du texte sur des pages Web individuelles
Highlight the heading and then select the drop down box next to the Text Colour icon. This will open up a pre-selected range of colours to choose from, as well as giving you and option for others by clicking on the More Colours option.
Click the Save Changes button and then the Publish button to save your work so far.
5 - Rendre votre site web accessible en ligne
Une fois votre site web en ligne, vous pouvez continuer à y ajouter de nouveaux produits, du contenu textuel et des images. Un site web est comme un organisme vivant : il est fait pour évoluer et se développer. La seule chose à éviter est la suppression de produits ou de pages. Il est préférable de les laisser en ligne, en indiquant les produits en rupture de stock et en les masquant.
Pour mettre votre site web en ligne, cliquez sur le bouton « Mettre en ligne », associez-lui votre nom de domaine et payez votre premier mois d'hébergement web à l'avance. Il est conseillé de programmer un paiement mensuel automatique ou, pour bénéficier d'une réduction, de souscrire un abonnement annuel.
Si vous n'avez pas de nom de domaine Pourtant, en obtenir un est simple. Cliquez sur le bouton bleu « Domaines/E-mail », puis sélectionnez l'option « Rechercher et enregistrer un nouveau domaine ». Vous serez redirigé vers une page où vous pourrez saisir le nom de domaine de votre choix et, s'il est disponible, l'acheter. Il sera ajouté à votre compte et vous pourrez ensuite l'associer à votre nouveau site web.
Our team here at Website World are here to help! Make sure you check out our Formation et tutoriels pour obtenir une aide gratuite précieuse pour la création et la gestion de votre site web. N'oubliez pas, le Les sites web que nous hébergeons sont ultra-rapides aussi!
