Formation HTML, CSS et Responsive Design – Conception de pages Web

3 jours (21 h)
Inter : 1 800,00 € HT/pers
Intra : nous consulter

Description title-border

Les objectifs

  • Maîtriser les balises essentielles de HTML pour structurer des pages Web.

  • Appliquer des styles CSS pour améliorer la présentation des pages.

  • Concevoir des mises en page adaptatives grâce aux techniques de Responsive Design.

  • Intégrer des éléments multimédias (images, vidéos) et des formulaires interactifs.

  • Optimiser des pages Web pour différents appareils et tailles d’écrans.

Public visé

  • Débutants ou professionnels souhaitant acquérir les bases du développement Web.

  • Intégrateurs ou designers Web souhaitant structurer et styliser des pages Internet.

  • Toute personne impliquée dans la création ou la maintenance de contenu Web.

Prérequis

  • Aucun prérequis technique n’est nécessaire, mais la maîtrise de l’utilisation d’un ordinateur est attendue.

  • Connaissances de base en navigation Web et manipulation de fichiers sont un plus.

Le programme

Jour 1
Matinée

1. Introduction à HTML et structure de pages

  • Présentation du Web et rôle de HTML dans la création de pages.
  • Syntaxe de base, balises essentielles et hiérarchie des éléments.
  • Structuration logique du contenu avec titres, paragraphes, listes.
  • Ajout de liens hypertexte et navigation entre pages.
  • Atelier pratique : création d’une page HTML structurée.
Après-midi

2. Éléments multimédia et liens avancés

  • Intégration d’images, optimisation des formats et attributs.
  • Inclusion de vidéos et audio natifs avec les éléments HTML5.
  • Utilisation des balises sémantiques pour des pages mieux organisées.
  • Cas d’usage : structuration d’une page Web multimédia.
  • Exercices guidés : enrichir une page Web avec des ressources externes.
Jour 2
Matinée

3. Introduction à CSS et styles de base

  • Introduction à la cascade CSS, sélecteurs et héritage.
  • Propriétés fondamentales : couleur, typographie, arrière plan.
  • Mise en forme de paragraphes, listes et tableaux.
  • Box model : marges, bordures, padding et dimensions.
  • Atelier pratique : application de styles CSS à des pages HTML.
Après-midi

4. Mise en page avec CSS

  • Positionnements (static, relative, absolute, fixed).
  • Display et float pour disposition d’éléments.
  • Introduction à Flexbox pour la mise en page flexible.
  • Exercices pratiques : organiser des blocs de contenu avec CSS.
Jour 3
Matinée

5. Responsive Design et techniques adaptatives

  • Concepts du Responsive Design et Mobilefirst.
  • Media queries pour adapter le style selon la taille d’écran.
  • Grilles de mise en page simples et adaptation des composants.
  • Optimisation des images et médias pour différents écrans.
  • Atelier : transformer une page statique en page responsive.
Après-midi

6. Projets, bonnes pratiques et synthèse

  • Consolidation des acquis à travers un mini‑projet de page Web complète.
  • Tests d’affichage sur plusieurs appareils et navigateurs.
  • Bonnes pratiques : accessibilité, performance, optimisation des styles.
  • Review collective des projets des participants.
  • Bilan de la formation et pistes pour aller plus loin dans le développement Web.
Dernière mise à jour : 23 avril 2026

En présentiel ou à distance : à vous de choisir

Dans vos locaux

Pour ancrer les apprentissages et encourager la dynamique collective.

En classe virtuelle

Pour allier flexibilité et interactions en temps réel avec le formateur.

Dans nos locaux

Pour favoriser la concentration, les échanges et le confort des apprenants.

Les modalités de formation

Suivi et évaluation :

  • Recueil des besoins en amont pour identifier les attentes du stagiaire
  • Évaluation continue : études de cas et travaux pratiques pendant la formation
  • Évaluation finale : questionnaire d'auto-évaluation

Format et encadrement :

  • Formation équilibrée alliant théorie et pratique (minimum 50%)
  • Sessions en petits groupes (2 à 9 participants) pour un suivi personnalisé
  • Émargement par demi-journée et remise d'une attestation de formation

Moyens pédagogiques et techniques :

  • Méthodes interactives et suivi des acquis : travaux pratiques, projet fil rouge, mises en situation, démonstrations, QCM…
  • Les stagiaires doivent être équipés de leur matériel informatique pour suivre la formation, que ce soit dans nos locaux ou sur site externe.
  • Il appartient au client de veiller à ce que le matériel mis à disposition soit conforme aux prérequis techniques indiqués dans le programme de formation.
  • Accessibilité : nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d'adapter les sessions en cas de situations spécifiques. Nous nous engageons à répondre à toutes les demandes dans un délai de 48h ouvré.

Conditions et délais d'accès :

  • Si l'une de nos formations vous intéresse, contactez-nous au +33 04 93 65 34 24 ou à l'adresse mail contact@le-code.dev. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d'adapter la formation et ses modules, puis nous vous adresserons un devis. Les dates de la formation seront à convenir sous 30 jours maximum.
  • Concernant les formations Actions Collectives, l'inscription est possible jusqu'à 24h ouvrées avant le début de la formation.