Le verdict en trois phrases
La formation HTML et CSS : créer et mettre en page un vrai site (niveau 2, 12 h, 50 000 FCFA) se juge à ses projets concrets : une landing page de restaurant avec formulaire de réservation, puis le site vitrine responsive de 4 pages d'une PME, publié en ligne. Depuis San-Pédro, vous pouvez choisir pour le projet final une entreprise locale réelle (avec son accord) ou un cas fictif annoncé comme tel. Chaque projet est noté sur des critères précis, et le projet final est validé par un correcteur.
Quels projets réalisez-vous pendant la formation ?
La formation compte cinq modules : HTML sémantique, formulaires et accessibilité, fondamentaux du CSS, mise en page avec Flexbox, Grid et responsive, puis CSS maintenable, performance et mise en ligne. Chaque leçon se termine par un livrable court, et deux projets structurent l'ensemble.
| Projet | Moment | Ce que vous produisez | Livrables demandés |
|---|---|---|---|
| Landing page d'un restaurant de Dakar (cas d'école « Chez Adama ») | Fin du module 3 | Page unique avec plats et prix en FCFA, horaires, section commande, formulaire de réservation | index.html validé W3C, style.css séparé, capture à 375 px |
| Projet final : site vitrine responsive d'une PME | Fin du module 5 | 4 pages reliées : Accueil, Services, À propos, Contact, avec menu mobile en CSS | Lien public, dépôt GitHub, captures à 375, 768 et 1280 px |
| Rapport Lighthouse | Module 5 | Audit mobile avant et après corrections | Scores et liste des corrections |
| Fiche projet portfolio | Projet final | 10 lignes : client, objectif, choix techniques, scores | Texte prêt à joindre à une candidature |
| Exercices de leçon | Chaque leçon | Exercices de code corrigés automatiquement | Résultat immédiat dans le navigateur |
La landing page du restaurant travaille déjà des réflexes professionnels : chaque champ du formulaire a son label, le téléphone utilise type="tel", et les balises de partage produisent un bel aperçu quand le lien est envoyé sur WhatsApp. Ce dernier point compte beaucoup en Côte d'Ivoire, où une grande partie des contacts commerciaux passe par WhatsApp.
Comment est noté le projet final ?
Le site vitrine de 4 pages est évalué sur une grille de 100 points, appliquée par un correcteur, avec un retour sous 5 jours ouvrés.
| Critère du projet final | Points |
|---|---|
| Les 4 pages sont en ligne, reliées par une navigation cohérente | 20 |
| La mise en page est responsive et lisible sur les trois tailles d'écran | 30 |
| Le CSS utilise des variables et des composants réutilisés sans duplication inutile | 20 |
| Le HTML est sémantique et le formulaire accessible, avec au moins 90 en accessibilité Lighthouse | 20 |
| La fiche projet explique clairement le client, les choix et les résultats | 10 |
Le critère le plus lourd est le responsive. Il faut que le site reste lisible du petit téléphone à l'écran d'ordinateur, avec au maximum trois points de rupture, une grille de services en CSS Grid et des cartes en Flexbox.
Quelle PME choisir à San-Pédro pour le projet final ?
San-Pédro est une ville portuaire tournée vers l'export, notamment du cacao, avec un tissu de transitaires, de transporteurs, de commerces, d'hôtels et de restaurants en bord de mer. Beaucoup de ces structures ont une présence en ligne réduite à une page Facebook. C'est un terrain idéal pour un projet réaliste : une agence de transit qui veut présenter ses services, un hôtel de la zone balnéaire, une clinique ou une école privée.
Si vous choisissez une entreprise réelle, demandez son accord avant de publier. Sinon, annoncez clairement un cas fictif dans votre fiche projet, comme le demande la consigne. Dans les deux cas, gardez les photos légères : la formation vous apprend à les convertir en WebP avec Squoosh et à différer leur chargement, ce qui change tout sur une connexion 3G.
Ce niveau 2 s'inscrit dans le parcours Développement web, qui continue avec JavaScript (niveau 3), React et Next.js (niveau 4) et Développeur full-stack JavaScript (niveau 5). Les 5 niveaux ensemble coûtent 350 000 FCFA au lieu de 450 000 FCFA.
Ces projets peuvent-ils rapporter quelque chose ?
Apprendre ce métier avec Kolonell Academy
Formations en ligne courtes et pratiques, exercices corrigés, certificat. Paiement Wave ou Orange Money.
À titre indicatif, le programme situe en 2026 une landing page entre 75 000 et 150 000 FCFA et un site vitrine simple de 4 à 5 pages entre 150 000 et 300 000 FCFA chez un intégrateur débutant à Dakar ou à Abidjan. À San-Pédro, les budgets varient selon le client, le profil et la ville, et aucun revenu n'est garanti. Un site avec paiement en ligne ou espace d'administration demande les niveaux suivants.
Mini cas pratique
Exemple fictif : Yao, 26 ans, agent administratif dans une société de transit du port de San-Pédro, suit la formation en quatre semaines. Pour son projet final, il construit le site de 4 pages d'un transitaire fictif, « Bas-Sassandra Transit », avec une grille de six services, une page contact et un lien WhatsApp. Son premier Lighthouse mobile affiche 78 en accessibilité ; après correction des contrastes et des boutons sans nom, il atteint 94.
Son calcul : 50 000 FCFA de formation. S'il réalise ensuite une seule landing page à 75 000 FCFA pour un commerce de la ville, l'investissement est couvert avec 25 000 FCFA d'avance. S'il n'en vend aucune, il garde un portfolio en ligne et une fiche projet présentables à un employeur. Ce scénario reste hypothétique.
FAQ
Les projets sont-ils obligatoires pour obtenir le certificat ?
Le projet final doit être validé par un correcteur, en plus de terminer toutes les leçons et de réussir chaque quiz de module avec au moins 70 %. Le certificat a ensuite un numéro unique, un QR code et une page publique vérifiable.
Faut-il payer un hébergement pour mettre le site en ligne ?
Non, Netlify et GitHub Pages sont gratuits pour un site statique. Un nom de domaine .com coûte 6 300 à 8 600 FCFA par an si vous le souhaitez.
Puis-je réaliser les projets sur téléphone ?
Non. Les leçons se lisent sur téléphone, mais les projets demandent un ordinateur avec VS Code et Google Chrome.
Comment payer depuis San-Pédro ?
Par Wave ou Orange Money. Vous recevez une facture pro forma par email, vous envoyez la preuve sur WhatsApp, et l'accès est activé sous 24 h ouvrées.
---
Passez à l'action. Inscrivez-vous à la formation HTML et CSS : créer et mettre en page un vrai site : 12 h, 50 000 FCFA, certificat Kolonell Academy vérifiable en ligne. Paiement Wave ou Orange Money. Une question ? WhatsApp +221 77 596 93 33.
Mohamed Bah
Fondateur, Kolonell
Passionné par le digital et l'entrepreneuriat en Afrique, Mohamed accompagne les entreprises sénégalaises dans leur transformation digitale depuis 2020. Fondateur de Kolonell, il croit que chaque PME mérite une présence en ligne professionnelle et accessible.
