Palier 3 · Leçon 55 sur 88
Une page web personnelle ou d'association
À 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 club de marche n'a pas de page. Une voisine vous demande où voir vos aquarelles. Aujourd'hui, vous fabriquez une page web : un titre, du texte, vos photos, une adresse de contact. Elle s'ouvrira sur n'importe quel téléphone.
La vidéo
Lire le texte de la vidéo
Dans cette leçon, vous fabriquez une vraie page web. Pour vous-même, pour votre club, pour votre association. Un titre, du texte, vos photos, une adresse de contact. Elle restera chez vous aujourd'hui : nous la mettrons en ligne à la dernière leçon de cette étape. À la fin, vous saurez la fabriquer et la relire avant de la montrer.
Une page personnelle ou d'association répond à quatre questions. Qui sommes-nous. Que faisons-nous. Quand et où. Comment nous joindre. Rien de plus. Une page courte est lue, une page longue est survolée. La forme compte autant que le contenu. Demandez une seule colonne, du texte large, des titres nets, un affichage correct sur téléphone. La plupart de vos visiteurs liront sur un écran de la taille d'une main. Ajoutez une exigence rarement demandée. Le contraste. Du texte noir sur fond blanc se lit à tout âge.
Trois précautions pour les photos. Le poids : une photo de téléphone pèse plusieurs mégaoctets, et la page devient lente. Faites-les réduire. Le rangement : placez-les dans le même dossier que la page, avec des noms courts, sans accent ni espace. Les droits : vos propres photos, ou des images libres de droits. Si des personnes sont reconnaissables, demandez leur accord. Pour des enfants, celui des parents. Et sur la page elle-même, jamais d'adresse privée ni de numéro personnel. Un lieu de rendez-vous public et une adresse de courriel suffisent.
Regardez l'écran. Nous demandons une page pour un club de marche. Une colonne, texte large, contraste fort, lisible sur téléphone. Un titre, une présentation, les sorties du mois, deux emplacements de photos, une adresse de courriel. Et surtout, aucune adresse postale. L'IA répond avec la page et les noms de fichiers à utiliser. Elle a même ajouté une description écrite pour chaque image. Nous enregistrons, nous glissons nos photos dans le même dossier, sous ces noms exacts. Double-clic : les photos apparaissent. L'une pèse quatre mégaoctets, nous la faisons réduire. Dernière relecture, à la place d'un inconnu. Aucun nom de famille, aucun numéro. La page peut être montrée.
À vous maintenant. Choisissez le sujet de votre page. Vous-même, votre club, votre association. Écrivez la demande avec le contenu voulu et la forme. Sans adresse postale, sans numéro personnel. Enregistrez la page dans un dossier neuf. Placez vos photos dedans, renommées sans accent ni espace. Ouvrez la page, puis regardez-la sur votre téléphone. Vous ne pouvez rien casser.
Retenez ceci. Quatre questions suffisent à une bonne page. Qui, quoi, quand et où, comment joindre. Les photos vont dans le même dossier, sous des noms simples, et elles se réduisent avant publication. Rien de privé ne figure sur une page publique. Relisez toujours comme le ferait un inconnu. Dans la prochaine leçon, nous ferons travailler une feuille de calcul toute seule.
L'idée
Une page dit qui, quoi, quand et où, et comment joindre.
Une page dit qui, quoi, quand et où, et comment joindre. Rien de privé n'y figure.
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.
Nous fabriquons la page d'un club de marche. Nous écrivons dans Claude : « Fabriquez une page web pour le Club de marche des Trois Vallées. Une seule colonne, texte large, contraste fort, lisible sur téléphone. Contenu : un titre, une phrase de présentation, les trois sorties du mois. Puis deux emplacements pour des photos et une adresse de courriel. Ne mettez aucune adresse postale. Donnez-moi ensuite les noms de fichiers à utiliser pour les photos. »
Exemple de réponse : « Voici votre page. J'ai prévu deux emplacements d'image nommés sortie-mai.jpg et groupe.jpg. Placez ces deux photos dans le même dossier que le fichier de la page. J'ai ajouté une description écrite pour chaque image, lue par les logiciels des personnes malvoyantes. Remplacez le texte de présentation par le vôtre. »
La page s'affiche dans le cadre. Deux carrés vides marquent les photos, avec leur nom dessous. Nous enregistrons la page, puis nous glissons nos deux photos dans le même dossier, sous ces noms exacts. Double-clic : les photos apparaissent.
Une photo pèse quatre mégaoctets. Nous demandons comment la réduire, et nous appliquons la méthode indiquée. La page s'ouvre alors sans attente.
Dernière relecture, en nous mettant à la place d'un inconnu. Aucune adresse, aucun numéro, aucun nom de famille. La page peut être montrée.
L'exercice guidé
Collez la demande ci-dessus en remplissant les crochets avec votre projet réel.
Pour vous entraîner, choisissez un exemple fictif et gardez vos informations personnelles hors de la conversation.
La consigne à copier
Fabriquez une page web pour [qui : moi-même, mon association, mon club]. Une seule colonne, texte large, contraste fort, lisible sur téléphone. Contenu : un titre, une phrase de présentation, [ce qu'il faut annoncer : les sorties du mois, mes activités, mes horaires], et [le nombre] emplacements pour des photos. N'écrivez aucune adresse postale et aucun numéro de téléphone. Ajoutez une description écrite pour chaque image. Donnez-moi ensuite les noms de fichiers exacts à utiliser pour mes photos.
Les passages en couleur, entre crochets, sont à remplacer par vos mots.
- Collez la demande ci-dessus en remplissant les crochets avec votre projet réel.
- Enregistrez la page dans un dossier neuf, puis placez vos photos dans le même dossier.
- Renommez vos photos avec les noms exacts indiqués, sans accent ni espace.
- Ouvrez la page d'un double-clic, puis regardez-la aussi sur votre téléphone.
- Relisez-la comme le ferait un inconnu, et retirez toute information qui vous gêne.
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. Votre page affiche un carré vide à la place de la photo. Quelle est la cause la plus fréquente ?
Une page cherche sa photo par son nom exact, dans le dossier indiqué. Un accent, un espace ou une majuscule en trop suffisent à la faire échouer. Réflexe : même dossier, nom exact, sans accent ni espace.
2. Votre association veut une page. La présidente propose d'y mettre son adresse et son numéro. Que dites-vous ?
Une page en ligne est lisible par tout le monde, et une adresse privée y reste durablement. Un lieu public et une adresse commune rendent le même service sans exposer personne. Réflexe : rien de privé sur une page publique.
3. Votre page met dix secondes à s'afficher. Vous y avez mis quatre photos prises au téléphone. Que faites-vous ?
Une photo de téléphone pèse plusieurs mégaoctets, bien plus que nécessaire pour une page. Réduire leur poids garde l'image et fait disparaître l'attente. Réflexe : je réduis mes photos avant de les montrer.
4. Une photo de la sortie du club montre douze personnes de face, dont deux enfants. Que faites-vous ?
Le visage d'une personne lui appartient, et l'accord des parents est nécessaire pour un enfant. Une photo de dos ou de loin règle souvent la question. Réflexe : je demande avant de montrer un visage.
5. L'IA propose d'ajouter un formulaire qui recueille les noms et adresses des visiteurs. Que faites-vous ?
Recueillir des noms et des adresses, c'est collecter des données personnelles, encadrées en Suisse par la loi fédérale et en France par le règlement européen. Une adresse de courriel affichée évite cette responsabilité. Réflexe : pas de formulaire tant que je n'en ai pas besoin.
Garder votre place
Et maintenant
D'ici demain, rassemblez dans un dossier les éléments de votre page : le titre, trois phrases de présentation, et deux photos que vous avez le droit…
D'ici demain, rassemblez dans un dossier les éléments de votre page : le titre, trois phrases de présentation, et deux photos que vous avez le droit d'utiliser. Renommez les photos sans accent ni espace. La page se fabriquera ensuite en dix minutes.
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
- Page web
- Un fichier qui s'affiche dans un navigateur, avec du texte, des images et des liens.
- Mégaoctet
- Une unité de poids pour un fichier. Une photo de téléphone en pèse souvent plusieurs.
- Description d'image
- Un texte court attaché à une photo, lu à voix haute par les logiciels des personnes malvoyantes.
- Contraste
- L'écart entre la couleur du texte et celle du fond. Un contraste fort se lit à tout âge.
- Données personnelles
- Toute information qui identifie quelqu'un : nom, adresse, téléphone, photo de son visage.