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
- Clicking upon the 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.
You will be sent an email which asks you to confirm your email address, and also contains information on how to login to your website, along with a temporary password. Once logged in, you will see the Welcome Dashboard which is where you have complete control of your new website.
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
To add a new page to your website, click upon the Add Page button which can be found on the left hand side of the Welcome Dashboard, or by clicking on the Web Pages button and selecting Add 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.
To save the changes you have made so far on your website, please click on the green Publish button. This will not make your site live, but will instead publish the changes to your trial site, saving them.
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é.
We added some text to the existing paragraph snippet box, and then clicked on and dragged over the Heading H2 snippet box above it. We then added a title to that heading snippet, as in this 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 ».
This will then open a page from where you can edit your SEO meta tags, including your page title (page heading).
- Upload and Add an Image to a Web Page
The Image Wizard in the CMS will open your image ready for editing, if required. It will show you the true size of your image as it is now, the existing file name it has and some options to crop, rotate, resize and convert to JPG. We are going to resize this image to fit on the About Us page. Click on the drop down arrow for the Resize box, and select the image size 448x448 Blog option. Change the file name if required, then click Save Changes.
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 ».
Scroll down the page until you see the Fonts box options. Here you will be able to edit the: General Font, Heading Font, Font Size and Line Height.
- 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).
Select the font you want and the highlighted text alone will change to this font, while the rest of the page remains the same. To change the size, highlight the specific text again and click on the drop down arrow next to Font Size, and select the size pt option you want.
- 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 :
Save your work by clicking the Save Changes and then the Publish buttons.
- 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!
