Aujourd'hui, ton projet quitte ton ordinateur pour aller sur Internet !
⏱️ 1h30🎯 Créer un site perso → le publier → obtenir une vraie URL → le partager
🏆 La mission du jour
Ce que tu vas obtenir
💻
Un site personnel
🎮
Ton portfolio gaming
📝
Ton blog
🙋
Une présentation de toi
🌐
Une vraie URL
📲
Un lien à partager
🔙 Notre aventure
Le chemin parcouru
💡
Séance 1
Découvrir l'IA
💻
Séance 2
Créer le portfolio
📝
Séance 3
Créer le blog
🚀
Séance 4
Rassembler + mettre en ligne
🤔
Local ou en ligne ?
💻 Local = ton site est sur ton ordinateur.
🌍 En ligne = ton site est accessible depuis Internet.
👉 Déployer = publier les fichiers de ton site pour qu'ils soient accessibles sur Internet.
🌐
C'est quoi une URL ?
Une URL est l'adresse de ton site.
https://mon-site.example
📋 On peut la copier, l'envoyer et la partager. 🎯 Objectif du jour : repartir avec une URL.
🧩
Mon site perso = mon univers
🏠 Accueil
👋 À propos de moi
🎮 Portfolio
📝 Blog
📩 Contact (si souhaité)
👉 Un seul site pour présenter TON univers.
🤖 Démo
Créer le site avec Claude
« Crée-moi un site personnel moderne pour un jeune de 13 ans. Ajoute une page d'accueil, une présentation, une section projets, un lien vers mon portfolio gaming et un lien vers mon blog. Ajoute un menu simple. Le design doit être moderne, coloré et responsive. »
🎯 Ensuite : remplace les exemples par TES informations.
🎨
Personnalise ton site
✍️ Ton pseudo
🙋 Ta présentation
🎮 Tes projets
📝 Ton blog
🎨 Tes couleurs
🖼️ Tes images
✨ Ton style
⚠️ Pas d'informations personnelles sensibles.
🧪
Test avant publication
👉 Si oui : PRÊT POUR LE DÉPLOIEMENT !
🌍
Déployer = Publier
📦 Fichiers HTML/CSS/images
→
☁️ Hébergement
→
🌐 URL
🎉 Ton site devient accessible en ligne.
🟣 GitHub Pages
1️⃣ Compte GitHub autorisé
2️⃣ Créer un repository
3️⃣ Ajouter les fichiers
4️⃣ Activer GitHub Pages
5️⃣ Récupérer l'adresse
🔵 Vercel / Netlify
1️⃣ Ouvrir la plateforme
2️⃣ Connecter GitHub
3️⃣ Importer le projet
4️⃣ Déployer
5️⃣ Récupérer l'URL
🎯 Pour les mineurs : utiliser le cadre prévu par les parents/encadrants. ⚡ Les mises à jour peuvent ensuite être redéployées automatiquement.
🟢
Si ça prend trop de temps…
Pas de panique ! 😎
📁 Garder les fichiers
💾 Faire une sauvegarde
📸 Capturer le site
🌐 Continuer ensuite
👉 Le but est d'apprendre le processus, pas de se décourager.
🔁 Rotation
40 Minutes
🤝 Aider son camarade ≠ faire le travail à sa place.
40:00
Poste 1
Personnaliser
Poste 2
Images et contenus
Poste 3
Préparation du déploiement
⚠️ Ne jamais partager un mot de passe.
🔐
Internet = Responsabilité
🛡️ Pas d'adresse personnelle
📵 Pas de numéro de téléphone
🔑 Jamais de mot de passe
🏫 Éviter les infos permettant de localiser
🖼️ Utiliser des images autorisées
🤖 Vérifier ce que l'IA génère
👉 Un site public doit être pensé pour être PUBLIC.
📋 Checklist
Mon site est en ligne
🎤 Show Time !
Présente ton univers
1 minute par jeune.
01:00
👋 MON PSEUDO…
💻 VOICI MON SITE…
🎮 MON PROJET PRÉFÉRÉ…
📝 VOICI MON BLOG…
🌐 MON URL…
🚀 CE QUE JE VEUX AJOUTER ENSUITE…
📲
Partage ton site
💬 Avec tes amis
👨👩👧 Avec ta famille
🏫 Dans un projet scolaire si autorisé
🌍 Internet peut être visible par beaucoup de personnes. 👉 Partage intelligemment.
🏆 Défi Bonus
Pour aller plus loin
✨ Ajouter une animation
🎨 Améliorer le design
📱 Optimiser le téléphone
🎮 Ajouter un projet
📝 Ajouter un article
📩 Ajouter une section contact sans données sensibles
🤖 Demande à l'IA d'expliquer chaque changement.
🌟 Mission Accomplie !
💻 Fichiers → 🌍 Internet 🎮 Portfolio + 📝 Blog + 🙋 Site perso = 🚀 TON PREMIER UNIVERS NUMÉRIQUE
Et maintenant… qu'est-ce que tu vas créer ensuite ?
🎓 Envie d'aller plus loin ?
DIALLO Consulting Group
Formations, coaching et ateliers sur-mesure pour organisations, écoles et familles — IA, gestion de projet, transformation digitale.