🌐 Programme MSBM Tech & Service

Formation — Création de Site Web
HTML/CSS & WordPress

Maîtrisez les fondamentaux du web, créez des sites professionnels et lancez votre activité en ligne — de zéro à la mise en production.

36h
Durée totale
7
Modules
🏫
Présentiel + En ligne
Devis
Sur devis
📋 Présentation de la formation

Objectif général

Cette formation vous permet d'acquérir les compétences techniques et pratiques pour concevoir, développer et mettre en ligne un site web professionnel. À l'issue de la formation, vous serez capable de créer un site HTML/CSS de A à Z, d'administrer un site WordPress, de créer une boutique en ligne et de lancer une stratégie de visibilité digitale.

Public visé

Entrepreneurs, commerçants, artisans, salariés en reconversion, demandeurs d'emploi souhaitant créer ou gérer leur présence en ligne sans dépendre d'un prestataire externe. Aucune expérience en programmation n'est requise.

Prérequis

Utilisation basique d'un ordinateur Navigation Internet Boîte e-mail personnelle Aucune connaissance en code requise

Modalités pédagogiques

Cours théoriques interactifs, travaux pratiques guidés sur ordinateur, exercices en autonomie, quiz d'évaluation, projet final personnel. Formation disponible en présentiel (Guinée / France) et en ligne via plateforme dédiée.

📚 Contenu pédagogique détaillé
01
Comment fonctionne le web — Les bases indispensables
⏱ 3 heures  ·  Théorie & Découverte
Cours théorique

🎯 Objectifs pédagogiques

  • Comprendre ce qu'est un site web, un serveur, un nom de domaine et un hébergement
  • Distinguer site statique, site dynamique et application web
  • Savoir lire une URL et comprendre les requêtes HTTP basiques
  • Choisir le bon outil pour son projet (WordPress, HTML, Wix)
🖥️ Contenu des diapositives (8 slides)
1Internet vs web : les différences essentielles
2Comment un site s'affiche dans votre navigateur — requête HTTP en 6 étapes
3Noms de domaine : qu'est-ce que c'est, comment en choisir un
4Hébergement web : mutualisé, VPS, cloud — ce qui convient à une PME
5Site statique vs dynamique vs SaaS (Wix, Squarespace) — avantages et limites
6Les métiers du web : développeur front, back, designer, chef de projet
7Vocabulaire essentiel : HTML, CSS, JavaScript, CMS, base de données
8Quiz de validation — 20 questions

📦 Ressources incluses

📄 Glossaire du web 🎥 Vidéo : comment fonctionne internet en 5 minutes 📊 Tableau comparatif des solutions
✅ Évaluation
Quiz de 20 questions en fin de module
Score minimum requis : 70%
Correction collective et discussion en groupe
02
HTML — Structurer une page web
⏱ 5 heures  ·  Mise en pratique sur ordinateur
TP Pratique

🎯 Objectifs pédagogiques

  • Créer une page HTML valide de zéro
  • Utiliser correctement les balises sémantiques (header, nav, main, section, article, footer)
  • Insérer des images, liens, tableaux et formulaires
  • Valider son code HTML avec le W3C Validator
🖥️ Contenu des diapositives (7 slides)
1Structure d'une page HTML : doctype, html, head, body
2Les balises de contenu : h1–h6, p, strong, em, ul, ol, li
3Les liens et images : a href, img src, alt, target
4Balises sémantiques HTML5 : header, nav, main, section, article, aside, footer
5Les formulaires : input, select, textarea, button — créer un formulaire de contact
6Tableaux HTML : table, thead, tbody, tr, td, th
7Validation et accessibilité : W3C Validator, attributs aria

📦 Ressources incluses

📄 Fiche mémo balises HTML 💻 Fichiers de départ exercices 🔗 Accès W3C Validator en ligne 📋 Gabarit page HTML vierge
✅ Évaluation
Exercice pratique : créer une page CV en HTML valide
Validation du code via W3C Validator (0 erreur requis)
Revue de code par le formateur
03
CSS — Mettre en forme et rendre beau
⏱ 6 heures  ·  Mise en pratique sur ordinateur
TP Pratique

🎯 Objectifs pédagogiques

  • Appliquer des styles à n'importe quel élément HTML
  • Maîtriser le modèle de boîte (box model)
  • Créer des mises en page avec Flexbox et CSS Grid
  • Rendre son site responsive (mobile-first)
🖥️ Contenu des diapositives (7 slides)
1Sélecteurs CSS : élément, classe, id, attribut — lesquels utiliser
2Couleurs, typographie, espacement — les propriétés fondamentales
3Le box model : margin, padding, border, width — comprendre le calcul
4Flexbox : aligner et distribuer des éléments en une ligne
5CSS Grid : créer des mises en page complexes en 2 dimensions
6Media queries et design responsive : mobile-first en pratique
7Variables CSS et organisation du code — bonnes pratiques

📦 Ressources incluses

📄 Cheat sheet CSS Flexbox 📄 Cheat sheet CSS Grid 🎨 Palette de couleurs professionnelles 💻 Exercices Flexbox interactifs
✅ Évaluation
Intégration CSS d'une maquette fournie par le formateur
Rendu responsive (mobile + desktop)
Notation sur la propreté du code et le rendu visuel
04
Créer son premier site complet en HTML/CSS
⏱ 5 heures  ·  Projet guidé de A à Z
TP Pratique

🎯 Objectifs pédagogiques

  • Créer un site de 3 pages (accueil, services, contact) de A à Z
  • Intégrer des images, un formulaire fonctionnel et une navigation
  • Mettre le site en ligne sur un serveur (transfert via gestionnaire de fichiers)
  • Tester sur mobile et corriger les problèmes d'affichage
🖥️ Contenu des diapositives (6 slides)
1Architecture du projet : dossiers, fichiers, conventions de nommage
2La page d'accueil : hero section, services, call-to-action
3La navigation : menu fixe et menu burger mobile
4La page contact : formulaire HTML + validation côté client
5Images optimisées : formats WebP, redimensionnement, attribut loading="lazy"
6Mise en ligne : transfert de fichiers via gestionnaire d'hébergement, héberger chez un prestataire professionnel

📦 Ressources incluses

🗂️ Template de départ fourni 🖼️ Pack d'images libres de droits 📋 Checklist de mise en ligne 🔧 Guide de test multi-device
✅ Évaluation
Livraison d'un site 3 pages fonctionnel et hébergé
Test sur smartphone réel ou simulateur
Présentation orale de 5 minutes au groupe
05
WordPress — Créer un site professionnel sans coder
⏱ 6 heures  ·  Installation, configuration et création
TP Pratique

🎯 Objectifs pédagogiques

  • Installer WordPress en local et en production
  • Choisir et personnaliser un thème professionnel
  • Créer des pages, des articles et des menus de navigation
  • Installer les extensions essentielles (SEO, formulaire, sécurité, vitesse)
🖥️ Contenu des diapositives (8 slides)
1WordPress.org vs WordPress.com — quelle version choisir ?
2Installation en local avec XAMPP/LocalWP — pas à pas
3Le tableau de bord WordPress : pages, articles, médias, thèmes, extensions
4Choisir son thème : Astra, Kadence, Blocksy — critères et installation
5L'éditeur de blocs Gutenberg : créer ses pages sans coder
6Extensions indispensables : Yoast SEO, WPForms, Wordfence, WP Rocket
7Créer un menu de navigation et une page de contact fonctionnelle
8Mettre en ligne : migration local → production avec All-in-One WP Migration

📦 Ressources incluses

📥 Guide d'installation LocalWP 📋 Liste des extensions recommandées 🎨 Pack de thèmes gratuits testés 📄 Checklist sécurité WordPress
✅ Évaluation
Création d'un site WordPress fonctionnel avec 5 pages minimum
Configuration des extensions essentielles
Migration réussie du site local vers l'hébergement en ligne
06
WordPress avancé — WooCommerce & personnalisation
⏱ 6 heures  ·  E-commerce, design avancé & performances
TP Pratique

🎯 Objectifs pédagogiques

  • Créer une boutique en ligne avec WooCommerce
  • Configurer les paiements, la livraison et la TVA
  • Personnaliser un thème avec Elementor ou le customizer
  • Optimiser les performances et le SEO du site
🖥️ Contenu des diapositives (7 slides)
1WooCommerce : installation, configuration de base (monnaie, TVA, livraison)
2Ajouter des produits : simple, variable, virtuel — avec images et descriptions
3Paiements : PayPal, Stripe, virement bancaire — configurer et tester
4Elementor Page Builder : blocs visuels, drag-and-drop, responsive
5SEO WordPress : Yoast, balises title/description, sitemap XML
6Vitesse et performances : images WebP, mise en cache, lazy loading, score PageSpeed
7Sauvegardes automatiques et sécurité : UpdraftPlus, Wordfence

📦 Ressources incluses

🛒 Guide de configuration WooCommerce 💳 Tutoriel intégration Stripe/PayPal ⚡ Checklist optimisation PageSpeed 🔒 Guide sécurité WordPress avancé
✅ Évaluation
Boutique en ligne opérationnelle avec 10 produits minimum
Score PageSpeed > 70 validé par le formateur
Paiement test réussi via mode sandbox
07
Lancer et promouvoir son site
⏱ 5 heures  ·  SEO, analytics, stratégie digitale & projet final
Cours + TP

🎯 Objectifs pédagogiques

  • Rédiger du contenu optimisé pour le référencement naturel (SEO)
  • Connecter Google Analytics et Google Search Console
  • Configurer un nom de domaine et un e-mail professionnel
  • Créer une stratégie de contenu basique pour son activité
🖥️ Contenu des diapositives (7 slides)
1SEO on-page : titre, meta description, H1, mots-clés — les règles d'or
2Google Search Console : soumettre son site, analyser les performances
3Google Analytics 4 : installer et lire les statistiques de base
4E-mail professionnel : configurer contact@monsite.fr avec son hébergeur
5Réseaux sociaux : relier son site à Facebook, LinkedIn, Instagram
6Stratégie de contenu : plan éditorial simple pour un artisan ou une PME
7Examen final et présentation du projet

📦 Ressources incluses

📈 Modèle de plan éditorial Excel 🔍 Guide SEO débutant MSBM 📊 Tutoriel Google Analytics 4 📧 Guide configuration e-mail pro
✅ Évaluation finale
Présentation du projet final : site complet fonctionnel et en ligne
Google Search Console configurée et site indexé
Plan éditorial de 3 mois rédigé
Soutenance orale de 10 minutes devant le jury
🏆 Attestation de formation & débouchés

🎓 Attestation de Formation MSBM Tech & Service

À l'issue de la formation, chaque participant reçoit une Attestation de fin de formation MSBM Tech & Service.

📜 Attestation de fin de formation MSBM 🇫🇷 Valable France & Guinée 💼 Valorisable en freelance
ℹ️ Informations pratiques

📅 Organisation

Sessions en semaine (9h–18h) ou le week-end selon disponibilités. Groupe de 6 à 12 participants maximum pour un suivi individualisé. Chaque participant travaille sur son propre ordinateur (fourni si besoin en présentiel).

💰 Financement

Règlement sur devis, paiement direct (particulier ou entreprise).

📞 Contact & Inscription

MSBM Tech & Service SASU · Guinée & France
Pour toute inscription ou renseignement, contactez notre équipe pédagogique. Places limitées — inscription recommandée au moins 2 semaines avant le démarrage de la session.

📝 Je veux m'inscrire ou être rappelé(e)

Remplissez le formulaire — un conseiller MSBM vous rappelle rapidement pour confirmer votre inscription et répondre à vos questions.

📋 Informations pratiques

Durée
36 heures (7 modules)
Tarif
890 € TTC (particulier) · 1 690 € HT (entreprise)
Cours individuel : 55 € TTC/h · −10 % dès 3 inscrits d'une même entreprise · Paiement en 3 fois sans frais au-delà de 500 € (particuliers) · Formation sur mesure sur devis
Modalités d'accès
Entretien de positionnement gratuit, puis devis et convention de formation
Délai d'accès
Entrée en formation sous 15 jours ouvrés après la signature · Cours individuels sous 7 jours ouvrés
Évaluation
Quiz en fin de module (validation à 70 %), travaux pratiques, évaluation finale et questionnaire de satisfaction
Sanction
Attestation de fin de formation MSBM
Accessibilité
Formation ouverte à tous · En situation de handicap, contactez notre référent handicap avant l'inscription — Ismaël NABE, formation@msbm-tech.fr, 01 62 04 54 06
Résultats
Offre lancée en 2026 — taux de satisfaction et de réussite publiés dès les premières sessions
Contact
formation@msbm-tech.fr · 01 62 04 54 06