Aller au contenu
Présentiel Distanciel

Formation HTML, CSS et Responsive Design

Découvrir les bases pour concevoir des pages web lisibles, adaptées à tous les écrans et prêtes à soutenir une présence digitale crédible.

Référence formation :
MOD_20261926
Durée :
35 heures
Satisfaction :
Prix :
3280 € HT
Pré-inscription

Présentation de la formation

Créer un site web pour son commerce, mettre en ligne un carnet de voyage ou publier un portfolio pour présenter ses créations, les motivations pour apprendre HTML et CSS sont nombreuses, et les possibiliés que ces langages offrent sont quasi-infinies. Cette formation sur 5 jours vous permettra d’acquérir les bases du développement web, de la mise en place d’une structure HTML, à l’application de styles CSS, en passant par la mise en ligne de votre site sur un serveur, sans oublier bien sûr les bonnes pratiques.

Objectifs pédagogiques

  • Utiliser Visual Studio pour créer des pages Web
  • Connaître les caractéristiques du HTML, créer et styliser une page HTML
  • Ajoutez de l’interactivité à une page HTML avec JavaScript
  • Créer des formulaires HTML en utilisant différents types de saisie
  • Style des pages HTML en utilisant le CSS
  • Ajouter des graphiques avancés à une page HTML en utilisant des éléments Canvas et en utilisant des graphiques vectoriels évolutifs

Public visé

  • Toute personne intéressée par la création de pages web à l’aide des langages HTML et CSS

Prérequis

  • Bonnes connaissances du HTML 
  • Connaissances de base en programmation 

Introduction 

  • Comment fonctionne un site web ?
  • Petite histoire du web
  • Le protocole HTTP
  • Présentation du langage HTML
  • Structure d’un document HTML
  • Le doctype
  • Le head et le body
  • Positionnement de HTML par rapport à CSS
  • Présentation des outils (Visual Studio Code ou autre)

 

Les balises

  • Ecriture des balises
  • Les balises à contenu et les balises vides
  • Les attributs de balise
  • Les balises de titre
  • Les balises de structure
  • Les liens
  • Les listes
  • Les tableaux

 

Les formulaires

  • Les champs du formulaire
  • Les différents éléments du formulaire
  • Action et method
  • Bonnes pratiques

 

Nouveautés introduites avec HTML5

  • Les nouvelles balises de structure
  • Les nouveaux inputs de formulaire
  • Validation native des formulaires
  • Ajouter du son et des vidéos
  • Le canvas
  • Le format SVG

 

Appliquer du style

  • Utilité des feuilles de style
  • Où écrire le CSS ?
  • Syntaxe de base
  • Les sélecteurs
  • Quelques propriétés de base
  • Les couleurs (RGB, HSL, HEX)

 

Structure de la page

  • Les éléments block, inline et inline-block
  • Marges et bordures
  • Le positionnement dans le flux
  • Position relative et absolue
  • Autres positions

 

Nouveautés introduites avec CSS3

  • Les nouveaux sélecteurs
  • Créer des dégradés
  • Les bordures arrondies
  • Les effets de texte
  • Les transitions
  • Les animations
  • Le positionnement en grille
  • Le positionnement Flexbox
  • Les media queries

 

Aller plus loin

  • Bonnes pratiques
  • Optimiser le référencement naturel
  • Mettre en ligne son site
  • Les frameworks CSS
  • Introduction à JavaScript
Télécharger le programme .pdf

Dernière mise à jour le 24 septembre 2026

Prochaines sessions

Modalités pratiques et pédagogiques

Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :

  • Formation en présentiel
    • En groupe (inter-entreprises ou intra-entreprise)
    • En individuel (monitorat)
    • En journée ou en cours du soir (sur demande spécifique)
  • Formation en distanciel
    • Distanciel synchrone
    • Distanciel asynchrone

  • Alternance d’apports théoriques et de mises en pratique contextualisées.
  • Progression pédagogique structurée, de la compréhension à la mise en œuvre opérationnelle.
  • Pédagogie immersive favorisant une mise en application immédiate des compétences.
  • Formation interactive et participative s’appuyant sur des ateliers pratiques, études de cas et échanges collectifs (+ 60 % du temps de formation.)
  • Séquences pédagogiques rythmées et évaluations formatives régulières pour renforcer l’ancrage des apprentissages.
  • Supports de cours, ressources documentaires et références mis à disposition par le formateur

En amont de la formation (évaluation en ligne dans l’extranet apprenant)

  • Recueil des besoins et des attentes des participants.
  • Auto-positionnement permettant d’évaluer le niveau initial des apprenants.

 

Tout au long de la formation

  • Évaluations continues réalisées par le formateur à travers des questions orales, exercices, QCM, études de cas et mises en situation pratiques.

À l’issue de la formation (évaluations en ligne dans l’extranet apprenant)

  • Auto-positionnement afin de mesurer l’acquisition des compétences visées.
  • Validation de l’acquisition des compétences par le formateur
  • Questionnaire de satisfaction « à chaud » à l’issue de la formation
  • Questionnaire de satisfaction « à froid », 45 jours après la formation afin d’évaluer l’ancrage des acquis et leur mise en application en situation professionnelle.

Nous consulter.

Nos formations peuvent être adaptées à certaines conditions de handicap. Nous contacter pour toute information et demande spécifique.

Formations associées

À distance Présentiel 21h
Développement Web & Logiciel

Formation C++, Coder en programmation orientée objet (Avancé)

À partir de 2 120€

À distance Présentiel 7h
Développement Web & Logiciel

Formation Python, Introduction à la programmation

À partir de 950€