Dans ce billet, on va apprendre à mettre en ligne notre site fabriqué à la main sur notre ordinateur. Dans le détail, ça veut dire se connecter à un serveur en ligne pour lui envoyer les fichiers qui constitueront notre site. C’est bon, tout le monde est prêt?
C’est parti!
What is FTP?
FTP, ça veut dire File Transfert Protocol, en français, protocole de transfert de fichier, et c’est par ce protocole qu’on envoie des fichiers en ligne vers un serveur, en général les fichiers qui constituent son site web. Ce sont ces fichiers qu’un navigateur affiche ensuite quand on lui envoie une URL, une adresse web.
Comment ça se passe ? Notre ordinateur, client, envoie à l’aide du protocole FTP les fichiers qui vont constituer notre site vers l’ordinateur d’un hébergeur, qui est un serveur; c’est un ordinateur spécialement configuré pour recevoir et présenter les fichiers HTML, CSS et autres qui constituent les sites web. Un ordinateur client, à l’aide du protocole HTTP et via un navigateur, demande ensuite au serveur de lui afficher le site. Un dessin? Voyez plutôt, ci-contre!
Mettre en ligne son tout premier site…
Puisque vous avez créé chacun un tout premier site web, on va l’utiliser pour apprendre la mise en ligne ; une fois en ligne, le site est modifiable à volonté, vous pourrez donc le mettre à jour autant de fois que vous le voulez,
- soit en remplaçant les anciens fichiers par les nouveaux que vous mettez en ligne
- soit en éditant vos fichiers en ligne (plus risqué, mais plus rapide)
Pour mettre en ligne, il faut s’identifier
Pour utilisez des logiciels de FTP, il vous faut des identifiants de connexion FTP, c’est-à-dire:
- une adresse de serveur FTP
- un identifiant
- un mot de passe
- une adresse http.
J’ai donc créé pour chacun d’entre vous un identifiant personnel, un mot de passe personnel et une adresse http sur laquelle apparaitra votre site une fois que vous aurez mis vos fichiers en ligne. Ces identifiants sont dans un fichier Accès FTP 2020 que j’ai mis dans notre dossier |PratiqueduWeb| sur notre dropbox.
Une fois munis de vos identifiants, vous allez pouvoir utiliser un logiciel de FTP pour envoyer vos fichiers en ligne sur un serveur et devenir Webmaster ! Champagne !
Nous allons utiliser Cyberduck, comme logiciel de FTP. Vous le trouverez ici, dans sa dernière version (choisissez la version correspondant au système d’exploitation de votre ordinateur).
Cyberduck d’abord été un logiciel Mac, puis est devenu multiplateforme en 2010 (et disponible pour PC depuis 2011). C’est aussi un logiciel open source (bien qu’il existe maintenant une version payante sur le Mac AppStore).
F(TP) comme Facile
Le FTP, c’est facile (si si, vraiment). Vous allez pouvoir en juger par vous même en suivant l’un ou l’autre des tutoriels ci-dessous. Si après avoir essayé vous n’arrivez pas à voir votre site en ligne, trois solutions:
- rééssayez ;
- poster un commentaire sur ce billet en détaillant le moment où ça ne fonctionne pas.
Utiliser Cyberduck – tuto hyperfacile
Voici donc un tutoriel pour utiliser Cyberduck ; suivez bien les instructions en vous fiant à la galerie d’images ci dessous:
- Ouvrez Cyberduck ;
- cliquez sur le
+en bas à gauche (à côté de l’icône de crayon); ça ouvre une nouvelle fenêtre ; - remplissez les champs de cette fenêtre comme indiqué, avec les éléments que vous trouverez dans le fichier Accès FTP 2020 (l’exemple montre un étudiant qui s’appellerait Rémi Sansfamille (parce que pourquoi pas?) ; laissez cette fenêtre ouverte;
- revenez à la première fenêtre, qui a maintenant un nouveau compte avec votre identifiant (qui est aussi votre nom de famille) : double-cliquez sur ce compte ;
- dans la nouvelle fenêtre, cliquez toujours sur
continuez - vous devriez obtenir une fenêtre vierge ; si c’est le cas, c’est bon vous êtes connecté à votre espace FTP.
- Maintenant, ouvrez votre dossier MonJournal et glissez-déposez ou copiez-collez tout son contenu sur la fenêtre de connexion de Cyberduck ; attendez, ça mouline, c’est normal, vous être en train de télécharger votre site !
- Et maintenant, allez sur le document Acces_FTP_2019, et cliquez sur le lien de votre URL.
- Tadaaaa ! Si tout va bien, votre site est en ligne : empressez-vous d’aller le voir sur votre téléphone, pour voir ce que ça donne.
- Faites une copie d’écran et envoyez- la moi sur Twitter, avec votre URL, que je puisse être moi aussi fier de vous 🙂 La première (ou le premier, mais là c’est à 20 contre un) à avoir réussi et envoyé sa copie d’écran et son URL sur Twitter… euh… on verra ce qu’elle (il ? Maybe ?) aura gagné – mais c’est sûr, on lui fera un cadeau.
J’ai rien compris, vous pouvez réexpliquez ?
Bon, ça arrive; parfois, l’explication qui vous est fournie ne passe pas. Qu’à cela ne tienne ! Vous pouvez en passer par une autre explication qui sera peut-être la bonne !
Voici donc trois tutoriels pour Cyberbuck :
- un tutoriel en ligne
- un tutoriel vidéo pour Mac
Cyberduck par Labo_Apple
- un tutoriel vidéo pour PC (qui démarre au téléchargement du logiciel sur la page de Cyberduck!!!)
