Mise en ligne¶

Pour pouvoir mettre votre site en ligne, il vous faudra au minimum 3 choses:

1. Les sources de votre site web (HTML, CSS, JavaScript et Média)

2. Un hébergeur de site web avec son espace de stockage

3. Un nom de domaine

Nom de domaine¶

La majorité des sites ont un nom qui se termine en .com, mais il existe bien d’autres extensions en fonction de la nature du site. Ces extensions qui servent à indiquer la catégorie de sites s’appellent Top Level Domains (ou TLD). Les plus répandus aux États-Unis sont les six TLD d’origine établis dans les années 80 :

• .com commercial
• .org organisations à but non lucratif
• .edu éducation (écoles, universités)
• .net organisations en rapport avec le Net
• .gov gouvernement

Depuis ont été créés d’autres TLD: .aero, .biz, .cat, .coop, .int, .jobs, .mobi, .museum, .name, .me, .pro, .travel, sans parler des TLD en deux lettres pour les pays, comme: .fr, .ch, .de, .it, .us, etc.

Consultez la liste complète des TLD, sur https://archive.icann.org/en/tlds.

Transférer les sources¶

Quel que soit l'hébergeur que vous allez sélectionner, la méthode qui va vous permettre d'envoyer vos fichiers sur le serveur sera la même. L'envoi des fichiers se fait au travers des protocoles FTP ou SFTP. Pour vous connecter à votre serveur, il vous faudra utiliser un logiciel spécifique capable d'utiliser ces protocoles. Il en existe une multitude sur Internet, mais vous pouvez utiliser le logiciel FileZilla qui est un logiciel gratuit et multi plateformes (Windows, Mac & Linux).

Pour vous connectez à votre serveur, il faudra aussi vous munir de vos identifiants de connexion. Ils vous sont automatiquement fournis par votre hébergeur ou vous pouvez les créer depuis l'interface d'administration de votre hébergement (cela dépend de l'hébergeur que vous avez sélectionné). Une fois connecté, vous pourrez déposer vos fichiers HTML, CSS et vos multimédias (images. vidéo, etc.).

La structure des liens¶

Lorsque vous mettez en ligne votre site, l'hébergeur configurera un dossier spécifique qui correspondra à votre nom de domaine. Ce dossier constitue donc la racine de votre site et les chemins commençant par un / utiliseront donc ce dossier comme référence. Par exemple :

• le nom de domaine mondomaine.ch pointe vers le dossier /site/web
• On veut mettre le lien vers une image qui se situe dans le dossier /site/web/images/chat.jpg
• Le chemin absolu à mettre sur nos liens dans l'attribut href sera donc /images/chat.jpg

Protocole FTP : communiquer entre le local et le distant¶

Le protocole FTP, ou File Transfer Protocol, est la méthode traditionnelle utilisée pour transférer des fichiers entre votre ordinateur (environnement local) et un serveur web (environnement distant).

Il permet entre autres de :

• 📥 télécharger (download) des fichiers
• 📤 téléverser (upload) des fichiers

Le protocole FTP permet ainsi de mettre en ligne les fichiers constituants votre site web : .html, .css, .js, .php, .jpg, etc.

FTP vs SFTP : Quelle est la différence entre FTP et SFTP ?¶

FTP et SFTP sont deux protocoles différents utilisés pour le transfert de fichiers sur un réseau. La principale différence entre FTP et SFTP est que le FTP est un protocole non sécurisé, tandis que le SFTP est un protocole sécurisé.

Le FTP est un protocole standard pour le transfert de fichiers et est largement utilisé pour transférer des fichiers entre ordinateurs. Il utilise des mots de passe et des données en clair, ce qui signifie que les données transférées peuvent être vues et volées par tout attaquant capable d’intercepter la communication.

Le SFTP, en revanche, est une version sécurisée du FTP qui utilise le cryptage pour protéger les données lors du transfert de fichiers. Il utilise SSH pour fournir une connexion sécurisée entre le client et le serveur, cryptant toutes les données en transit, y compris les mots de passe et les fichiers de données.

En résumé, les principales différences entre FTP et SFTP sont :

• Le FTP est un protocole non sécurisé, tandis que le SFTP est un protocole sécurisé.
• Le FTP utilise des mots de passe et des données en clair, tandis que le SFTP crypte toutes les données en transit.
• Le SFTP fournit une connexion sécurisée entre le client et le serveur en utilisant SSH, tandis que le FTP ne le fait pas.
• Le SFTP est plus sécurisé pour le transfert de fichiers sur un réseau que le FTP.
• Le SFTP nécessite un peu plus de configuration que le FTP, mais cela en vaut la peine pour la sécurité supplémentaire.

En général, le choix entre FTP et SFTP dépend du niveau de sécurité dont vous avez besoin pour vos transferts de fichiers. Mais de nos jours, il est préférable de toujours utilisé le protocole SFTP !

Mais comment connecter son ordinateur à un serveur distant ? Avec un client FTP.

Qu’est-ce qu’un client FTP ?¶

Un client FTP est un logiciel qui vous permet de connecter votre ordinateur à un serveur distant pour transférer des fichiers.

Il sert d’interface intermédiaire entre votre environnement local et votre environnement distant (autrement dit, votre hébergement web), facilitant le déplacement des fichiers de votre site vers le serveur où ils seront hébergés.

Mettre en ligne le site avec le client FTP FileZilla¶

Une fois le logiciel installé sur votre ordinateur, une interface utilisateur est mise à disposition afin de pouvoir transférer des fichiers.

L’interface dispose de 4 zones principales qui sont les suivantes :

Créer une connexion SFTP¶

Cliquez sur l’icône « Gestionnaire de Sites » (icône en haut à gauche - A), ou bien allez dans le menu Fichier > Gestionnaire de Sites. Une fois le Gestionnaire de sites ouvert, il faut rentrer les paramètres qui vous ont été communiqués.

• Pour cela cliquez d’abord sur le bouton 1 « Nouveau site ».

• Donnez un nom à votre connexion 2, par exemple « ETML i293 ».

• Sélectionnez le protocole SFTP 3 et saisissez le nom de l'hôte 4 ainsi que le port 222 5.

• Puis renseigner l'utilisateur pour l'authentification 6 et enfin cliquez sur le bouton « Connexion » 7.

A La toute première connexion, avec SFTP, il vous faudra valider « la clef de l'hôte », comme ci-dessous:

Une fois la connexion réussie au serveur distant voulu, l’interface de FileZilla se mettra à jour en affichant les fichiers existants ainsi qu’un arbre répertoriant tous les dossiers présents sur le serveur distant à droite D, et les fichiers locaux sur votre ordinateur à gauche C.

Pour transferer les fichiers (ou répertoires), il vous suffit de glisser-déposer vos fichiers du serveur local vers le serveur distant pour les mettre en ligne. L’opération inverse permet de les télécharger (zone C et D de FileZilla).