Next level · 2/5 Practical
HTML et CSS : créer et mettre en page un vrai site
A working system in your business
Le site vitrine complet d'une PME, codé par toi et en ligne sur mobile
50,000 FCFA 12 h
View the next levelEssentialWeb DevelopmentBeginner
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
- 6 h of training
- 3 modules · 13 lessons
- 32 exercises
- 1 project
- Certificate included
What you will be able to do
- 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)
What you will produce
- 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
Possible earnings
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.
Indicative estimate, depending on your market, pace and work. No income is guaranteed.
Tools used
- Google Chrome et ses outils de développement
- VS Code
- HTML
- CSS
- JavaScript
- GitHub Pages
- Netlify
What you'll learn
- 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
Prerequisites
- 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
About this course
## Comprends le web de l'intérieur, et écris ta première page
Tu utilises des sites et des applications toute la journée : Wave, Jumia, le site de ta banque, la page Facebook de ton restaurant préféré. Mais que se passe-t-il vraiment quand tu tapes une adresse dans ton navigateur ? Qui fait quoi entre ton téléphone à Dakar et un serveur à Paris ou à Francfort ? Et qu'est-ce que ça veut dire, concrètement, « coder un site » ?
Cette formation d'entrée te donne les réponses, sans jargon inutile, et te fait écrire du vrai code dès le module 2.
### À qui s'adresse cette formation
- Tu n'as jamais écrit une ligne de code et tu te demandes si le développement web est fait pour toi.
- Tu es étudiant, salarié ou en reconversion et tu veux tester avant d'investir dans un parcours plus long.
- Tu es commerçant ou porteur de projet et tu veux comprendre ce que tu achètes quand tu commandes un site à 250 000 ou 1 000 000 FCFA.
### Ce que tu fais pendant la formation
- Tu suis le trajet d'une page web : navigateur, nom de domaine, DNS, serveur, HTTP.
- Tu ouvres les outils de développement de Chrome et tu inspectes de vrais sites.
- Tu installes VS Code et tu écris ta première page HTML, avec un peu de CSS pour la mettre en forme et une ligne de JavaScript pour la faire réagir.
- Tu publies ta page sur internet, gratuitement, avec une adresse que tu peux envoyer sur WhatsApp.
### Ce avec quoi tu repars
Une carte claire du web, une page personnelle en ligne écrite par toi, un vocabulaire technique que tu comprends vraiment, et une décision éclairée : continuer vers le métier, ou savoir parler à un développeur.
### Ta place dans le parcours Développement web
C'est le niveau 1, la porte d'entrée. Juste après viennent le niveau 2 (HTML et CSS : créer et mettre en page un vrai site), puis JavaScript, React et Next.js, jusqu'au niveau 5, Développeur full-stack JavaScript.
Who it is for: 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.
Curriculum
A module-by-module path: lessons, exercises, quizzes and projects to submit.
Module 1· 10 exercises
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 serveurFree preview3 exercises15 min
- Nom de domaine, DNS et hébergement : qui paie quoi pour un site à DakarFree preview3 exercises15 min
- HTML, CSS et JavaScript : la structure, le style et le comportement d'une pageFree preview4 exercises15 min
- Support du module (PDF)Free preview5 min
- Quiz : comment marche le webModule quiz
Module 2· 10 exercises
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 exercises15 min
- Les balises de base : titres, paragraphes, listes et liens3 exercises18 min
- Images, attributs et chemins de fichiers sans erreur4 exercises15 min
- Support du module (PDF)5 min
- Quiz : premiers pas en HTMLModule quiz
Module 3· 12 exercises
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 exercises15 min
- Ajouter du CSS : couleurs, polices et marges en quelques lignes3 exercises18 min
- Une touche de JavaScript : un bouton qui réagit au clic3 exercises15 min
- Publier ta page gratuitement et choisir ta suite dans les métiers du web3 exercises15 min
- Support du module (PDF)5 min
- Quiz : style, interaction et mise en ligneModule quiz
- Projet final : ta page de présentation en ligneCapstone
Certificate included
Your certificate at the end
A numbered certificate with your validated skills, a public page and a verification QR code. Add it to LinkedIn in one click.
Kolonell Academy
Verified by Kolonell AcademyCertificate of skills
Your name
has completed and validated the course
Découvrir le code : comprendre comment un site fonctionne
Certified skills
- 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)
Number KOL-CERT-2026-XXXXX
Mohamed Bah
Founder, Kolonell Academy
Course poster
Download the poster to print it, send it to your employer or share it with colleagues. The full programme details every module.
Your instructor
Mohamed Bah
Docteur en informatique et 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.
Questions about this course
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.
How do I pay?
Via Wave or Orange Money. After enrolling you receive a pro forma invoice by email with the number to pay. Send the proof on WhatsApp: your access is activated within 24 business hours.
How long do I keep access?
For life, updates included. Learn at your own pace and revisit lessons as often as you need.
How do I get the certificate?
Complete the lessons and pass each module quiz with at least 70%. The certificate is generated automatically, with a unique number and a public verification page.
Our commitments
- Lifetime access, updates included
- Publicly verifiable certificate
- Wave / Orange Money payment, activation within 24 business hours
- WhatsApp support
25,000 FCFA · 38 €
Essential