Créer et mettre en forme des pages web (HTML5 et CSS3)

• Créer et mettre en forme des pages web (HTML5 et CSS3) - Code CertifInfo 114504
  • Niveau de qualification : Sans équivalence de niveau

Objectifs

La certification vise 5 compétences clés qui vont permettre à un professionnel de :

• Créer une page web à l'aide des balises du HTML5 afin de rendre sa lecture accessible à tous types d'utilisateurs, y compris ceux en situation de handicap.


• Mettre en forme une page web et ses éléments HTML5 afin de respecter la maquette graphique définie par l'entreprise en utilisant les règles de mise en forme et de positionnement du CSS3.


• Adapter l'affichage d'une page web aux différents supports (ordinateur, smartphone, tablette...) en utilisant les règles de media queries pour optimiser sa lecture sur différents appareils.


• Concevoir et développer des formulaires (formulaire d'inscription, formulaire de paiement...) utilisables par tout type d¿utilisateurs, y compris ceux en situation de handicap pour recueillir des informations (textes, fichiers...) au moyen de balises adéquates du HTML5 et en respectant les recommandations de sécurité fournies par les instances officielles (OWASP, ANSII...).


• Animer avec du contenu dynamique (vidéo, audio, animation...) une page web en vue de sa consultation par tout type d'utilisateurs, y compris ceux en situation de handicap, en utilisant les balises avancées du HTML5 et les propriétés du CSS3 pour améliorer l'expérience utilisateur.

Programme de la formation

Module 1 : Introduction au développement web

• Présentation du HTML5 et du CSS3.Comprendre la structure d'une page web.


• Rôle et interaction entre HTML, CSS et JavaScript.

Module 2 : Création d'une page web avec HTML5

• Utilisation des balises HTML5 essentielles.


• Structurer une page web avec les éléments sémantiques.


• Ajouter du contenu : textes, images, liens, listes et tableaux.

Module 3 : Mise en forme des pages web avec CSS3

• Sélectionner et appliquer des styles avec CSS.


• Gérer les couleurs, les polices et les arrière-plans.


• Appliquer des styles aux éléments HTML pour respecter une maquette graphique.

Module 4 : Disposition et mise en page avancée

• Utilisation des modèles de mise en page : Flexbox et CSS Grid.


• Gestion des marges, paddings et alignements.


• Création de mises en page réactives avec les media queries.

Module 5 : Adaptation des pages web aux différents supports (responsive design)

• Introduction au responsive design et aux media queries.


• Adapter l'affichage sur mobiles, tablettes et ordinateurs.


• Tests et validation de la compatibilité sur différents navigateurs.

Module 6 : Création et gestion des formulaires HTML5

• Structurer et concevoir un formulaire (inscription, contact, paiement, etc.).


• Ajouter des champs adaptés : texte, email, téléphone, fichier, etc.


• Appliquer des règles d'accessibilité et sécuriser les entrées utilisateur.

Module 7 : Animation et interactivité avec CSS3

• Intégrer du contenu multimédia : audio, vidéo et animations CSS.


• Animer les éléments avec les transitions et animations CSS3.


• Améliorer l'expérience utilisateur avec des effets dynamiques.

Module 8 : Préparation à la certification ENI

• Révision des concepts clés du HTML5 et du CSS3.


• Exercices pratiques et mises en situation réelles.


• Examens blancs pour se préparer aux épreuves officielles.

Validation et sanction

- Être capable de structurer une page web à l'aide des balises HTML5.

- Styliser les éléments d'une page avec les feuilles de style CSS3.

- Maîtriser les principes de base du responsive design pour un affichage optimal sur tous les écrans.

- Respecter les bonnes pratiques de codage pour améliorer l'accessibilité et le référencement naturel.

- Valoriser ses compétences en développement web de base auprès des employeurs ou dans le cadre d'une reconversion professionnelle.

Type de formation

Certifiante

Sortie

Sans niveau spécifique