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
  • 🎯 Pédagogie : Apports théoriques, exercices pratiques, études de cas, projet fil rouge
  • 🗓️ Délai d'accès : variable selon le mode de financement, généralement de 11 jours ouvrés à 1 mois après l'inscription. En savoir plus.
  • ♿ Accessibilité : Chaque demande émanant d'une personne en situation de handicap fait l'objet d'une étude de faisabilité et d'adaptation. Contactez notre référent handicap.
🏆
Passage de la certification obligatoire

Cette formation se conclut par le passage d'une certification officielle, indispensable à la validation de votre parcours.

Équipe pédagogique

Nos formations sont animées par des experts reconnus dans leur domaine possédant une expérience sur le terrain significative et des compétences pédagogiques reconnues.

Ressources pédagogiques

  • Support PDF récapitulatif
  • Fichiers d’exemples, starter kit HTML/CSS
  • Documentation HTML/CSS/JS en ligne (MDN, W3Schools)
  • Tutoriels pour héberger un site

Suivi de l'exécution et évaluation

  • Évaluation continue par les TP
  • Mini-projet final noté selon grille de critères
  • Feuille de présence
  • Questionnaire de satisfaction

Accessibilité

Nous accordons une attention particulière à l'accueil des personnes en situation de handicap. Si vous êtes concerné(e) et souhaitez suivre cette formation, nous vous invitons à nous contacter dès que possible. Ensemble, nous étudierons vos besoins spécifiques et mettrons en place les adaptations nécessaires pour garantir votre accès à la formation dans les meilleures conditions.

Fiche mise à jour le 4 mai 2026.