HTML5 et CSS3
Formation professionnelle orientée développement de compétences en développement.
Tarif
2 100 €
HT / session — modulable selon le format (intra / inter, présentiel / distanciel)
Présentation
Maîtrisez les bases du web ! Cette formation vous permettra de débuter en programmation en apprenant à maîtriser les deux langages de base du web : HTML5 et CSS3. Découvrez les différentes balises HTML, construisez une page et ajouter lui un design personnalité grâce aux capacités des feuilles de style du CSS. Vous implémenterez le modèle d’organisation des contenus et utiliserez les éléments de structure proposés par HTML5. Vous utiliserez CSS3 afin de les rendre plus attractives et les rendre responsives.
Objectifs pédagogiques
- Maîtriser les différentes balises HTML et fonctions CSS
- Savoir intégrer une page depuis une maquette ou un zoning
- Connaître les standards W3C, les bonnes pratiques
- Se familiariser avec le responsive-design et savoirmettre en place une arborescence de page
Prérequis
Aucun prérequis technique spécifique. Une aisance avec l’outil informatique est recommandée.
Programme
Jour 1
Module 1 : Introduction à HTML5
- • Histoire, évolution et différences avec les versions précédentes
- • Structure de base (Doctype, <html>, <head>, <body>, métadonnées)
- • Box Model et son importance
- • Balises essentielles (h1-h6, p, ul, ol, li, a, img)
- • Balises block et inline, tables, balise <video>
- • Exercice : création d'une page HTML intégrant ces éléments
Module 2 : Introduction à CSS3
- • Syntaxe et sélecteurs (type, classe, id, pseudo-classes)
- • Propriétés essentielles : texte et boîte (marges, padding, bordures)
- • DOM et structure hiérarchique d'une page
- • Ateliers pratiques : création d'une feuille de style
Jour 2
Module 3 : Intégration de maquette
- • Lecture et zoning d'une maquette
- • Balises sémantiques (<div>, <section>, <header>, <footer>)
- • Formulaires (form, input, button)
- • CSS3 avancé : Flexbox, Grid, positionnement
- • Atelier : intégration d'une maquette simple
Module 4 : Standards et Bonnes Pratiques W3C
- • Standards W3C, accessibilité, sémantique HTML
- • Validation via W3C Validator
- • Exercice : validation et optimisation du code
Jour 3
Module 5 : Responsive Web Design
- • Media queries et breakpoints
- • Mobile-first approach
- • Images responsives et optimisation
Module 6 : Projet final
- • Conception et développement d'un site complet
- • Tests sur différents navigateurs et appareils
- • Mise en ligne et déploiement
Modalités pédagogiques
La formation alterne apports théoriques, études de cas, mises en situation et exercices pratiques afin de favoriser l’acquisition et l’application immédiate des compétences. Les sessions peuvent être réalisées en présentiel ou en distanciel synchrone (visio), en intra ou en inter-entreprise.
Évaluation
- L’évaluation des acquis est réalisée tout au long de la formation au travers d’exercices pratiques et de mises en situation.
- Une évaluation finale permet de mesurer l’atteinte des objectifs pédagogiques.
- Un certificat de réalisation de l’action de formation est remis aux participants.
Moyens et supports pédagogiques
Supports de formation projetés Exercices pratiques et mises en situation Outils et logiciels adaptés à la formation Livret de formation remis aux participants
Accessibilité
Target Formation s’engage à favoriser l’accès à la formation pour les personnes en situation de handicap. Chaque situation fait l’objet d’une analyse individualisée, afin d’identifier les besoins spécifiques et de mettre en place, lorsque cela est possible, des aménagements adaptés (rythme, modalités pédagogiques, supports, organisation). Un référent handicap est disponible pour étudier toute demande en amont de la formation, en lien avec les partenaires compétents si nécessaire.
Référent handicap : Julien Petitjean - contact@target-formation.fr - 05 25 33 18 04
Indicateurs de résultats 2024
Indicateurs Qualiopi (critère 31) — base : 412 stagiaires formés sur l'année.
96%
Satisfaction
(287 avis)
98%
Réussite /
réalisation
2%
Abandon en
cours