Publier ta page en ligne, sans rien montrer par erreur

1. À la fin de cette leçon, tu sauras

Faire la différence entre un fichier sur ton ordinateur et un site en ligne.
Expliquer ce que sont un hébergeur et un nom de domaine.
Choisir une option gratuite parmi GitHub Pages, Netlify et Vercel.
Publier sans exposer de fichiers ou d’informations que tu voulais garder pour toi.

2. Pourquoi ça t’intéresse

Ta page existe, mais elle dort sur ton ordinateur. Pour que les membres de ton club ou tes futurs clients la voient, il lui faut une adresse, comme une boîte aux lettres pour une maison. Kevin a publié la page de sa chorale en dix minutes… avec, dans le même dossier, son fichier de notes contenant les numéros de téléphone des choristes. Publier est facile ; publier seulement ce qu’on veut demande un peu d’attention.

3. Avant de commencer


Il te faut	Ta page de la leçon 1, une adresse e-mail pour créer un compte chez un hébergeur, un téléphone pour vérifier
Coût	Les trois hébergeurs proposent une offre gratuite pour un site simple ; vérifie les conditions du jour sur leur site
Durée	45 à 60 minutes

4. Comprendre en 3 minutes

Publier, c’est copier ta page sur l’ordinateur d’un hébergeur, allumé jour et nuit, qui lui attribue une adresse accessible à tous.

Image mentale : ton fichier local, c’est une lettre dans ton tiroir. Le site en ligne, c’est la même lettre affichée en vitrine. Ce qui est en vitrine, tout le monde peut le lire, le photographier, le garder.

Mot	Ce que ça veut dire
Fichier local	Ta page sur ton ordinateur. Toi seul la vois.
Hébergeur	Le service qui garde tes fichiers et les montre aux visiteurs.
Adresse (URL)	Ce qu’on tape pour arriver sur ta page.
Nom de domaine	Une adresse à ton nom (par exemple « monasso.fr »). Les hébergeurs gratuits te donnent une adresse qui contient leur propre nom ; un domaine personnel s’achète à part, c’est facultatif.

Trois options gratuites courantes pour une page simple :

Option	En deux mots
GitHub Pages	Publie les fichiers d’un dépôt GitHub (un dossier de projet en ligne). Pratique si tu veux aussi garder l’historique de ton code.
Netlify	Propose plusieurs façons de déposer un site, y compris des méthodes sans passer par un dépôt de code.
Vercel	Pensé surtout pour les projets reliés à un dépôt de code, il convient aussi à une page simple.

Les écrans de ces services changent régulièrement : suis toujours leur documentation officielle plutôt qu’une capture d’écran trouvée ailleurs.

5. Faire ensemble

Étape 1 · Préparer un dossier à publier

Lance claude dans le dossier de ta page :

Je veux publier ma page en ligne. Ne publie rien toi-même.
1. Crée un sous-dossier "a-publier" et copies-y uniquement index.html
   et les images qu'il utilise.
2. Relis index.html et liste-moi toute information personnelle qu'il contient
   (adresse, téléphone, e-mail, nom complet, photo de personnes).
3. Dis-moi s'il reste des liens vers des fichiers qui ne sont pas dans "a-publier".

Pour chaque information listée, décide : je la garde en public, ou je la retire.

Étape 2 · Choisir l’hébergeur

Demande à l’agent de t’expliquer la différence entre les trois options pour ton cas précis, sans te donner de procédure détaillée.
Choisis-en une. Si tu n’as pas de compte GitHub et ne veux pas en créer, une méthode de dépôt sans code est souvent la plus simple.
Ouvre la documentation officielle de l’option choisie : pages.github.com, docs.netlify.com ou vercel.com/docs.

Étape 3 · Publier

Suis pas à pas la page de démarrage de la documentation.
Ne dépose que le contenu du dossier a-publier.
Point d’attention avec un dépôt de code : selon ton offre, il peut devoir être public. Vérifie-le dans la documentation, et pars du principe que tout ce qu’il contient sera lisible.
Note l’adresse obtenue.

Étape 4 · Vérifier comme un visiteur

Ouvre l’adresse sur ton téléphone, en coupant le Wi-Fi si possible.
Fais défiler la page jusqu’en bas, clique sur chaque lien.
Envoie l’adresse à une personne de confiance et demande-lui ce qu’elle a compris en dix secondes.

6. Faire toi-même

Publie ta propre page avec l’option de ton choix, en ne déposant que le dossier a-publier. Ajoute à ta fiche projet une rubrique « Publication » : hébergeur choisi, adresse, date, ce que tu as retiré avant publication, et comment mettre à jour ou retirer la page (d’après la documentation).

Résultat attendu : une adresse publique qui affiche ta page, testée sur téléphone, et une rubrique « Publication » remplie.

7. Vérifier

Ma page s’ouvre avec son adresse publique, sur ordinateur et sur téléphone.
Seuls les fichiers nécessaires ont été publiés (pas de notes, pas de fiche projet).
J’ai relu les informations personnelles et gardé uniquement celles que je veux montrer.
Tous les liens et images fonctionnent en ligne.
Je sais où trouver, dans la documentation, comment mettre à jour ou retirer la page.
La rubrique « Publication » de ma fiche projet est remplie.

8. Ce que tu gardes

Dans ton carnet de bord, note la règle : « on publie un dossier préparé, jamais son dossier de travail ». Garde l’adresse de ta page et le nom de l’hébergeur dans ton journal de décisions, avec la raison de ton choix.

9. Pour aller plus loin

Si tu veux un nom de domaine à toi, lis la partie consacrée aux domaines dans la documentation de ton hébergeur, et compare les prix du jour chez plusieurs vendeurs.
Demande à l’agent de t’expliquer ce qu’est un dépôt Git : ce sera utile pour garder des points de sauvegarde (leçon 5).