Aller au contenu
Langage & Développement informatique

Création de pages web avec HTML, CSS et JavaScript

Cette formation de 35 heures permet d’apprendre à concevoir des pages web structurées, visuellement attrayantes et interactives. Les participants découvrent le HTML pour la structure, le CSS pour le style,…

35h
Intermédiaire
Blended

Description de la formation

HTML : structure du contenu

  • Balises HTML : titres, paragraphes, listes, tableaux, liens, images
  • Structure sémantique (header, main, footer, nav…)
  • TP : création d’une page HTML complète

CSS : styles et mise en page

  • Sélecteurs, couleurs, polices, boîtes, marges, paddings
  • Flexbox, alignements, positionnements
  • TP : mise en forme d’une page HTML avec CSS

JavaScript : scripts simples

  • Variables, conditions, fonctions, boucles
  • Manipulation du DOM, écoute d’événements (click, input…)
  • TP : affichage dynamique, masquage, validation formulaire

Responsive design et médias

  • Media queries, grille responsive mobile-first
  • Intégration de vidéos, icônes, Google Fonts
  • TP : créer une page responsive multi-supports

Projet final et publication

  • Réalisation du mini-site (2-3 pages + styles + JS)
  • Organisation du projet (fichiers, arborescence)
  • Mise en ligne sur GitHub Pages ou hébergeur gratuit
  • Présentation, retours et corrections

Objectifs pédagogiques

  • Structurer une page avec les balises HTML principales
  • Styliser et rendre responsive une page web avec CSS
  • Ajouter de l’interactivité avec JavaScript (DOM, événements)
  • Créer, organiser et publier un site web statique

Programme détaillé

Module 1 HTML : structure du contenu
  • Balises HTML : titres, paragraphes, listes, tableaux, liens, images
  • Structure sémantique (header, main, footer, nav…)
  • TP : création d’une page HTML complète
Module 2 CSS : styles et mise en page
  • Sélecteurs, couleurs, polices, boîtes, marges, paddings
  • Flexbox, alignements, positionnements
  • TP : mise en forme d’une page HTML avec CSS
Module 3 JavaScript : scripts simples
  • Variables, conditions, fonctions, boucles
  • Manipulation du DOM, écoute d’événements (click, input…)
  • TP : affichage dynamique, masquage, validation formulaire
Module 4 Responsive design et médias
  • Media queries, grille responsive mobile-first
  • Intégration de vidéos, icônes, Google Fonts
  • TP : créer une page responsive multi-supports
Module 5 Projet final et publication
  • Réalisation du mini-site (2-3 pages + styles + JS)
  • Organisation du projet (fichiers, arborescence)
  • Mise en ligne sur GitHub Pages ou hébergeur gratuit
  • Présentation, retours et corrections

Prérequis

  • Aucune compétence technique requise
  • Être à l’aise avec un ordinateur et la navigation web

Public visé

  • Toute personne souhaitant apprendre à créer un site web : débutants, communicants, freelances, webmasters, profils en reconversion

Modalités de la formation

  • ⏱ Durée : 35h
  • 📍 Format : Mixte (présentiel + distanciel)
  • 📊 Niveau d'entrée : Intermédiaire
  • 👥 Effectif : 4 à 12 stagiaires (groupe restreint)
  • 🎯 Pédagogie : Apports théoriques, exercices pratiques, études de cas, projet fil rouge
  • ♿ Accessibilité : Formations accessibles aux personnes en situation de handicap. Contactez notre référent handicap.