CMS & Technologies Web

Autres formations Technologies Web

Formation HTML / CSS : Apprendre à Créer et Styliser des Pages Web Responsives

Dominez le digital avec des pages web responsives, optimisées pour une performance et efficacité maximales.

Niveau :

Satisfaction de nos apprenants en 2024 : 98%
Taux d’assiduité : 100%

Tout savoir sur votre formation :

Formez-vous selon vos disponibilités !
Vous proposez 3 dates au choix et votre formateur vous confirme la date souhaitée.

En présentiel dans votre entreprise, dans l’un de nos 54 centres de formation ou en distanciel par visioconférence.

Formations individuelles sur-mesure
ou
Formations Intra entreprise sur-mesure.

Éligible aux Financements :
OPCO, Entreprise, France Travail...
Formation non prise en charge par le CPF.

Accueil / CMS & Technologies Web / Formation HTML / CSS : Apprendre à Créer et Styliser des Pages Web Responsives

Accueil / Nos formations digitales / Formation HTML / CSS : Apprendre à Créer et Styliser des Pages Web Responsives

Contexte

Le langage HTML et le CSS sont les éléments constituant la base d’une page web, d’une landing page ou d’un site Internet.

HTML est un langage informatique incontournable car il permet de représenter et de structurer toutes les pages d’un site internet.

Le CSS quant à lui permet d’ajouter des styles, des couleurs, des mises en formes à vos documents. HTML et CSS sont des langages de programmation très abordables et complémentaires qu’il est nécessaire de maîtriser…

Expertisme vous accompagne dans la maîtrise de ce langage de programmation web. En étant accompagné par un Formateur Expert Métier, vous apprendrez durant 2 jours à utiliser un éditeur de code HTML pour coder ou modifier une page web.

Vous serez en mesure de concevoir une page html, d’ajouter du texte, de construire un menu de navigation, d’insérer des images, des formulaires, des tableaux.

Vous apprendrez également à mettre en forme votre page web avec les feuilles de styles et à utiliser des Framework avancés permettant de rendre dynamique vos créations web.

En résumé

Cette formation HTML / CSS vous permet d’acquérir, en un temps court, les réflexes indispensables pour créer, modifier et mettre en forme des pages web professionnelles, lisibles sur tous les écrans. Accompagné par un Formateur Expert Métier, vous pratiquez directement dans un éditeur de code afin de devenir autonome dans la conception de vos pages HTML et de leurs styles CSS.

Ce que cette formation va réellement changer pour vous :
• Comprendre la structure d’une page HTML5 et organiser vos contenus de manière claire et sémantique.
• Maîtriser les bases essentielles de CSS3 pour mettre en forme textes, blocs, tableaux, formulaires et médias.
• Rendre vos pages web responsives grâce aux Media Queries et aux techniques modernes de mise en page (flex, grid).
• Intégrer images, vidéos, sons, iframes et liens hypertexte pour enrichir l’expérience utilisateur.
• Publier vos pages ou votre mini-site sur un serveur en ligne et adopter les bonnes pratiques de compatibilité navigateurs.

À qui s’adresse cette formation ?

Cette formation s’adresse à tout professionnel du web, Développeurs web, webmasters, souhaitant découvrir le langage HTML et la mise en forme CSS.

Pré-requis

Être muni d’un ordinateur relié à Internet, possédant une caméra, un micro et un haut-parleur.

Objectifs

Décrire la structuration d’une page HTML5
Apprendre à manipuler les styles CSS et les relier aux éléments d’une page
Utiliser les blocs et les tableaux
Créer des formulaires
Exploiter les Media Queries pour s’adapter aux tailles d’écran
Expliquer la philosophie des framemorks HTML / CSS pour le développement
responsive.

Programme

1. INTRODUCTION
- Les différentes versions du HTML
- Les standards du web
- Compatibilité avec les navigateurs
2. STRUCTURE DE BASE D’UN DOCUMENT HTML
- Le doctype
- La balise HTML
- Définition de l’encodage
- La balise head
- La balise body
3. MIEUX STRUCTURER SES PAGES
- header
- nav
- section
- article
- aside
- footer
4. METTRE EN FORME DU TEXTE
- Le formatage du texte : gras, italique, soulignement, mise en évidence …
- Les balises d’entêtes
- Les listes ordonnées
- Les listes non ordonnées
- Les listes de définition
- Les abréviations
- Les espaces insécables, les sauts de ligne …
- Les paragraphes
5. LES TABLEAUX
- Insertions de tableaux
- Insertion, suppression de lignes et colonnes
- Fusionner des lignes et colonnes
- Fractionner des lignes et colonnes
- caption, col, colgroup
6. LES LIENS HYPERTEXTE
- Création de lien hypertexte sur du texte
- Création de lien hypertexte sur des images
- Création de lien vers messagerie
- Les attributs
7. LES IMAGES
- Les formats d’images du web
- Les nouveaux formats
- Les contraintes liées aux images
- Insertion d’images
- Les attributs
- figure, figcaption
8. LES MEDIAS (VIDEO, SON, IFRAMES...)
- Insertion de vidéos
- Insertion de sons
- Utilisation d’iframe (Youtube, Google maps …)
9. LES FORMULAIRES HTML
- La balise form
- Les champs de texte
- Les zones de texte
- Les listes déroulantes
- Les boutons radio
- Les cases à cocher
- Les boutons
10. METTRE EN LIGNE SON SITE OU SA PAGE WEB
- De quoi ai-je besoin ?
- Client et serveur FTP
- Les outils indispensables
11. NORME ACTUELLE ET TENDANCE DU CSS
- Norme actuelle et tendance du CSS
- Evolution du CSS
- Compatibilité dans les navigateurs
12. OÙ PLACER LE CODE CSS
- Feuille de style externe
- Dans un document
- Dans un style intégré
- Avantages et inconvénients des différentes méthodes
13. METTRE EN FORME À L'AIDE DE CSS
- Principe des styles
- Créer des règles de style
- Bonnes pratiques pour structurer le CSS
14. LES SELECTEURS CSS
- Les sélecteurs de type
- Les sélecteurs de classe
- Les sélecteurs d’identifiant
- Le sélecteur universel
- Les sélecteurs d’attribut
- Les combinateurs
- Les pseudo-classes
- Les pseudo-éléments
15. LES BASES DU CSS
- La gestion du texte, polices, couleur, taille, mise en évidence…
- Les arrière-plans
- Les blocs
- Les boites
- Les bordures
- Les listes
- Le positionnement (absolu, relatif, fixe …)
16. LE CSS3
- Les couleurs (RGB, RGBA), les dégradés, l’opacité
- Les arrière-plans multiples, ajustement au conteneur
- Les ombres et effets d’ombres
- Les bordures et les coins arrondis
- Utilisation de polices personnalisées
- Les transformations
- Les transitions
- Les animations
17. GESTION DES COLONNES
- Ancienne méthode : float
- Les méthodes récentes : grid, column, flex
- Les avantages et inconvénients, la compatibilité avec les navigateurs
18. LE RESPONSIVE WEB DESIGN (RWD)
- Adaptation aux périphériques
- Les media Queries
- Les frameworks: Bootstrap, foundation, Materialize : Panorama des frameworks pour aller plus loin

Version 5. Mise à jour le 01/01/2026
© EXPERTISME – Groupe SELECT® 2025 Tous droits réservés. Les textes présents sur cette page sont soumis aux droits d’auteur.

Pourquoi choisir EXPERTISME ?

EXPERTISME privilégie une approche 100 % opérationnelle, orientée résultats et adaptée à votre contexte.

• Formateurs Experts Métiers soigneusement sélectionnés, spécialistes du HTML / CSS avec plus de 7 ans d’expérience.
• Pédagogie centrée sur la pratique : vous codez, testez, corrigez et améliorez vos pages en temps réel.
• Formation structurée pour passer rapidement de la théorie aux cas concrets rencontrés en entreprise.
• Possibilité d’aborder vos propres pages ou projets pour un transfert immédiat dans votre quotidien.
• Supports, exemples et bonnes pratiques directement réutilisables dans vos futurs développements.

Notre mission: vous rendre autonome, efficace et rentable dans la création et la conception de vos projets HTML / CSS.

Quelle formation est faite pour vous selon votre problématique ?

Vous ne savez pas quelle formation choisir ? Repérez votre situation ci-dessous :

Votre enjeu métier	Formation recommandée	Valeur ajoutée obtenue
Créer une structure de site ou de pages web complètes en maîtrisant HTML / CSS de base	Cette formation : Formation HTML / CSS : Apprendre à Créer et Styliser des Pages Web Responsives	Acquérir les fondamentaux pour concevoir, structurer et styliser des pages web responsives, prêtes à être mises en ligne.
Mettre en place un espace collaboratif documentaire ou un intranet sous forme de wiki	Formation MediaWiki : Apprenez à créer votre propre wiki	Idéal si votre priorité est l’organisation et le partage de connaissances plutôt que l’intégration HTML / CSS détaillée.
Structurer vos idées, vos projets web et vos parcours utilisateurs avant l’intégration HTML / CSS	Formation XMind Pro : Maîtrisez le MindMapping et la Création de Cartes Heuristiques	Permet de clarifier vos contenus et vos arborescences avant de passer à la conception de pages HTML / CSS.
Construire un site géré par un CMS .Net avec des modèles et des vues MVC	Formation CMS Umbraco - Niveau avancé : Création de Sites Web avec .Net et MVC	Adaptée si vous travaillez déjà dans un environnement .Net et souhaitez aller au-delà du simple HTML / CSS pour industrialiser vos sites.
Optimiser la performance de vos pages de conversion et de vos tunnels marketing	Formation Création, optimisation de vos Landing Pages	Complémentaire à HTML / CSS pour travailler le contenu, la structure et les leviers de conversion de vos pages clés.

Formation HTML / CSS : Apprendre à Créer et Styliser des Pages Web Responsives disponible partout en France

Chaque année, de nombreux professionnels se forment avec EXPERTISME.
Nos Formateurs Experts Métiers interviennent en individuel sur-mesure ou en intra entreprise-sur-mesure régulièrement dans :
• L’un de nos 54 centres à Paris, Lyon, Lille, Bordeaux, Toulouse, Marseille, Nice…
• Directement dans votre entreprise partout en France.
• En distanciel par visioconférence.
• Mais aussi à Le Mans, Tours.
Découvrir nos centres de formation

Points forts de la formation

Votre plan pédagogique de formation sur-mesure avec l’évaluation initiale de votre niveau de connaissance du sujet abordé.
Des cas pratiques inspirés de votre activité professionnelle, traités lors de la formation.
Un suivi individuel pendant la formation permettant de progresser plus rapidement.
Un support de formation de qualité créé sur-mesure en fonction de vos attentes et des objectifs fixés, permettant un transfert de compétences qui vous rende très rapidement opérationnel.
Les dates et lieux de cette formation sont à définir selon vos disponibilités.
Animation de la formation par un Formateur Expert Métier.
La possibilité, pendant 12 mois, de solliciter votre Formateur Expert sur des problématiques professionnelles liées au thème de votre formation.
Un suivi de 12 mois de la consolidation et de l’évolution de vos acquis.

FAQ – Questions fréquentes sur notre formation

La formation HTML / CSS est-elle accessible en distanciel ?
Oui, la formation est disponible en distanciel par visioconférence ce qui vous permet d’enregistrer et de conserver un support vidéo de votre formation en plus du support de formation.
Quel niveau dois-je avoir pour suivre cette formation HTML / CSS ?
Aucun niveau avancé en développement n’est requis. La formation est conçue pour des débutants ou des profils ayant quelques notions de base et souhaitant structurer leurs connaissances. L’important est d’être à l’aise avec l’usage courant d’un ordinateur et d’Internet.
Quels outils sont utilisés pendant la formation ?
Vous utiliserez un éditeur de code (gratuit ou déjà présent dans votre environnement), un ou plusieurs navigateurs web pour tester vos pages, ainsi que des outils simples de transfert de fichiers si vous souhaitez mettre vos pages en ligne. Tous les outils nécessaires sont présentés et expliqués par le formateur.
Les formateurs sont-ils de vrais experts HTML / CSS ?
Nos Formateurs Experts Métiers sont des experts avec en moyenne plus de 7 ans d’expérience. Ils pratiquent HTML / CSS au quotidien dans des projets concrets et adaptent le contenu de la formation à votre contexte et à vos objectifs.
Vais-je repartir avec des exemples de code réutilisables ?
Oui, vous repartez avec le support de formation, les fichiers de travaux pratiques réalisés pendant la session, ainsi que des exemples de structures de pages et de feuilles de styles que vous pouvez réutiliser et adapter à vos propres projets.

Approche Pédagogique

L’approche pédagogique a été construite sur l’interactivité et la personnalisation : Présentation illustrée et animée par le Formateur Expert, partage d’expériences, études de cas, mise en situation réelle.
Tous les supports sont fournis par support papier, mail ou clé USB à chaque stagiaire.

Méthodologie pédagogique employée :
Chaque formation en présentiel ou en distanciel est animée par un Formateur Expert Métier sélectionné selon ses compétences et expériences professionnelles. Apport d’expertise du Formateur, quiz en début et fin de formation, cas pratiques, échanges d’expérience. Accès en ligne au support de formation.

Modalités employées et évaluation :
Évaluation et positionnement lors de la définition du plan pédagogique avec le ou les stagiaires. Un QCM est soumis aux stagiaires le dernier jour de la formation pour valider les acquis. Une correction collective est effectuée par le Formateur. Un bilan de fin de stage à chaud est organisé entre le Formateur et le ou les stagiaires pour le recueil et la prise en compte de leurs appréciations. Une attestation de fin de stage est remise aux stagiaires.

Accessibilité

Toute demande spécifique à l’accessibilité de la formation par des personnes handicapées donnera lieu à une attention particulière et le cas échéant une adaptation des moyens de la formation.
Public en situation de handicap, contactez notre référent handicap au 01 42 66 36 42.

Formateur

Nos Formateurs sont des Experts Métiers intervenants sur les prestations inhérentes sur la thématique de la formation. Ils réalisent les audits et co-construisent l’offre et le déroulé de la formation avec l’Ingénieur Pédagogique avant validation par le Responsable Pédagogique. Ils sont sélectionnés pour leurs compétences pédagogiques et leurs expériences dans la formation pour adultes.

Prêt à maîtriser Formation HTML / CSS : Apprendre à Créer et Styliser des Pages Web Responsives ?

N’attendez pas pour vous former dans un de nos 54 centres à Paris, Lyon, Lille, Bordeaux et Toulouse, mais aussi directement en entreprise partout en France ou à Le Mans, Tours.
Demandez dès maintenant votre devis personnalisé ou programme détaillé

Référence : PLATDIG-8

Durée : 14 heures soit 2 jours

Tarif : 1.950 € HT / Personne

Cette formation vous intéresse ?

Nos Formateurs Experts Métiers conçoivent votre formation individuelle sur mesure lors de la définition de votre projet pédagogique !

Remplissez le formulaire suivant :

L’un de nos conseillers vous contactera
dans les meilleurs délais.

Partagez cette formation :

Référence : PLATDIG-8

Durée : 14 heures soit 2 jours

Tarif : Sur Devis

Formez vos équipes !

à partir de 4 collaborateurs
Nos Experts conçoivent votre formation intra-entreprise sur mesure lors de la définition de votre plan pédagogique !

Partagez cette formation :

Témoignages
de nos apprenants

« Formation complète sur le social Selling sur LinkedIn.
J’ai apprécié le support de formation très complet et documenté. Formateur extrêmement professionnel à l’écoute des problématiques et des diﬃcultés. »

« La formation m’a apporté une totale satisfaction.
J’ai reçu les informations nécessaires à la mise en pratique du référencement naturel de mon site Internet et les éléments correctifs aux pratiques précédemment utilisées.
Merci au formateur qui est un référenceur de métier. »

« La réunion organisée en amont de la formation a permis de cerner nos attentes et de cibler les besoins.
La formation aux publicités Facebook Ads était donc adaptée et a permis de voir les diﬀérents points attendus. Le formateur était à l’écoute et a répondu à l’ensemble de nos questions.
Il a également pu analyser nos contenus et performances de certaines campagnes et nous conseiller. »

« Très bonne formation à l’usage de Matomo Analytics.
Formateur à l’écoute et très pédagogue.»

« Merci pour la rapidité avec laquelle cette formation LinkedIn Ads a été organisée.
Par ailleurs, tout était clair et très bien expliqué par le formateur. »

« Formation personnalisée et individuelle, très appréciée.
La formation répondait à mes attentes : théorie et pratique.
Guillaume est pédagogue et c'était très intéressant.
J'ai appris beaucoup de choses ! Merci. »

« Merci pour l’ensemble des conseils et pour l'expertise. »

« Très bon formateur, rien à ajouter comme recommendation.
Très bonne formation, toujours à l’écoute »

« Les informations que j’ai reçues étaient très claires et adaptées, je suis tout à fait satisfaite de la formation qui m’a été prodiguée. »

« Formation claire faite sur mesure et formateur qui prend le temps de très bien expliquer. Beaucoup d'exemples fournis en Live. Bravo !»

« Mon besoin a bien été compris et la formation a répondu à toutes mes attentes, le tout dans une bonne ambiance. Un grand merci »

« Très bonne formation, axée très technique, sur les publicités Facebook et Instagram. De très bonnes solutions et astuces apprises, intéressantes à mettre en pratique pour tester. Je reviendrai sûrement vers l'équipe pour la mise en pratique continue de ces solutions »

« Formateur Très dynamique et très à l'écoute des besoins et du niveau de chacun, Merci. Je n'avais pas TikTok jusqu'à ce matin 10H et j'ai réussi à l'issue de cette formation à créer une vidéo. C'est formidable ! »

« Très bonne formation, avec un bon rythme et structuration (explication puis mise en pratique directe à chaque module) »

« Formation d’acculturation au Digital très claire, vivante, parfaitement documentée, et humainement agréable ! »

« Formation à l’initiation aux réseaux sociaux de qualité, directement adaptable dans nos missions. 2 journées très denses mais productives. Pleins d’idées et de conseils à mettre en pratique. »

« Merci à Guillaume pour cette formation en one-to-one qui était idéale pour appréhender le sujet en se focalisant sur le cas pratique qui me concerne. Guillaume a été très pédagogue, à l'écoute de mes demandes et à répondu à mes questions. Ce type de formation se prête parfaitement au distanciel.»

« Tout était correctement organisé, rien à redire. Reste à mettre en pratique. Formateur de grande qualité et très pédagogue. Merci ! »

Des questions
sur notre formation ?

Notre équipe pédagogique se tient à votre disposition pour vous accompagner dans le choix de votre formation individuelle sur-mesure ou intra-entreprise sur mesure.