Niveau suivant · 2/5 Pratique
HTML et CSS : créer et mettre en page un vrai site
Un système en place dans son activité
Le site vitrine complet d'une PME, codé par toi et en ligne sur mobile
50 000 FCFA 12 h
Voir le niveau suivantPar Mohamed Bah · Kolonell, agence digitale à Dakar
Découvrir le code : comprendre comment un site fonctionne
Ta première page web écrite par toi et en ligne en moins d'une semaine
25 000 FCFAsoit 38 €
- 6 h de formation
- Certificat vérifiable
- Wave ou Orange Money
- En ligne, à votre rythme
J'ai une question (WhatsApp)
Inscription express en 30 s : facture par email
Je préfère être rappelé(e) sur WhatsApp
Au programme
- 1Comment marche le web
- 2Tes premiers pas en HTML
- 3Style, interaction et mise en ligne
Paiement Wave / Orange Money, accès sous 24 h ouvrées
Revenus possibles
Ce niveau ne suffit pas pour facturer du développement. Il te donne les bases pour suivre le parcours complet, où un développeur junior est payé 200 000 à 400 000 FCFA par mois à Dakar en 2026 (jusqu'à 500 000 FCFA dans les start-ups en forte croissance), et pour mieux négocier un site à commander.
Estimation indicative, selon votre marché, votre rythme et votre travail. Aucun revenu n’est garanti.
Votre formateur
Mohamed Bah
Fondateur de Kolonell, agence-plateforme digitale basée à Dakar. Il conçoit et déploie des sites et des applications web pour des PME au Sénégal, en Côte d'Ivoire et dans la diaspora, avec les outils enseignés dans ce parcours.
Voir les réalisations de Kolonell →Questions sur cette formation
Je n'ai jamais codé. C'est vraiment pour moi ?
Oui, c'est exactement le public visé. Le module 1 ne contient aucune ligne de code à écrire : tu comprends d'abord comment le web fonctionne. Le code arrive au module 2, une balise à la fois.
Un téléphone suffit-il ?
Pour lire les leçons, oui. Pour écrire et publier ta page, il te faut un ordinateur, même ancien : VS Code et Chrome tournent sur une machine à 4 Go de RAM. Un poste de cybercafé ou d'un ami peut dépanner pour le projet final.
Est-ce que je serai développeur à la fin ?
Non, et on préfère te le dire. Tu sauras comment un site fonctionne et tu auras écrit ta première page. Le métier demande les niveaux suivants du parcours, jusqu'au niveau 5 Développeur full-stack JavaScript.
Combien de temps faut-il prévoir ?
Environ 6 heures en tout, exercices et projet final compris. À 2 ou 3 heures par semaine, tu termines en 2 à 3 semaines.
Faut-il payer un hébergement pour publier ma page ?
Non. GitHub Pages et Netlify publient gratuitement une page statique. Tu n'achètes un nom de domaine (6 300 à 8 600 FCFA par an pour un .com en septembre 2026) que si tu veux une adresse à ton nom, ce qui est facultatif ici.
Et si je veux seulement commander un site, pas le coder ?
Cette formation t'est utile aussi : tu comprendras ce que recouvrent le domaine, l'hébergement, le HTML et la maintenance, et tu sauras quelles questions poser à une agence avant de payer.
Comment payer ?
Par Wave ou Orange Money. Après inscription, vous recevez une facture pro forma par email avec le numéro à créditer. Envoyez la preuve sur WhatsApp : votre accès est activé sous 24 h ouvrées.
Combien de temps ai-je accès à la formation ?
À vie, mises à jour comprises. Vous avancez à votre rythme et vous pouvez revenir sur les leçons autant de fois que nécessaire.
Comment obtenir le certificat ?
Terminez les leçons, réussissez chaque quiz de module avec au moins 70 % et rendez votre projet final : un formateur le relit et le valide (retour sous 5 jours ouvrés). Le certificat est alors généré, avec un numéro unique et une page publique vérifiable.
Ce que vous saurez faire
- Compréhension du fonctionnement du web (client, serveur, DNS, HTTP)
- Lecture de code HTML, CSS et JavaScript sur un site existant
- Utilisation des outils de développement du navigateur (inspecteur, console, réseau)
- Rédaction d'une page HTML structurée
- Mise en ligne d'une page statique (GitHub Pages ou Netlify)
Ce que vous produisez
- Ta carte du web : un schéma annoté du trajet d'une page, de ton téléphone au serveur
- Une fiche d'inspection d'un vrai site sénégalais ou ivoirien avec ce que tu y as trouvé
- Ton environnement de travail installé et un premier dossier de projet propre
- Ta page personnelle en HTML et CSS, écrite à la main
- Ta page publiée en ligne avec une adresse partageable
- Ton plan de progression : la prochaine formation et ton rythme de travail
Outils utilisés
- Google Chrome et ses outils de développement
- VS Code
- HTML
- CSS
- JavaScript
- GitHub Pages
- Netlify
Ce que vous allez apprendre
- Expliquer le trajet d'une page web, du navigateur au serveur, avec les mots justes (URL, DNS, HTTP, hébergement)
- Distinguer le rôle du HTML, du CSS et du JavaScript dans une page réelle
- Inspecter n'importe quel site avec les outils de développement de Chrome
- Installer un environnement de travail simple (VS Code, navigateur, dossier de projet)
- Écrire une page HTML valide avec titres, paragraphes, liens, images et une liste
- Publier une page en ligne gratuitement et la partager par un lien
- Situer les métiers du web et choisir ta prochaine étape de formation
Prérequis
- Aucune expérience de programmation
- Un ordinateur (Windows, macOS ou Linux), même ancien ; les leçons se lisent sur téléphone
- Savoir utiliser un navigateur et créer un dossier sur ton ordinateur
- 2 à 3 heures par semaine pendant 2 à 3 semaines
À propos de cette formation
Vous utilisez Wave, Jumia ou le site de votre banque tous les jours, sans savoir ce qui se passe quand vous tapez une adresse. Vous n'avez jamais codé et vous voulez savoir si le développement web est fait pour vous, ou comprendre ce que vous achetez quand vous commandez un site. Ici, en quelques jours, vous écrivez votre première page web et vous la publiez en ligne.
Vous suivez d'abord le trajet d'une page, de votre téléphone au serveur : URL, nom de domaine, DNS, HTTP et hébergement. Vous inspectez ensuite de vrais sites avec les outils de Chrome, puis vous écrivez votre première page HTML dans VS Code. Le dernier module ajoute le CSS, une ligne de JavaScript qui fait réagir un bouton et la mise en ligne gratuite.
Le tout tient en 6 heures : 3 modules, 13 leçons, 32 exercices corrigés et un quiz par module. Vous terminez par 1 projet, votre page de présentation en ligne, évaluée sur une grille de critères. Les leçons se lisent sur téléphone, même en 3G, et un certificat vérifiable en ligne atteste votre réussite.
Vous repartez avec une carte annotée du web, la fiche d'inspection d'un vrai site sénégalais ou ivoirien et votre page personnelle publiée à une adresse à envoyer sur WhatsApp. Soyons clairs : ce niveau ne suffit pas pour facturer du développement. Il pose les bases du parcours complet, au bout duquel un développeur junior est payé 200 000 à 400 000 FCFA par mois à Dakar en 2026. Ce sont des repères de marché, aucun revenu n'est garanti.
C'est le niveau 1 du parcours Développement web, la porte d'entrée. Il vous prépare au niveau 2, HTML et CSS : créer et mettre en page un vrai site, où vous passerez d'une page unique au site complet d'une PME.
Public visé : Curieux, étudiants, salariés, commerçants et porteurs de projet de Dakar, Thiès, Abidjan, Bamako ou de la diaspora qui n'ont jamais codé et veulent comprendre comment marche un site avant de se lancer dans le métier ou de commander un site à une agence.
Programme
Un chemin module par module : leçons, exercices, quiz et projets à rendre.
Module 1· 10 exercices
Comment marche le web
Tu comprends le trajet d'une page, de ton navigateur jusqu'au serveur, et tu sais nommer chaque étape.
- Ce qui se passe quand tu tapes une adresse : navigateur, URL et serveurAperçu gratuit3 exercices15 min
- Nom de domaine, DNS et hébergement : qui paie quoi pour un site à DakarAperçu gratuit3 exercices15 min
- HTML, CSS et JavaScript : la structure, le style et le comportement d'une pageAperçu gratuit4 exercices15 min
- Support du module (PDF)Aperçu gratuit5 min
- Quiz : comment marche le webQuiz de validation
Module 2· 10 exercices
Tes premiers pas en HTML
Tu installes ton environnement et tu écris une page HTML structurée, balise après balise.
- Installer VS Code, créer ton dossier de projet et ouvrir ta page dans Chrome3 exercices15 min
- Les balises de base : titres, paragraphes, listes et liens3 exercices18 min
- Images, attributs et chemins de fichiers sans erreur4 exercices15 min
- Support du module (PDF)5 min
- Quiz : premiers pas en HTMLQuiz de validation
Module 3· 12 exercices
Style, interaction et mise en ligne
Tu inspectes de vrais sites, tu ajoutes du CSS et une touche de JavaScript, puis tu publies ta page et tu choisis ta suite.
- Inspecter un vrai site avec les outils de développement de Chrome3 exercices15 min
- Ajouter du CSS : couleurs, polices et marges en quelques lignes3 exercices18 min
- Une touche de JavaScript : un bouton qui réagit au clic3 exercices15 min
- Publier ta page gratuitement et choisir ta suite dans les métiers du web3 exercices15 min
- Support du module (PDF)5 min
- Quiz : style, interaction et mise en ligneQuiz de validation
- Projet final : ta page de présentation en ligneCapstone
Certificat inclus
Votre certificat à la fin
Un certificat numéroté, avec les compétences validées, une page publique et un QR code de vérification. À ajouter sur LinkedIn en un clic.
Kolonell Academy
Vérifié par Kolonell AcademyCertificat de compétences
Votre nom
a suivi et validé la formation
Découvrir le code : comprendre comment un site fonctionne
Compétences travaillées
- Compréhension du fonctionnement du web (client, serveur, DNS, HTTP)
- Lecture de code HTML, CSS et JavaScript sur un site existant
- Utilisation des outils de développement du navigateur (inspecteur, console, réseau)
- Rédaction d'une page HTML structurée
- Mise en ligne d'une page statique (GitHub Pages ou Netlify)
Numéro KOL-CERT-2026-XXXXX
Mohamed Bah
Fondateur, Kolonell Academy
Après la formation
Ce qui vous attend une fois la formation terminée
Un certificat vérifiable
Chaque certificat porte un numéro vérifiable en ligne et s'ajoute à votre profil LinkedIn en un clic.
Votre CV relu et amélioré
Depuis votre profil, déposez votre CV : l'équipe le relit et vous aide à le rendre plus clair et plus convaincant.
L'accès au vivier de talents
Les apprenants qui terminent la formation peuvent rejoindre le vivier de talents Kolonell. L'entrée se mérite : formation terminée, exercices rendus. Kolonell y puise aussi pour ses propres recrutements.
Services facultatifs et gratuits pour les apprenants. Ce n'est pas une promesse d'emploi.
Affiche de la formation
Téléchargez l'affiche pour l'imprimer, l'envoyer à votre employeur ou la partager avec vos collègues. Le programme complet détaille chaque module.
Ce cours fait partie du parcours
Développement web
Niveau 1 sur 5 · Essentiel
Voir les 5 niveaux du parcoursNos engagements
- Accès à vie et mises à jour incluses
- Certificat vérifiable publiquement
- Paiement Wave / Orange Money, activation sous 24 h ouvrées
- Questions au formateur depuis chaque leçon, réponse sous 2 jours ouvrés