Objectifs

Maîtriser le balisage HTML5 et la structure d'une page
Mettre en forme avec les feuilles de style CSS3
Créer des mises en page responsive
Comprendre et adapter un template web

Programme détaillé

Programme complet en PDF : HTML5 & CSS3 →

01 Structure HTML5

Anatomie d'une page web : DOCTYPE, head, body
Balises sémantiques : header, nav, main, section, article, footer
Liens, images, listes et tableaux
Formulaires HTML5 : types de champs et validation native

02 Mise en forme avec CSS3

Sélecteurs : balises, classes, IDs, pseudo-classes
Propriétés fondamentales : couleur, police, fond, bordure
Le modèle de boîte (box model) : margin, padding, border, box-sizing
Variables CSS (custom properties) et thèmes

03 Mises en page Flexbox & Grid

Flexbox : axe principal, justification, alignement et wrapping
CSS Grid : colonnes, lignes, zones nommées et gap
Combiner Flexbox et Grid pour des mises en page complexes
Positionnement : relative, absolute, sticky, fixed

04 Responsive design & typographie web

Media queries : breakpoints mobile, tablette, desktop
Images et médias flexibles (max-width, object-fit)
Unités CSS : rem, em, vw, vh et fluid typography
Google Fonts et polices variables

05 Outils & bonnes pratiques

Inspecter et déboguer avec les DevTools du navigateur
Organiser son code : commentaires, conventions de nommage
Accessibilité de base : contrastes, attributs alt et ARIA
Comprendre et adapter un template HTML existant

Cette formation est faite pour vous si…

Vous utilisez un CMS et vous voulez comprendre ce qui se passe sous le capot.
Vous devez corriger une page et vous n'osez pas toucher au code.
Vous êtes graphiste et vous voulez livrer des maquettes réellement intégrables.
Vous voulez que vos pages s'affichent correctement sur mobile, pas approximativement.

Métiers visés

Intégrateur web
Web designer
Webmaster

Plusieurs de ces intitulés relèvent du code ROME E1205, « Réalisation de contenus multimédias », celui que France Travail utilise pour qualifier un projet professionnel.

Public & pré-requis

Toute personne en charge de la création de sites web enrichis et responsive. Pré-requis : connaître l'environnement Mac ou Windows. Formation accessible aux personnes en situation de handicap (en centre).

Moyens pédagogiques

Un poste informatique par stagiaire, vidéoprojecteur, un formateur professionnel expérimenté. 30 % de théorie, 70 % de pratique. Supports de cours, émargement, attestation de formation, fiche d'évaluation et évaluation des acquis en fin de stage.

Délais d'accès

Jusqu'à 48 heures à l'avance. 21 jours ouvrés pour un financement France Travail (AIF, etc.).

Prochaines sessions

À distance : démarrage à la demande. À Rouen : sessions sur demande.

Accessibilité

Formation accessible aux personnes en situation de handicap (en centre), et selon vos installations en intra-entreprise ou à distance. Pour toute demande d'adaptation, contactez notre référent handicap.

Formation HTML5 & CSS3à Rouen ou à distance