Palier 3 · Leçon 58 sur 88
Publier gratuitement
À faire
Cette leçon vient plus loin dans le programme
Vous pouvez l'ouvrir maintenant si c'est elle qui répond à votre question. L'ordre du programme est un conseil pour apprendre sans trou, pas une barrière : rien ne vous empêche de venir chercher une réponse tout de suite, puis de reprendre où vous en étiez.
Cette leçon fait partie du palier « Palier 3 — Aller plus loin »
Un instant : nous vérifions votre accès…
L'accès à ce palier coûte 19 €, payés une seule fois : il est à vie, sans abonnement, sans rien à résilier. Le palier 1, lui, reste gratuit.
Votre page dort dans un dossier. Aujourd'hui, elle reçoit une adresse, et n'importe qui peut l'ouvrir. C'est gratuit, et vous le ferez vous-même, du compte jusqu'à la première correction.
La vidéo
Lire le texte de la vidéo
Dans cette leçon, votre page quitte votre ordinateur. Elle recevra une adresse publique, que vous pourrez donner à qui vous voulez. C'est gratuit, et cela prend une vingtaine de minutes la première fois. À la fin, vous saurez publier une page, la corriger, et la retirer si vous le souhaitez.
Publier, ce n'est pas partager. Une page publiée reçoit une adresse qui fonctionne pour le monde entier. Les moteurs de recherche finiront par la trouver. Trois vérifications avant de franchir le pas. Plus rien de privé sur la page : ni adresse, ni numéro, ni nom de famille d'un tiers. Ensuite les photos : les vôtres, ou des images libres de droits, avec l'accord des personnes reconnaissables. Enfin l'honnêteté : si l'IA a écrit une partie du texte, dites-le en bas de page. Et sachez qu'un retrait n'efface pas les copies déjà faites.
GitHub propose un hébergement gratuit pour les pages publiques. Le compte, c'est vous qui le créez, avec votre propre mot de passe. Personne ne doit le faire à votre place. Ensuite, quatre étapes. Créer un dépôt public, c'est-à-dire un dossier en ligne. Y envoyer votre fichier de page et vos photos. Ouvrir les réglages, section Pages, et désigner la branche principale. Attendre quelques minutes : l'adresse s'affiche. Elle est longue, notez-la. Les noms des menus changent souvent : comparez toujours avec l'aide officielle du service.
Regardez l'écran. Nous demandons la marche à suivre, étape par étape, sans mot technique. L'IA numérote cinq étapes. Nous créons le compte nous-mêmes, avec notre propre mot de passe. Puis nous comparons ces étapes avec l'aide officielle de GitHub : les menus correspondent. Le dépôt est créé, la page et les deux photos envoyées. Trois minutes plus tard, l'adresse apparaît. Nous l'ouvrons sur le téléphone, hors du réseau de la maison. La page s'affiche, mais une photo manque. Le nom du fichier portait une majuscule de trop. Nous corrigeons, nous renvoyons, nous attendons. La photo apparaît. L'adresse est notée sur un papier.
À vous maintenant. Relisez votre page une dernière fois, comme un inconnu. Créez ensuite votre compte vous-même, avec votre propre mot de passe. Suivez la marche à suivre reçue, en la comparant avec l'aide officielle. Puis ouvrez l'adresse obtenue sur votre téléphone, hors du réseau de la maison. Notez-la sur un papier. Vous ne pouvez rien casser.
Retenez ceci. Publier donne une adresse lisible par le monde entier, et un retrait n'efface pas tout. Relisez avant, jamais après. Créez toujours vos comptes vous-même. Corrigez chez vous, puis renvoyez le fichier. Et jamais de mot de passe ni de clé dans un dépôt public. Vous voilà à la fin de cette étape : votre page existe, en ligne. Dans la suivante, nous regarderons les outils des professionnels, et les limites de tout cela.
L'idée
Publier donne une adresse mondiale.
Publier donne une adresse mondiale. Je relis avant, je crée mon compte moi-même, et rien de secret ne part.
La démonstration
Voici l’exemple, entièrement fait sous vos yeux, avant que vous ne le fassiez vous-même.
Voici l'exemple, entièrement fait sous vos yeux, avant que vous ne le fassiez vous-même.
Notre page du club de marche est prête, dans son dossier. Nous demandons à Claude : « Expliquez-moi, étape par étape, comment publier gratuitement une page avec GitHub Pages. Je n'ai pas de compte. Numérotez les étapes, une phrase chacune, sans mot technique non défini. »
Exemple de réponse : « Créez un compte sur github.com, avec une adresse de courriel et un mot de passe. Créez un dépôt public, nommé par exemple club-de-marche. Envoyez-y votre fichier de page et vos photos. Ouvrez les réglages du dépôt, section Pages, et choisissez la branche principale comme source. Attendez deux à trois minutes : l'adresse de votre site s'affiche alors dans cette même section. »
Nous créons le compte nous-mêmes, avec notre propre mot de passe. Puis nous comparons ces étapes avec l'aide officielle de GitHub : les noms des menus correspondent.
Le dépôt est créé, la page et les deux photos envoyées. Trois minutes plus tard, l'adresse apparaît. Nous l'ouvrons sur le téléphone, hors du réseau de la maison. La page s'affiche, une photo manque.
Le nom du fichier portait une majuscule de trop. Nous le corrigeons, nous renvoyons le fichier, nous attendons. La photo apparaît.
L'adresse est longue. Nous la notons sur un papier, et nous l'envoyons aux membres.
Les astuces qu'on aurait aimé connaître
Ce que nous avons appris en le ratant.
Ce que nous avons appris en le ratant. Rien d'obligatoire ici : ce sont des raccourcis, pas des règles de plus.
Ce qu'on a appris à nos dépens
Changer d'hébergeur peut couper le courrier sans aucune erreur
En faisant pointer un domaine vers un nouvel hébergeur, nous avons dû recréer à la main les enregistrements du courrier existant. Sans eux, le site fonctionne parfaitement et le courrier entrant disparaît, sans message d'erreur ni pour l'expéditeur, ni pour le destinataire.
Ce qu'on a appris à nos dépens
Un outil de publication ne refuse jamais un nom inconnu, il le crée
Nous avons publié vers un nom de projet recopié d'un vieux mode d'emploi. L'outil n'a rien signalé : il a créé une adresse parasite et affiché « succès », pendant que le vrai site continuait de montrer l'ancienne version. Vérifiez toujours le nom exact chez l'hébergeur, jamais dans un ancien document.
Ce qu'on a appris à nos dépens
Après une correction qui « ne se voit pas », soupçonnez d'abord le cache
Une correction publiée semblait invisible à l'écran alors que le code était déjà bon : c'était le navigateur qui gardait une ancienne version en mémoire. Avant de rouvrir le code, rechargez sans cache, ou ajoutez un détail dans l'adresse pour forcer un rechargement propre.
L'exercice guidé
Relisez votre page une dernière fois : plus rien de privé, photos autorisées, mention de l'IA si besoin.
Pour vous entraîner, choisissez un exemple fictif et gardez vos informations personnelles hors de la conversation.
La consigne à copier
Expliquez-moi, étape par étape, comment publier gratuitement une page web avec [le service : GitHub Pages, ou un équivalent gratuit]. Je n'ai pas encore de compte, et je le créerai moi-même. Numérotez les étapes, une phrase chacune, sans mot technique non défini. Mon fichier s'appelle [le nom de votre fichier] et il est accompagné de [le nombre] photos. Dites-moi aussi comment retrouver l'adresse publique de ma page, et comment la corriger après publication.
Les passages en couleur, entre crochets, sont à remplacer par vos mots.
- Relisez votre page une dernière fois : plus rien de privé, photos autorisées, mention de l'IA si besoin.
- Créez vous-même votre compte, avec votre propre mot de passe, sans aide de personne.
- Suivez la marche à suivre reçue, en la comparant avec l'aide officielle du service.
- Ouvrez l'adresse obtenue sur votre téléphone, hors du réseau de votre maison.
- Notez l'adresse sur un papier, puis envoyez-la à deux personnes.
Comment revenir au cours après l’essai ?
Sur ordinateur, gardez le cours dans un onglet et ouvrez l’assistant dans un autre. Sur téléphone, revenez à l’application ou à l’onglet du cours après avoir envoyé votre demande. Vous pourrez retrouver ces étapes ici.
À cocher quand c'est fait
Cochez chaque phrase quand elle est vraie pour vous :
Le quiz de la leçon
5 questions, une à la fois, la réponse expliquée tout de suite.
5 questions, une à la fois. La réponse est expliquée tout de suite. Vous pouvez réessayer autant de fois que vous voulez : aucune note n'est gardée.
1. Vous vous apprêtez à publier la page de votre association. Quel est le dernier geste avant de publier ?
Une page publiée est lisible par le monde entier, et un retrait n'efface pas les copies déjà faites. La relecture coûte deux minutes et évite des regrets durables. Réflexe : je relis comme un inconnu avant de publier.
2. L'IA propose de créer votre compte à votre place, en choisissant un mot de passe pour vous. Que faites-vous ?
Un compte et son mot de passe n'appartiennent qu'à vous, et aucune IA ne doit les manipuler. La création prend trois minutes, vérification par courriel comprise. Réflexe : mes identifiants, c'est moi et personne d'autre.
3. Votre page s'affiche en ligne, mais une photo manque. Quelle est la cause la plus probable ?
En ligne, les majuscules du nom de fichier comptent, alors qu'elles passaient parfois sur votre ordinateur. Renommer le fichier et le renvoyer règle la question. Réflexe : le nom exact, à la lettre et à la majuscule près.
4. Un dépôt public de votre compte contient un fichier avec une clé d'accès oubliée. Est-ce grave ?
Un dépôt public est lisible par tous, y compris par des programmes qui cherchent en permanence des clés oubliées. L'anonymat de l'adresse ne protège rien. Réflexe : aucun mot de passe, aucune clé dans ce qui est public.
5. Vous voulez modifier un texte de votre page déjà publiée. Comment procédez-vous ?
La page en ligne n'est que la copie de votre fichier, et remplacer le fichier suffit à la mettre à jour. Gardez toujours l'original chez vous, dans votre dossier. Réflexe : je corrige chez moi, puis je renvoie.
Garder votre place
Et maintenant
D'ici demain, ouvrez l'adresse de votre page sur un appareil qui n'est pas le vôtre, chez un voisin ou un proche.
D'ici demain, ouvrez l'adresse de votre page sur un appareil qui n'est pas le vôtre, chez un voisin ou un proche. Regardez-la comme un visiteur qui ne vous connaît pas. Notez une phrase à améliorer, une seule.
Donner mon avis sur cette leçon
Comment avez-vous trouvé cette leçon ?
Deux questions, dix secondes. Vos réponses servent à corriger les leçons suivantes : c'est notre seul moyen de savoir ce qui passe mal.
Les mots de cette leçon
- Publier
- Rendre une page accessible par une adresse, lisible par toute personne qui la connaît.
- Hébergement
- Le service qui garde votre page sur ses serveurs et la montre aux visiteurs.
- Dépôt
- Un dossier en ligne qui contient vos fichiers. Public, il est lisible par tout le monde.
- Nom de domaine
- Une adresse courte à votre nom, louée chaque année, en remplacement d'une adresse longue.
- Clé d'accès
- Un code qui ouvre un service à votre place. Il ne se met jamais dans un fichier public.