Maintenant que nous avons appris à créer nos premières pages HTML et à les mettre en forme à l’aide du CSS, il est temps de les mettre en ligne afin qu’elles soient accessibles au plus grand nombre. Pour mettre en ligne notre premier site Internet, nous allons avoir besoin de deux choses :
Un serveur Web et un nom de domaine
Un serveur Web est un ordinateur connecté en permanence à Internet et équipé de logiciels spécifiques qui lui permettent de répondre aux requêtes des navigateurs. En plus du serveur Web, nous aurons besoin d’un nom de domaine qui permettra aux utilisateurs de mémoriser l’adresse de notre site plus facilement.
Heureusement, il n’est pas nécessaire de se lancer immédiatement dans l’apprentissage de l’administration système. Nous pouvons nous appuyer sur un hébergeur pour mettre en ligne notre site Internet. Ces sociétés spécialisées se chargent de la configuration et offrent un accès simplifié aux serveurs, ce qui permet de mettre en ligne notre site avec peu de compétences techniques.
Quelle offre choisir ?
Lorsque vous explorez les sites des différents hébergeurs, vous vous rendrez rapidement compte qu’ils proposent de nombreuses offres. Chaque type d’hébergement correspond à des situations spécifiques et à des besoins différents. Pour débuter, l’offre mutualisée est idéale.
Dans ce cas, l’hébergeur “découpe” un serveur pour accueillir plusieurs sites Internet. Il vous fournira ensuite un accès à l’espace qui correspond à votre site. Cette offre est généralement peu coûteuse et ne nécessite aucune configuration de votre part. Le prix peut varier d’un hébergeur à l’autre, en fonction des services additionnels proposés, tels que le nombre de noms de domaine inclus ou la gestion des emails.
Quelques hébergeurs recommandés
Je ne vais pas comparer ici les différents hébergeurs disponibles sur Internet, car l’expérience peut varier selon les problèmes que vous rencontrez. Cependant, voici une liste de quelques hébergeurs que j’ai eu l’occasion de tester et qui m’ont donné satisfaction :
Infomaniak
Infomaniak est un hébergeur basé en Suisse qui propose différents types d’hébergement. Il offre un support réactif, une interface d’administration agréable et accorde une importance particulière à l’économie durable (compensation à 200 % des émissions de CO2 générées par l’entreprise et utilisation exclusivement d’énergie renouvelable certifiée).
Planet Hoster
Planet Hoster, avec son offre World, propose un hébergement mutualisé flexible à partir de 6 € par mois. Il vous permet de gérer les ressources allouées à vos sites, notamment la quantité de RAM, le nombre de processeurs et la vitesse du disque dur. De plus, vous pouvez répartir ces ressources sur les différents sites hébergés sur le même compte. Planet Hoster dispose de 2 datacenters situés à Paris et Montréal, ce qui le rend idéal pour des sites ayant un public français ou canadien. L’offre comprend également un nom de domaine offert, la mise en place de certificats SSL (pour le HTTPS), un système de sauvegarde et des emails illimités.
Hosteur
Hosteur possède plusieurs datacenters en France (Sophia Antipolis et Aix-en-Provence) et en Suisse (Lausanne). L’offre d’hébergement mutualisé commence à partir de 1€ HT par mois pour un domaine en .fr et 1.99€ pour les autres extensions. Elle inclut la gestion de 10 comptes emails. Pour les novices en web design, Hosteur propose également un outil intuitif de construction de sites, le Site Builder, moyennant un supplément de 1€ HT par mois. Vous pouvez également utiliser cette offre pour créer un site dynamique avec le support de PHP 7.2 et la gestion de 2 bases de données MySQL. L’hébergement respecte la norme ISO 27001 (2013) afin de garantir la protection des données des clients.
OVH
OVH est un hébergeur français qui dispose de plusieurs datacenters (Roubaix, Paris, Strasbourg…) et propose généralement des prix intéressants. Cependant, l’interface d’administration client est un peu datée et les offres ne proposent pas toutes le même niveau de fonctionnalité (SSH à partir de l’hébergement pro seulement).
AlwaysData
AlwaysData offre l’avantage d’une offre gratuite (idéale pour essayer l’hébergeur), bien que celle-ci reste très limitée et ne comprenne pas de nom de domaine. Je n’ai pas eu l’occasion de tester l’interface client directement, car je ne l’utilise pas personnellement. Cependant, certains de mes clients utilisent cet hébergeur. Le datacenter est situé à Paris.
Téléverser son site
Peu importe l’hébergeur que vous choisissez, la méthode pour envoyer vos fichiers sur le serveur sera la même. L’envoi des fichiers se fait via les protocoles FTP ou SFTP. Vous devrez utiliser un logiciel spécifique capable d’utiliser ces protocoles pour vous connecter à votre serveur. Il existe de nombreux logiciels disponibles sur Internet, mais vous pouvez utiliser FileZilla, un logiciel gratuit et multiplateforme (Windows, Mac, Linux).
Pour vous connecter à votre serveur, vous aurez besoin de vos identifiants de connexion, qui vous seront automatiquement fournis par votre hébergeur ou que vous pourrez créer depuis l’interface d’administration de votre hébergement (en fonction de l’hébergeur choisi). Une fois connecté, vous pourrez déposer vos fichiers HTML, CSS et vos images.
La structure des liens
Lorsque vous mettez votre site en ligne, l’hébergeur configurera un dossier spécifique qui correspondra à votre nom de domaine. Ce dossier sera la racine de votre site et les chemins commençant par un “/” utiliseront ce dossier comme référence. Par exemple :
- Le nom de domaine mondomaine.fr pointe vers le dossier /site/web.
- Si vous souhaitez mettre un lien vers une image située dans le dossier /site/web/images/chat.jpg.
- Le chemin absolu à utiliser dans l’attribut href sera donc /images/chat.jpg.
