Formation
HTML / CSS

Intitulé de la Formation HTML CSS

HTML / CSS : créer un site Web responsive et optimisé pour le SEO

Objectif de la Formation HTML CSS

À l’issue de la formation, le stagiaire sera capable de créer un site Web simple en local, de structurer des pages en HTML, de les mettre en forme avec le CSS, d’intégrer les bases du responsive design (media queries et Bootstrap) et d’appliquer les bonnes pratiques essentielles pour un code lisible et optimisé SEO.

Prérequis pour la Formation HTML CSS

Maîtrise de l’environnement informatique (Windows ou macOS)
Aucun prérequis en graphisme ou en InDesign

Objectifs pédagogiques

À l’issue de la formation, le stagiaire sera capable de :

  • Comprendre le rôle du HTML, du CSS et des standards du Web (W3C)
  • Mettre en place un environnement de travail (éditeur, arborescence, site en local)
  • Créer des pages HTML structurées et conformes
  • Mettre en forme une page avec une feuille CSS
  • Créer des mises en page responsives (media queries + Bootstrap)
  • Préparer et publier un site via FTP
  • Optimiser les pages pour le SEO (balises, métadonnées, structure)

Tout public

  • Débutants en développement Web
  • Chargés de communication / marketing
  • Entrepreneurs / indépendants
  • Créateurs de sites Internet
  • Toute personne souhaitant maîtriser le HTML et le CSS

Durée totale : 4 jours – 28 heures
Modalité : présentiel / distanciel / intra entreprise
Effectif : 1 à 6 participants
Horaires : modulables

Module 1 – Comprendre HTML/CSS et préparer son environnement

  • Découvrir le rôle du HTML et du CSS
  • Comprendre l’intérêt des standards du Web (W3C)
  • Créer un site internet en local : méthode et bonnes pratiques
  • Construire l’arborescence d’un site web (fichiers, dossiers, ressources)
  • Installer et utiliser un éditeur de code
  • Découvrir un logiciel FTP (FileZilla) pour la mise en ligne

Module 2 – HTML : structurer une page Web

  • Comprendre la structure d’une page HTML
  • Utiliser les commentaires
  • Maîtriser la syntaxe : titres, paragraphes, listes
  • Insérer des images et gérer les chemins
  • Créer des liens internes et externes
  • Construire des formulaires simples
  • Structurer une mise en page avec les div
  • Créer et comprendre un tableau HTML
  • Intégrer un contenu externe avec iframe
  • Distinguer balises block et inline
  • Utiliser les balises de structure et organiser le contenu
  • Identifier des ressources utiles pour progresser

Module 3 – CSS : mise en forme et responsive design

  • Lier une feuille de style à une page HTML
  • Comprendre les principales propriétés CSS (texte, blocs, marges, bordures, couleurs…)
  • Structurer une mise en page simple en CSS
  • Adapter un affichage avec les media queries
  • S’appuyer sur des ressources et tutoriels (ex. W3Schools)

Module 4 – SEO : optimiser le code et les pages

  • Comprendre l’impact du code HTML sur le référencement
  • Rédiger une meta description efficace
  • Utiliser meta robots selon l’objectif
  • Comprendre les balises Open Graph (partage réseaux sociaux)
  • Optimiser les images avec l’attribut alt
  • Structurer l’importance des contenus : titres et hiérarchie
  • Utiliser strong de manière pertinente
  • Assurer la cohérence globale des pages (structure, titres, contenus)

Module 5 – Bootstrap : créer une page responsive rapidement

  • Comprendre l’intérêt de Bootstrap
  • Installer Bootstrap (en local ou via CDN)
  • Utiliser le système de grilles responsive
  • Créer une page d’accueil responsive (RWD)
  • Utiliser les principales classes Bootstrap
  • S’appuyer sur la documentation officielle
  • Utiliser les composants essentiels
  • Adapter des templates et les personnaliser

Module 6 – Mise en pratique et publication

  • Réaliser un mini-site internet ou une page d’accueil complète
  • Mettre en place une arborescence propre
  • Intégrer HTML + CSS + responsive + bonnes pratiques SEO
  • Publier le site web via FTP (FileZilla)
  • Apports théoriques
  • Démonstrations commentées
  • Exercices pratiques progressifs
  • Mise en situation sur des cas concrets
  • Support pédagogique remis en fin de formation
  • Ordinateur et connexion Internet
  • Vidéoprojecteur ou partage d’écran
  • Éditeur de code
  • Environnement local (selon besoin)
  • Accès FTP / FileZilla
  • Supports de cours numériques
  • Évaluations formatives tout au long de la formation
  • Exercices pratiques
  • Réalisation d’une page ou d’un mini-site responsive
  • Questionnaire d’auto-évaluation en fin de formation

Attestation de fin de formation remise au stagiaire

La formation est accessible aux personnes en situation de handicap.
Pour toute demande d’adaptation, merci de nous en faire part afin d’étudier ensemble les solutions possibles.

Inscription sur demande
Le délai d’accès varie en fonction du mode de financement retenu. Un délai supplémentaire peut être nécessaire dans le cadre d’un financement via le CPF.

Tarif : NC
Financements possibles selon éligibilité : OPCO, FAF, financement personnel.
Formation éligible au financement par le Compte Personnel de Formation (CPF).

Intéressé par cette formation ?

Ce programme peut être adapté à votre niveau, à vos objectifs et à votre contexte professionnel.
Discutons ensemble des modalités, du contenu et des solutions de financement possibles.

contactez-moi