HTML / CSS – Créer de pages web

Cette formation vous permet d’apprendre à créer des pages web modernes, accessibles et structurées en HTML et CSS. Elle s’adresse aux débutants souhaitant acquérir les bases du développement front-end. Vous apprendrez à organiser le contenu, structurer l’interface et appliquer une mise en page responsive.

Pour qui ?

Personnes débutants en développement web, intégrateurs HTML, communicants, community managers souhaitant créer ou modifier des pages web simples.

Introduction au web et aux langages HTML/CSS

  • Fonctionnement d’un site web : client, serveur, navigateur
  • Rôle et complémentarité de HTML, CSS et JavaScript
  • Outils nécessaires : éditeur de code, navigateur, validation W3C

Structuration d’une page avec HTML

  • Balises de base
  • Titres, paragraphes, listes, liens, images, séparateurs
  • Sémantique HTML5
  • Formulaires HTML

Mise en forme avec CSS

  • Syntaxe CSS, sélecteurs simples et combinés
  • Propriétés de texte, couleurs, bordures, arrière-plans
  • Marges, paddings, dimensions et modèles de boîte
  • Liens entre HTML et CSS

Organisation et hiérarchisation du code CSS

  • Classes et identifiants
  • Cascade, héritage et spécificité
  • Organisation des styles dans un fichier dédié
  • Utilisation de commentaires et normalisation

Positionnement et mise en page

  • Positionnements
  • Boîtes flottantes
  • Introduction à Flexbox pour les mises en page modernes
  • Alignement, centrage des éléments, grilles simples

Responsive design (adaptabilité mobile)

  • Media queries : principes et syntaxe
  • Unités relatives vs unités fixes
  • Mise en page fluide et approche mobile-first
  • Utilisation de Flexbox pour les interfaces adaptatives

Accessibilité et bonnes pratiques

  • Structure lisible et compatible avec les lecteurs d’écran
  • Contrastes, tailles de police, balises alternatives
  • Validation W3C et compatibilité multi-navigateurs
  • Apprendre à structurer une page web en HTML selon les standards
  • Styliser et mettre en forme les éléments avec les feuilles de style CSS
  • Concevoir des pages web adaptatives pour tous les types d’écrans
  • Connaissance de l’environnement Windows 

Modalités de mise en œuvre de l’action de formation

Au démarrage de la session, le formateur échangera avec le(s) stagiaire(s) afin d’effectuer une analyse de leurs attentes, de leurs besoins et de leurs acquis.

Moyens pédagogiques, techniques et d’encadrement :

  •  Moyens et méthodes pédagogiques :
    o Apports théoriques et mises en pratique.
    o Chaque point du programme fait l’objet d’une explication théorique appuyée d’une démonstration. Elle est suivie d’une mise en pratique par le biais d’exercices concrets
  •  Moyens techniques :
    o Un ordinateur équipé des logiciels et outils nécessaires à la réalisation de la formation
  •  Moyens d’encadrement :
    o Formateur possédant plusieurs années d’expérience
    o Chargé(e) du projet Numerica

Moyen de suivre l’exécution de la formation :

  • Une feuille d’émargement sera signée par les stagiaires à chaque début de session (matin et après-midi)

Moyens permettant d’évaluer les résultats de la formation :

  • Une évaluation de la formation sera complétée par le stagiaire au terme de la session
  • Le formateur évaluera les acquis des stagiaires tout au long de la formation par des mises en situations pratiques.
Durée : 4 jours
Tarif : 2 560 € HT

Dijon :

Session 1 :

Du 14 au 17/10/2025

Montbéliard :

Session 1 :

Du 2 au 5/12/2025

Cette formation peut-être réalisée en session sur-mesure.

Contactez-nous pour construire ensemble une formation adaptée à vos besoins.