Mettre en ligne son premier site

Vous avez compris comment fonctionne Cyberduck et vous avez maintenant un espace serveur qui vous est dédié en ligne, sur lequel vous allez pouvoir déposer les fichiers de votre site.

Mais attention : cette fois, on est en ligne, sur le vrai web, et il faut respecter à la lettre toutes les consignes que je vous ai données précédemment. Rappel…

Quelques règles à comprendre

Quelques règles à comprendre pour ne pas se retrouver devant une décevante erreur 404 :

1. si le fichier de votre page d’accueil ne se nomme pas index.html, il n’est pas reconnu comme page d’accueil du site; pour que votre URL (votre adresse web) pointe vers votre dossier racine en ligne, par exemple https://sitesweb.artecom.studio/20192020/monnom, et ouvre le fichier de la page d’accueil, il faut que ce fichier se nomme index.html (ou index.php, si on utilise ce langage, mais cela ne nous concernera pas);
2. vos noms de fichiers et de dossiers (ou répertoires) ne doivent pas contenir d’espace et de signes diacritiques tels que &, @, « , §, ;, etc., ni aucun accent. Nommez vos fichiers en utilisant :
   • les lettres de l’alphabet non accentuées,
   • des chiffres
   • ces deux types de tirets: - et _ (underscore, ou tiret du 8 sur PC, Maj + tiret sur Mac)
3. les noms de fichiers et de dossiers en ligne sont sensibles à la casse, c’est-à-dire qu’ils différencient les majuscules des minuscules. Ce qui veut dire que Contact.html,  est différent de contact.html. Si votre page Contact s’appelle Contact.html et que votre code HTML indique un lien comme ceci,
   <ahref="contact.html">Contact</a> ben ce lien ira se perdre dans les limbes du cybermonde, parce que la page contact.html vers lequel il pointe n’existe pas.
4. Quand vous mettez un dossier en ligne, il s’ajoute à l’URL. Si vous mettez un dossier MyLife en ligne avec son contenu, l’adresse de votre site deviendra https://websites.artecom.studio/2019/votrenom/MyLife. Pourquoi pas… si vous le faites exprès.

Et ben voilà, vous avez mis votre premier site en ligne, et en plus il est consultable d’un téléphone portable… but, wait… Sur un navigateur d’ordi, c’est un peu bof. Vous aimeriez tellement qu’il soit aussi élégant sur grand écran ? La suite au prochain épisode…